//STANDAARD JS
var h5player = (navigator.userAgent.match(/iPad/i) != null)||(navigator.userAgent.match(/iPhone/i) != null)||(navigator.userAgent.match(/iPod/i) != null)||(navigator.userAgent.match(/Windows Phone OS 7/i) != null);
var isiPad = (navigator.userAgent.match(/iPad/i) != null)||(navigator.userAgent.match(/iPhone/i) != null)||(navigator.userAgent.match(/iPod/i) != null)||(navigator.userAgent.match(/android/i) != null)||(navigator.userAgent.match(/safari/i) != null);
var ClickCheck = (navigator.userAgent.match(/iPad/i) != null)||(navigator.userAgent.match(/iPhone/i) != null)||(navigator.userAgent.match(/iPod/i) != null)||(navigator.userAgent.match(/android/i) != null);

//**************************

$(document).ready(function(){
	
	//Voor IE7
	 				
	if (jQuery.browser.msie) {
	 	try { 
			document.execCommand("BackgroundImageCache", false, true); 
	  } 
	  catch(err) {}
	}
	 				
	var menu = 'up';
	var menu2 = 'up';
	 				
	//Setup qtips voor slider
	 			 				
	function showQtips() {	
		$('#slideholder li img').qtip({
	  	content: $(this).attr('alt'),
	  	show: 'mouseover',
			hide: 'mouseout',
			position: { corner: { target: 'topMiddle',tooltip: 'leftMiddle' } }
		})
	}
 					 				
	//FillIn();
	 				
	attach();
	 				
	//Setup search bar dropdown
	 				
	$('#searchCat').click(  
		function () { 
			if(menu=='up'){ 
				$('#DropDown').show();  
		  		$("#searchCat img").attr("src","http://dev.gamekings.tv/wp-content/themes/gk2010/images/point_down.png");
		   		menu = 'down';
		  	}else{
		  		$('#DropDown').hide(); 
		  		$("#searchCat img").attr("src","http://dev.gamekings.tv/wp-content/themes/gk2010/images/point_up.png"); 
		   		menu = 'up';
		  	}
		}
	);
	
	$('#DropDown li').click(
		function(){
			if($("#DropDown li").index(this)==0){
				$('#searchCat').html("VIDEOS <img id='point' src='/wp-content/themes/gk2010/images/point_up.png' />");
				$('#SearchCat').val('3');
			}
			if($("#DropDown li").index(this)==1){
				$('#searchCat').html("NIEUWS <img id='point' src='/wp-content/themes/gk2010/images/point_up.png' />");
				$('#SearchCat').val('18');
			}
			if($("#DropDown li").index(this)==2){
				$('#searchCat').html("AFLEVERINGEN <img id='point' src='/wp-content/themes/gk2010/images/point_up.png' />");
				$('#SearchCat').val('5');
			}
			if($("#DropDown li").index(this)==3){
				$('#searchCat').html("REVIEWS <img id='point' src='/wp-content/themes/gk2010/images/point_up.png' />");
				$('#SearchCat').val('15');
			}
			$('#DropDown').hide(); 
  		$("#searchCat img").attr("src","http://dev.gamekings.tv/wp-content/themes/gk2010/images/point_up.png"); 
   		menu = 'up';
		}
	) 				
	//SliderBar
	 				
	function attach() {
	  				
	//Init
	  				
	var Sindex = 0;
	var index = 0;		  			
	var temp = $('#Items li').get(index);
		  					  					  			
	$('#LeftArrow').css({backgroundPosition: '0px -58px'});
		  			
	$(temp).addClass('select');
	$(temp).addClass('corners-small-topright');
			   		
	var temp = $('#Itip li').get(index);
	
	$('#TitleContainer').click(
		function(){			
			var linkie = $('#titles li').get(index);
			window.location = $(linkie).attr('page');
				
		}
	)
	
	if(isiPad){	
	
		$(temp).css("-webkit-transition-property", "translate3d");
		$(temp).css("-webkit-transition-duration", "0.2s");
		$(temp).css("-webkit-transform", "translate3d(-35px,0px,0px)");
			   		
	}else{
		
		$(temp).animate
		(
			{left: 0},
			{queue:false, duration:200}
		);
		
	}			   			
	//Setup slider 			
					   			
	$('#LeftArrow').click(Sleft);
	$('#RightArrow').click(Sright);
			   		
	//Slider left animatie
			   		
	function Sleft()
	{
		if(Sindex>0){
			   				
			Sindex = Sindex - 1;
			target = Sindex * 800;
			   				
			if(isiPad){			   					
			//ipad animatie			   					
			   					
				target = -target;			   				
				$("#slideholder").css("-webkit-transition-property", "translate3d");
	      		$("#slideholder").css("-webkit-transition-duration", "1s");
	      		$("#slideholder").css("-webkit-transform", "translate3d("+target+"px,0px,0px)");	
	        				
	  		}else{	        				
	    	//standard animatie
	        							
				$("#main").stop().animate
				(	   				
			  		{scrollLeft: target},
			  		{queue:false, duration:500}
			  	);	
			   					        				
	     	}	
		}
			   			
		if(Sindex < 1){
			$('#LeftArrow').css({backgroundPosition: '0px -58px'});
		}
		$('#RightArrow').css({backgroundPosition: '0px 20px'});		
			   			
	}
			   		
	//Slider right animatie
			   		
	function Sright()
	{
		if(Sindex<4){
			
			Sindex = Sindex + 1;
		  target = Sindex * 800;
		   					
			if(isiPad){
				   				
			//ipad animatie
				   				
				target = -target;					   				
				$("#slideholder").css("-webkit-transition-property", "translate3d");
			  	$("#slideholder").css("-webkit-transition-duration", "1s");
			  	$("#slideholder").css("-webkit-transform", "translate3d("+target+"px,0px,0px)");					   			
			        			
			}else{
					   			
				$("#main").stop().animate
					(	   				
						{scrollLeft: target},
				  	{queue:false, duration:600}
				  );	
			}
		}
		if(Sindex==4){
			$('#RightArrow').css({backgroundPosition: '0px -58px'});
		}	
		$('#LeftArrow').css({backgroundPosition: '0px 20px'});					   	
	}
						
	//Items hover functie
						
	function SlideTo(item) 
	{
		
		if(item!=index){											
								
			var temp = $('#Items li').get(index);	
			var Active = $('#Items li').get(item);			   										
								
			var OldTip = $("#Itip li").get(index);	
			var NewTip = $("#Itip li").get(item);
				   			
			index = item;
				   			
			$(temp).removeClass('select');				   			
				   					   			
			$(Active).addClass('select');
				   				
			if(index==0){
				$(Active).addClass('corners-small-topright');
			}
			if(index==4){
				$(Active).addClass('corners-small-bottomright');				
			}
			var target = index * 600;
			var target2 = index * 65;
			   			
			if(isiPad){
					   			
				$("#Images").css("-webkit-transition-property", "translate3d");
	      		$("#Images").css("-webkit-transition-duration", "0.6s");
	      		$("#Images").css("-webkit-transform", "translate3d("+(-target)+"px,0px,0px)");	
	        					
						$("#titles").css("-webkit-transition-property", "translate3d");
	      		$("#titles").css("-webkit-transition-duration", "0.75s");
	      		$("#titles").css("-webkit-transform", "translate3d(0px,"+(-target2)+"px,0px)");	
	        				
	      		$(NewTip).css("-webkit-transition-property", "translate3d");
	      		$(NewTip).css("-webkit-transition-duration", "0.2s");
	      		$(NewTip).css("-webkit-transform", "translate3d(-35px,0px,0px)");
	        				
	      		$(OldTip).css("-webkit-transition-property", "translate3d");
	      		$(OldTip).css("-webkit-transition-duration", "0.2s");
	      		$(OldTip).css("-webkit-transform", "translate3d(35px,0px,0px)");
	        		
			}else{
					   								   			
				$("#ImageHolder").stop().animate
				(
					{scrollLeft: target},
					{queue:false, duration:600}
				);
				   				
				$("#TitleContainer").stop().animate
				(
					{scrollTop: target2},
					{queue:false, duration:750}
				);						   			
						   		
				$(NewTip).stop().animate
				(
					{left: 0},
					{queue:false, duration:200}
				);
						   			
				$(OldTip).stop().animate
				(
					{left: 35},
					{queue:false, duration:200}
				);
			}			   	
		}		   		
	}
	$('#Items li').hover(function() 
	{					   			
		SlideTo($("#Items li").index(this));			   					
	});
	
	$('#Items li').click(function()
		{

			if(!ClickCheck)
			{
				var linkie = $('#titles li').get(index);
				window.location = $(linkie).attr('page');
			}		
		}
	
		);
	
	//Show swipe overlays voor de iPad & Android devices
	if(isiPad){	
		$("#Images").touchwipe({
		  wipeRight: function() 
		  {	  	
		  	if(index > 0){
		  		temp = index - 1;
		  		SlideTo(temp);
		  	}
		  },
	    wipeLeft: function() 
		  {	  	
		  	if(index < 4){	  		
		  		temp = index + 1;
		  		SlideTo(temp);
		  	}
		  }
		});
	

		$("#slideholder").touchwipe({
		  wipeRight: function() { Sleft(); },
	    wipeLeft: function() { Sright(); }
		});		

	}
}

			 
});