var page_centrale_courante=0;
var element_courant=0;
var page_last_selected=0;

$(document).ready(function() {

	if($("#vipSlider").length>0)
	{
		$("#vipSlider").scrollable({ 
	    	size: 1,
	    	keyboard: false,
	    	globalNav: false,
	    	items: ".items",
	    	item: ".pages",
	    	clickable: false,
	    	nextPage: "#nextBtn",
	    	prevPage: "#prevBtn",
			onSeek: function(e,f){
				page_centrale_courante=f;
			}
	    }).navigator() 
	    .find('a');
	    
	    $("#vipSlider").scrollable().bind("onSeek",function(data){
	    	try{
	    		$("#page_number").html($("#vipSlider").scrollable().getIndex()+1);
	    	}catch(e){}
	    });
    }

	
	if($("#appmixSlider").length>0)
	{
		$("#appmixSlider").scrollable({ 
	    	size: 1,
	    	keyboard: false,
	    	globalNav: false,
	    	items: ".items",
	    	item: ".pages",
	    	clickable: false,
	    	nextPage: "#nextBtn",
	    	prevPage: "#prevBtn",
			onSeek: function(e,f){
				page_centrale_courante=f;
			}
	    }).navigator() 
	    .find('a');
	    
	    $("#appmixSlider").scrollable().bind("onSeek",function(data){
	    	$("#page_number").html($("#appmixSlider").scrollable().getIndex()+1);
	    });
	}

	
	function move_signup(){
			var coords = $(document).scrollTop();
			var newtop = coords + 200 + 'px';
			var newwidth = (($(document).width()/2) - 160 ) + 'px';
			$('.layer').css({ "top":newtop, "left":newwidth });
	}
	
	$(".transversal a:eq(0)").click(function(){
		var cntr_hgt = $("body").height();
		$("#fade-layer").css( "height",cntr_hgt );
	
		$("#fade-layer").show();
		move_signup();
		$(".layer").show();
		return false;

	});
	$("#close-layer").click(function(){
		$("#fade-layer").hide();
		$(".layer").hide();
		 return false;
	});
	
	$("#username_field").keyup(function(e) {
		if(e.keyCode == 13) {
			login_user();
		}
	});
	
	$("#password_field").keyup(function(e) {
		if(e.keyCode == 13) {
			login_user();
		}
	});
	

	$(document).keydown(function (e){
	if(e.keyCode == 37 || e.keyCode == 38 || e.keyCode == 39 || e.keyCode == 40) {
		if($("#vipSlider").length>0)
		{
			//Si on n'est pas sur la bonne page on va retrouver la bonne page
			if(page_last_selected!=page_centrale_courante)
			$("#vipSlider").scrollable().seekTo(page_last_selected);
			
			if(e.keyCode==39)
			{
				if(element_courant<5)
				{
					page=page_last_selected+1;
					element=element_courant+1;
					$(".pages:nth-child("+page+") .vip:nth-child("+(element)+")").removeClass("hover");
					$(".pages:nth-child("+(page)+") .vip:nth-child("+(element+1)+")").addClass("hover");
					id_vip_keyboard=(str_replace(");","",str_replace("javascript:view_vip_apps(","",$(".pages:nth-child("+(page)+") .vip:nth-child("+(element+1)+")").children(".vip-info").children("p:nth-child(3)").children(".button-view").attr('href'))));
					
					view_vip_apps(id_vip_keyboard);
					element_courant=element;
				}else{
					//go page suivante
					page_last_selected=page_last_selected+1;
					$("#vipSlider").scrollable().seekTo(page_last_selected);
					page=page_last_selected+1;
					element_courant=0;

					$(".hover").removeClass("hover");
					$(".pages:nth-child("+page+") .vip:nth-child(1)").addClass("hover");

					id_vip_keyboard=(str_replace(");","",str_replace("javascript:view_vip_apps(","",$(".pages:nth-child("+page+") .vip:nth-child(1)").children(".vip-info").children("p:nth-child(3)").children(".button-view").attr('href'))));

					view_vip_apps(id_vip_keyboard);
			}
				
			}

			if(e.keyCode==37)
			{
				if(element_courant>0)
				{
					page=page_last_selected+1;
					element=element_courant+1;
					$(".pages:nth-child("+page+") .vip:nth-child("+(element)+")").removeClass("hover");
					$(".pages:nth-child("+(page)+") .vip:nth-child("+(element-1)+")").addClass("hover");

					id_vip_keyboard=(str_replace(");","",str_replace("javascript:view_vip_apps(","",$(".pages:nth-child("+(page)+") .vip:nth-child("+(element-1)+")").children(".vip-info").children("p:nth-child(3)").children(".button-view").attr('href'))));
					
					view_vip_apps(id_vip_keyboard);

					element_courant=element-2;
				}else{
					if(page_last_selected>0)
					{
						//Reculer d'une page
						page_last_selected=page_last_selected-1;
						$("#vipSlider").scrollable().seekTo(page_last_selected);
						page=page_last_selected+1;
						element_courant=5;
						$(".hover").removeClass("hover");
						$(".pages:nth-child("+(page)+") .vip:nth-child(6)").addClass("hover");

						id_vip_keyboard=(str_replace(");","",str_replace("javascript:view_vip_apps(","",$(".pages:nth-child("+(page)+") .vip:nth-child(6)").children(".vip-info").children("p:nth-child(3)").children(".button-view").attr('href'))));
					
					view_vip_apps(id_vip_keyboard);
					}
					
			}
				
			}

			if(e.keyCode==40)
			{
				if(element_courant!=4 && element_courant!=5)
				{
					page=page_last_selected+1;
					element=element_courant+1;
					$(".pages:nth-child("+page+") .vip:nth-child("+(element)+")").removeClass("hover");
					$(".pages:nth-child("+(page)+") .vip:nth-child("+(element+2)+")").addClass("hover");

					id_vip_keyboard=(str_replace(");","",str_replace("javascript:view_vip_apps(","",$(".pages:nth-child("+(page)+") .vip:nth-child("+(element+2)+")").children(".vip-info").children("p:nth-child(3)").children(".button-view").attr('href'))));
										
					view_vip_apps(id_vip_keyboard);

					element_courant=element+1;
				}				
			}

			if(e.keyCode==38)
			{
				if(element_courant!=0 && element_courant!=1)
				{
					page=page_last_selected+1;
					element=element_courant+1;
					$(".pages:nth-child("+page+") .vip:nth-child("+(element)+")").removeClass("hover");
					$(".pages:nth-child("+(page)+") .vip:nth-child("+(element-2)+")").addClass("hover");
					
					id_vip_keyboard=(str_replace(");","",str_replace("javascript:view_vip_apps(","",$(".pages:nth-child("+(page)+") .vip:nth-child("+(element-2)+")").children(".vip-info").children("p:nth-child(3)").children(".button-view").attr('href'))));
										
					view_appmix_apps(id_vip_keyboard);
					
					element_courant=element-3;
				}				
			}
		}
		if($("#appmixSlider").length>0)
		{
			//Si on n'est pas sur la bonne page on va retrouver la bonne page
			if(page_last_selected!=page_centrale_courante)
			$("#appmixSlider").scrollable().seekTo(page_last_selected);

			if(e.keyCode==39)
			{
				if(element_courant<5)
				{
					page=page_last_selected+1;
					element=element_courant+1;
					$(".pages:nth-child("+page+") .appmix:nth-child("+(element)+")").removeClass("hover");
					$(".pages:nth-child("+(page)+") .appmix:nth-child("+(element+1)+")").addClass("hover");
					
					id_appmix_keyboard=(str_replace("');","",str_replace("javascript:view_appmix_apps('","",$(".pages:nth-child("+(page)+") .appmix:nth-child("+(element+1)+")").attr('onClick'))));					

					view_appmix_apps(id_appmix_keyboard);
					element_courant=element;
				}else{
					//go page suivante
					page_last_selected=page_last_selected+1;
					$("#appmixSlider").scrollable().seekTo(page_last_selected);
					page=page_last_selected+1;
					element_courant=0;

					$(".hover").removeClass("hover");
					$(".pages:nth-child("+page+") .appmix:nth-child(1)").addClass("hover");

					
					
					id_appmix_keyboard=(str_replace("');","",str_replace("javascript:view_appmix_apps('","",$(".pages:nth-child("+(page)+") .appmix:nth-child(1)").attr('onClick'))));
					
					view_appmix_apps(id_appmix_keyboard);
			}
				
			}

			if(e.keyCode==37)
			{
				if(element_courant>0)
				{
					page=page_last_selected+1;
					element=element_courant+1;
					$(".pages:nth-child("+page+") .appmix:nth-child("+(element)+")").removeClass("hover");
					$(".pages:nth-child("+(page)+") .appmix:nth-child("+(element-1)+")").addClass("hover");

					id_appmix_keyboard=(str_replace("');","",str_replace("javascript:view_appmix_apps('","",$(".pages:nth-child("+(page)+") .appmix:nth-child("+(element-1)+")").attr('onClick'))));
					
					view_appmix_apps(id_appmix_keyboard);

					element_courant=element-2;
				}else{
					if(page_last_selected>0)
					{
						//Reculer d'une page
						page_last_selected=page_last_selected-1;
						$("#appmixSlider").scrollable().seekTo(page_last_selected);
						page=page_last_selected+1;
						element_courant=5;
						$(".hover").removeClass("hover");
						$(".pages:nth-child("+(page)+") .appmix:nth-child(6)").addClass("hover");

						id_appmix_keyboard=(str_replace("');","",str_replace("javascript:view_appmix_apps('","",$(".pages:nth-child("+(page)+") .appmix:nth-child(6)").attr('onClick'))));
					
						view_appmix_apps(id_appmix_keyboard);
					}
					
			}
				
			}

			if(e.keyCode==40)
			{
				if(element_courant!=4 && element_courant!=5)
				{
					page=page_last_selected+1;
					element=element_courant+1;
					$(".pages:nth-child("+page+") .appmix:nth-child("+(element)+")").removeClass("hover");
					$(".pages:nth-child("+(page)+") .appmix:nth-child("+(element+2)+")").addClass("hover");

					id_appmix_keyboard=(str_replace("');","",str_replace("javascript:view_appmix_apps('","",$(".pages:nth-child("+(page)+") .appmix:nth-child("+(element+2)+")").attr('onClick'))));
					
					view_appmix_apps(id_appmix_keyboard);

					element_courant=element+1;
				}				
			}

			if(e.keyCode==38)
			{
				if(element_courant!=0 && element_courant!=1)
				{
					page=page_last_selected+1;
					element=element_courant+1;
					$(".pages:nth-child("+page+") .appmix:nth-child("+(element)+")").removeClass("hover");
					$(".pages:nth-child("+(page)+") .appmix:nth-child("+(element-2)+")").addClass("hover");
					
					id_appmix_keyboard=(str_replace("');","",str_replace("javascript:view_appmix_apps('","",$(".pages:nth-child("+(page)+") .appmix:nth-child("+(element-2)+")").attr('onClick'))));
					
					view_appmix_apps(id_appmix_keyboard);
					
					element_courant=element-3;
				}				
			}
		}				
	}
});

});

function sliderPremierePage()
	{
		if($("#appmixSlider").length>0){
			$("#appmixSlider").scrollable().begin();
		}
		if($("#vipSlider").length>0){
			$("#vipSlider").scrollable().begin();
		}
	}
	
	function sliderDernierePage()
	{
		if($("#appmixSlider").length>0){
			$("#appmixSlider").scrollable().end();
		}
		if($("#vipSlider").length>0){
			$("#vipSlider").scrollable().end();
		}
	}