$(document).ready(function() {

	$(window).height(768);
	$('#menuholder').show();	
	$('#mainmenu').dropmenu({	
			effect			: "fade",		//	"slide", "fade", or "none"
			speed			: "normal",	//	"normal", "fast", "slow", 100, 1000, etc
			timeout			: 250,
			nbsp			: false,
			maxWidth		: 0
	});
	$('#content').fadeIn('slow', function() {});	
	
	$(".productselector .cont .item").hover(  
	function () {
    	$(this).css("background-color","white");
    },
 	  function () {
    	$(this).css("background-color","transparent");
    });
	

	 $('.scrollbtnleft').click(function(e) {
		$('.productselector .scroller').scrollTo({left:'-=465'}, 800,{axis:'x'});
	});
	
	 $('.scrollbtnright').click(function(e) {
		$('.productselector .scroller').scrollTo({left:'+=465'}, 800,{axis:'x'});
	});

	
	 $('.scrollbtnrighttmp').click(function(e) {
	 	alert('scrollright');
		$('.productselector .scroller').scrollTo({left:'+=465'}, 800,{axis:'x'});
	});

});


function getResults(){
	var naam		= document.forms['kleurplaten'].naam.value;
	var leeftijd	= document.forms['kleurplaten'].leeftijd.value;
	var stad		= document.forms['kleurplaten'].stad.value;

	if(naam=='' && leeftijd=='' && stad==''){
		alert('Vul eerst een zoekterm in om te zoeken naar kleurplaten');
	} else {

		var html = $.ajax({
			url: '/pages/kleurplaten-ajaxresult.php?naam='+naam+'&leeftijd='+leeftijd+'&stad='+stad,
  			async: false
	 	}).responseText;
	
		$('#meestbekeken').fadeOut('slow',function(){
			$('#meestbekeken').html(html);			
			$('#meestbekeken').fadeIn();
		});
	}
}

function changeSelector(nr){
	i=0;
	$('.subselector').each(function(){
		$("#selectorm"+i).removeClass('selectormenuselected');
		$("#selectorm"+i).addClass('selectormenu'); 

		var displ = $(this).css("display");
		if(displ=="block"){
			$(this).fadeOut('fast',function(){
				$('.productselector .scroller').scrollTo({left:'0px'},10,{axis:'x'});
				$("#subselector"+nr).fadeIn('fast');
			});
		} 
		
		i++;
	});
	
	$("#selectorm"+nr).removeClass('selectormenu');
	$("#selectorm"+nr).addClass('selectormenuselected'); 
	
}


	function checkUpForm(){
  					var error = '';
  					var img = document.forms['uploadjekleurplaat'].img.value;
  					
  					if(document.forms['uploadjekleurplaat'].naam.value==''){			error += "je naam \n";			}
  					if(document.forms['uploadjekleurplaat'].email.value==''){			error += "je emailadres \n";	}
  					if(document.forms['uploadjekleurplaat'].leeftijd.value==''){		error += "je leeftijd \n";		}
  					if(document.forms['uploadjekleurplaat'].stad.value==''){			error += "je woonplaats \n";	}
  					if(document.forms['uploadjekleurplaat'].img.value==''){ 			
  						error += "je kleurplaat \n";	
  					} else {
	  					if(img.substr(img.length-4,4)==".jpg" || img.substr(img.length-4,4)==".JPG"){
	  					} else {
	  						error += "je afbeelding moet een .jpg bestand zijn.\n";	
	  					}
	  				}
  																			
										  											
   					if(error==''){
  						document.forms['uploadjekleurplaat'].submit();
  					} else {
  						alert('Je hebt niet alle velden ingevuld \n'+error);
  					}
  	}


/** VIDEO PREVIEW FUNCTIONS **/

function startLoopVideo(id){
	videoid=id;
	videoloop=1;
	videointerval = setInterval("loopVideo()",500);
}

function endLoopVideo(){
	clearInterval(videointerval);
	document[videoid].src = "http://img.youtube.com/vi/"+videoid+"/1.jpg";
}

function loopVideo(){
	videoloop++;
	if(videoloop==4){
		videoloop=1;
	}
	document[videoid].src = "http://img.youtube.com/vi/"+videoid+"/"+videoloop+".jpg";
}
var currentlink;
function visitLink(nr){
	
	var link = currentlink[nr];
	if(link.substr(0,4)=='http'){
		document.location.href = link;
	} else {
		alert(link);
	}
	
}