function menuSwapOn(id,image){
	
	document.getElementById(id).style.background = "url(http://www.djvlader.com/slides/" + image + ")";

}

function menuSwapOff(id,image){

	document.getElementById(id).style.background = "url(http://www.djvlader.com/slides/" + image + ")";

}	

var loadVideo;
var loadMap;
var loadTwitter;
var loadDates;
$(document).ready(function() {
				
				
			Cufon.replace('.cufon_delicious', { fontFamily: 'Delicious' });

					
			 	var url = "http://vimeo.com/api/v2/djvlader/videos.json?callback=?";
				$.getJSON(url, function(data) {
					var items = [];
					
					for(var i = 0; i<4;i++)
					{
						items.push('<li><a onclick="loadVideo('+data[i].id+')"><div class="poster"> <img src="'+data[i].thumbnail_medium+'">'
            			+'</div><div class="heading">'+data[i].title+'</div></a></li>');
					}
					var search_timeout = undefined;
					var object = $(this);
					if(search_timeout != undefined) {
							clearTimeout(search_timeout);
						}
						$("#mainpic").html('<div id="loading"></div>');
						var $this = this;
						search_timeout = setTimeout(function() {
								search_timeout = undefined;
								$("#mainpic").html('<iframe src="http://player.vimeo.com/video/'+data[Math.floor(Math.random()*items.length)].id+'?portrait=0" width="427" height="267" frameborder="0"></iframe>');								
						}, 800);
					$("#videomixtapes").html(items.join(""));

				});
				
			loadDates = function()
			{
				var url = "http://djvlader.com/check.php";
				$.getJSON(url, function(data) {
					var dates = [];
					
					for(var i = 0; i<4;i++)
					{
						  var datum = data.userdata[i].eventdate;
						  var eventdate = new Date(datum.replace(/(\d\d\d\d).(\d\d).(\d\d)/, "$1/$2/$3"));
						  var tag =  eventdate.getDate();
						  var monat = eventdate.getMonth() + 1;
						  var jahr = eventdate.getFullYear();
						  var stunde = eventdate.getHours();
						  var minute = eventdate.getMinutes();
						dates.push('<li><a onclick="loadMap(\''+data.userdata[i].coordlat+'\',\''+data.userdata[i].coordlong+'\',\''+data.userdata[i].name+'\',\''+data.userdata[i].city+'\',\''+data.userdata[i].eid+'\')"><div class="poster_event"> <img src="'+data.userdata[i].picsmall+'">'
            			+'</div><span class="heading">'+data.userdata[i].name+'</span><span class="date">'+tag+'.'+monat+'.'+jahr+' '+stunde+':00</span></a></li>');
					}
					var search_timeout = undefined;
					var object = $(this);
					if(search_timeout != undefined) {
							clearTimeout(search_timeout);
						}
						$("#dateslist").html('<div id="loading"></div>');
						var $this = this;
						search_timeout = setTimeout(function() {
								search_timeout = undefined;
								$("#dateslist").html("");
								$("#dateslist").html(dates.join(""));								
						}, 800);
					

				});
				
			}
			
			loadTwitter = function()
			{
				
				var url = "http://twitter.com/statuses/user_timeline/djvlader.json?count=4&callback=?";
				$.getJSON(url, function(data) {
					var tweets = [];
					
					for(var i = 0; i<4;i++)
					{
						tweets.push('<li><a href="http://twitter.com/#!/djvlader/status/'+data[i].id_str+'" target="_new"><div class="poster_event"> <img src="'+data[i].user.profile_image_url+'">'
            			+'</div><span class="heading">'+(data[i].text).substr(0,50)+'...[read more]</span></a></li>');
					}
					var search_timeout = undefined;
					var object = $(this);
					if(search_timeout != undefined) {
							clearTimeout(search_timeout);
						}
						$("#dateslist").html('<div id="loading"></div>');
						var $this = this;
						search_timeout = setTimeout(function() {
								search_timeout = undefined;
								$("#dateslist").html("");
								$("#dateslist").html(tweets.join(""));								
						}, 800);

				});
			}
			
			loadMap = function(coordlat,coordlong, name, ort, eid)
			{
				var myLatlng = new google.maps.LatLng(coordlat,coordlong);
				var image = 'http://djvlader.com/images/icon.png';
				var myOptions = {
				  zoom: 8,
				  center: myLatlng,
				  mapTypeId: google.maps.MapTypeId.HYBRID
				}
			
				var map = new google.maps.Map(document.getElementById("mainpic"), myOptions);
				var contentString = "<div id='datetext'><br><strong>"+name+"</strong> <br> "+ort+"<br> attend on facebook: <a target=\"_new\" href='http://www.facebook.com/event.php?eid="+eid+"'>click here</a></div>";
			  
					
				var infowindow = new google.maps.InfoWindow({
					content: contentString
				});
			
				var marker = new google.maps.Marker({
					position: myLatlng,
					map: map,
					title: name,
					icon: image
				});
				google.maps.event.addListener(marker, 'click', function() {
				  infowindow.open(map,marker);
				});
				
				
			}
				
			loadVideo = function(id)
			{
				
					var search_timeout = undefined;
					var object = $(this);
					if(search_timeout != undefined) {
							clearTimeout(search_timeout);
						}
						$("#mainpic").html('<div id="loading"></div>');
						var $this = this;
						search_timeout = setTimeout(function() {
								search_timeout = undefined;
								$("#mainpic").html('<iframe src="http://player.vimeo.com/video/'+id+'?portrait=0" width="427" height="267" frameborder="0"></iframe>');								
						}, 800);
				
			}


			function var_dump(obj) {
			   if(typeof obj == "object") {
				  return "Type: "+typeof(obj)+((obj.constructor) ? "\nConstructor: "+obj.constructor : "")+"\nValue: " + obj;
			   } else {
				  return "Type: "+typeof(obj)+"\nValue: "+obj;
			   }
			}
			 
					
			loadDates();	
			
			// font color animation
			$("#mainNavigation .navigationItem").hover(function() {
				$(this).animate({ color: "#00adef" }, 400);
			},function() {
				$(this).animate({ color: "#FFFFFF" }, 500);
			});	
			
			$("#mainNavigation .navigationItemEnd").hover(function() {
				$(this).animate({ color: "#00adef" }, 400);
			},function() {
				$(this).animate({ color: "#FFFFFF" }, 500);
			});	
				
			//HIDES AM START DER SEITE
			$('#VLADERBIO').hide();
			$('#GALLERY').hide();
			$('#DATES').hide();
			$('#PARTNER').hide();
			$('#CLIENTS').hide();			
			$('#IMPRINT').hide();
			$('#CONTACT').hide();
			
			
			//VALIDATE
			$("#contactForm").validate();
			
			
			$("#contactForm").submit(function() {  
			     // we want to store the values from the form input box, then send via ajax below  
			     var firstname     = $('#firstname').attr('value'); 
				 var lastname     = $('#lastname').attr('value');
				 var email     = $('#email').attr('value');
				 var telephone     = $('#telephone').attr('value');
				 var city     = $('#city').attr('value');
				 var state     = $('#state').attr('value');
				 var country     = $('#country').attr('value');
				 var message     = $('#message').attr('value');
				 alert(state);
			         $.ajax({  
			             type: "POST",  
			             url: "mail/mail.php",  
			             data: "firstname="+ firstname +"& lastname="+ lastname +"& email="+ email +"& telephone="+ telephone +"& city="+ city +"& state="+ state +"& country="+ country +"& message="+ message,  
			             success: function(){  
			                 alert("success");
			   
			             }  
			         });  
			     return false;  
			     });  

			
			
			//SCROLLBAR DIVS EINSTELLEN

//---------------------------------BUTTONS---------------------------------------			
			
			//BUTTON IMPREINT	
			$("a#imprint_toggle").click(function(){
			//SHOW
			$('#IMPRINT').slideDown();
			//HIDE
			$('#CONTACT').hide('slow');
			});

			
			//BUTTON HOME	
			$('a#HOME_TOGGLE').click(function(){
			//SHOW
			$('#bannertop').slideDown();
			//HIDE
			$('#GALLERY').hide('slow');
			$('#VLADERBIO').hide('slow');
			
			$('#DATES').hide('slow');
			$('#PARTNER').hide('slow');
			$('#CLIENTS').hide('slow');
			$('#IMPRINT').hide('slow');
			$('#CONTACT').hide('slow');
			});
			
			
			//BUTTON CONTACT	
			$("a#contact_toggle").click(function(){
			//SHOW
			$('#CONTACT').slideDown();
			//HIDE
			$('#IMPRINT').hide('slow');
			});
			
			$("a#contact2_toggle").click().toggle(function() {
				$('#CONTACT').slideDown();
			}, function() {
				$('#CONTACT').hide('slow');
			});
			
			
			//BUTTON VLADER	
			$('a#VLADERBIO_TOGGLE').click(function(){
			//HIDES
			$('#bannertop').hide('slow');
			$('#GALLERY').hide('slow');
			$('#PARTNER').hide('slow');
			$('#CLIENTS').hide('slow');
			$('#IMPRINT').hide('slow');
			$('#CONTACT').hide('slow');
			//SHOW
			$('#VLADERBIO').slideDown();
			//ERSTE BIO EINBLENDEN
			$("#biobox").load('bio/english.html', '', reinitialiseScrollPane);
			});
			
			
			//BUTTON GALLERY	
			$('a#GALLERY_TOGGLE').click(function(){
			//HIDES
			$('#bannertop').hide('slow');
			$('#VLADERBIO').hide('slow');
			$('#PARTNER').hide('slow');
			$('#CLIENTS').hide('slow');
			$('#IMPRINT').hide('slow');
			$('#CONTACT').hide('slow');
			//SHOW
			$('#GALLERY').slideDown();
			$('#flash2').flash({src: 'vlader-gallery.swf',width: 900,height: 470});

			});
			
			
			//BUTTON PARTNER	
			$('a#PARTNERS_TOGGLE').click(function(){
			//HIDES
			$('#bannertop').hide('slow');
			$('#VLADERBIO').hide('slow');
			$('#GALLERY').hide('slow');;
			$('#DATES').hide('slow');
			$('#CLIENTS').hide('slow');
			$('#IMPRINT').hide('slow');
			$('#CONTACT').hide('slow');
			//SHOW
			$('#PARTNER').slideDown();
			$('#flash3').flash({src: 'partner.swf',width: 900,height: 470});

			});
			
			
			//BUTTON CLIENTS	
			$('a#CLIENTS_TOGGLE').click(function(){
			//HIDES
			$('#bannertop').hide('slow');
			$('#VLADERBIO').hide('slow');
			$('#GALLERY').hide('slow');
			$('#DATES').hide('slow');
			$('#PARTNER').hide('slow');
			$('#IMPRINT').hide('slow');
			$('#CONTACT').hide('slow');
			//SHOW
			$('#CLIENTS').slideDown();
			$('#flash4').flash({src: 'clients.swf',width: 900,height: 470});

			});
			
			
	
			
			
			function flashhide (i)
			{
				if (i=="1")
				{
				$('#bannertop').hide();
				//HIDE
				$('#VLADERBIO').hide('slow');
				$('#GALLERY').hide('slow');
				$('#DATES').hide('slow');
				}
				if (i=="2")
				{
				$('#bannertop').slideDown();
				//HIDE
				$('#VLADERBIO').hide('slow');
				$('#GALLERY').hide('slow');
				$('#DATES').hide('slow');
				}
			
			}
			
			
			
//---------------------------------ENDE BUTTONS---------------------------------------			
			



//---------------------------------FANCYBOX---------------------------------------	
			
			$("#REFERENCE_TOGGLE").fancybox({
					'padding'			: 1,
				'width'				: '80%',
				'height'			: '85%',
				'autoScale'			: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'type'				: 'iframe',
					onStart		:	function() {
						flashhide("1");
					},
					onClosed	:	function() {
						flashhide("2");
					}

	});

			
			
			
			$("#DATES_TOGGLE").fancybox({
				'padding'			: 1,
				'width'				: '90%',
				'height'			: '96%',
				'autoScale'			: false,
				'transitionIn'	: 'elastic',
				'transitionOut'	: 'elastic',
				'type'				: 'iframe',
					onStart		:	function() {
						flashhide("1");
					},
					onClosed	:	function() {
						flashhide("2");
					}
			});
			
			
//---------------------------------LOGIN---------------------------------------				
			$("#login_toggle").fancybox({
				'scrolling'		: 'no',
				'titleShow'		: false,
				'autoScale'		: true,
				'onClosed'		: function() {
					$("#login_error").hide();
				}
			});

			
//---------------------------------PASSWORD-CHECK---------------------------------------				
			
			$("#login_form").bind("submit", function() {
			//$("#login_error").show();
		
			return false;
		});
			
			

			
//---------------------------------ENDE FANCYBOX---------------------------------------	




//---------------------------------BIO---------------------------------------			
			
			
			//ENGLISCH BUTTON TOGGLE
			$('a#ENGLISH_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/english.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
			//DEUTSCH BUTTON TOGGLE
			$('a#GERMAN_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/deutsch.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
			//ESPAÑOL BUTTON TOGGLE
			$('a#SPAIN_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/spain.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
			//FRANÇAIS BUTTON TOGGLE
			$('a#FRANCE_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/france.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
			
			//PYCCKИЙ BUTTON TOGGLE
			$('a#RUSSIAN_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/russian.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
			//TÜRKÇE BUTTON TOGGLE
			$('a#TURKEY_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/turk.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
			//EλλHNIΚΑ BUTTON TOGGLE
			$('a#GREEK_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/greek.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
			
			//POLSKI BUTTON TOGGLE
			$('a#POLSKA_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/polski.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
			
			//ARAB BUTTON TOGGLE
			$('a#ARAB_toggle').click(function(){
			//HIDES
			$("#biobox").load('bio/arab.html', '', reinitialiseScrollPane);
			$('#biobox')[0].scrollTo(0);
			});
			
//---------------------------------ENDE BIO---------------------------------------			
			
			reinitialiseScrollPane = function()
				{
					$('#biobox').jScrollPane({scrollbarMargin:10});
				}
			
//END READY FUNC
});