// JavaScript Document

function getSize(){
    var ns4up = (document.layers) ? 1 : 0;
    var ie4up = (document.all) ? 1 : 0;
    var nn6up = (document.getElementById) ? 1 : 0;

    if (ie4up) {
            doc_width = document.body.clientWidth;
            doc_height = document.body.clientHeight;
    } else if (nn6up || ns4up) {
            doc_width = self.innerWidth;
            doc_height = self.innerHeight;
    }
    return doc_width;
}


$(document).ready(function() {
			
	var doc_width = getSize();
			
	var delta = 280;
	var speedEffect = 500;
	var easing = "swing";
	var itemcurrent = 1;
	var referent = 975;
						   	
	var nbItems = $(".wr_slide").attr("id");
	var indiceDepart = nbItems.lastIndexOf('t')+1;
	var indiceArrivee = nbItems.length;
	var nbItems = nbItems.substring(indiceDepart, indiceArrivee);
	
	var itemWidth = 280;
	var friseWidth = itemWidth * nbItems;
	var limit = friseWidth - doc_width;
	
	var currentPosition;
	var path = window.location.pathname.replace(/\//g,'');
	var savedPosition = $.cookie('savedPosition'+path);
	var savedLeftPosition = $.cookie('savedLeftPosition'+path);
	
	if ($("body").hasClass("collection").toString()== "true" ){
		limit = friseWidth - doc_width;
	}
	if ($("body").hasClass("home").toString()== "true" ){
		limit = friseWidth - 975;
	}

	if( limit < 0 ){
		plusgrand = false;
		$(".items").css({left: -(Math.ceil(limit/2))  });
	}
	if( limit > 0 ){
		plusgrand = true;
	}
	limit = ( Math.ceil(limit/280) * 280 );
	$(".scrollable").show();	
	
	$(".items").css({width: friseWidth});
		
	/* slider */
	$("#slider").slider();
	var max = $('#slider').slider('option', 'max');
	$('#slider').slider('option', 'max', 100);
	var max = $('#slider').slider('option', 'min');
	$('#slider').slider('option', 'min', 0);
	
	// Position initiale du slider depuis les cookies
	/*if (savedPosition) {
		$('#slider').slider('value', savedPosition);
		$(".items").css('left', savedLeftPosition);
	}*/
	
	$('#slider').bind('slide', function(event, ui) {
		
		 marginSlide = Math.ceil( $(".ui-slider-handle").position().left );
		 margin = -Math.ceil((limit*marginSlide)/(referent));
		 		 
		 if(plusgrand==true ){
		 	$(".items").css({left: margin});
		 }
		 
		 if(margin >= -85 && plusgrand==true){
			 $(".items").css({left: 0});
		 }
		 
		 // Sauvegarde de la position du slider
		 currentPosition = $('#slider').slider('value');
		 if (currentPosition != savedPosition) {
		 	savedPosition = currentPosition;
			$.cookie('savedPosition'+path, savedPosition, {path: '/'});
		 	$.cookie('savedLeftPosition'+path, $('div.items').css('left'), {path: '/'});
		 }
		 
	});
	
	/* prev/next */
	$("a#scrollablenext").click(function() { 
		margin = $(".items").position().left;
		margin = margin - delta;
		//if(margin >= -(280*(nb_items-2)) ){
		if( Math.abs(margin) <= Math.abs(limit) && plusgrand==true ){
			$(".items").animate({left: margin}, speedEffect, easing);			
			marginSlide = Math.abs( (margin*referent)/limit );
			$("#slider a").animate({left: marginSlide});
		}
    });
	
	$("a#scrollableprev").click(function() { 
		margin = $(".items").position().left;
		margin = margin + delta;
		if(margin <= 0){
			$(".items").animate({left: margin}, speedEffect, easing);
			marginSlide = Math.abs( (margin*referent)/limit );
			$("#slider a").animate({left: marginSlide});
		}
    });
	
		
});