﻿var DivSelect = "ListeTop";
var LinkSelect = "LinkTop";



function DisplaySelection(aDiv,aLink)
{
	document.getElementById(DivSelect).style.display = "none";
	document.getElementById(aDiv).style.display = "";
	
	document.getElementById(LinkSelect).className = "off";
	document.getElementById(aLink).className = "on";
	
	DivSelect = aDiv;
	LinkSelect = aLink;
}

var LeftListeDeclinaisons = 0;

function DefileDeclinaisons(Action,NbDeclinaisons)
{
    var NbDisplays = 4;
	var NbPix = 540;
	var target = $('ListeDeclinaisons');
    var fx = new Fx.Styles(target, {duration: 1000, wait: false});
	//target.setStyles({'height': 0});
	fx.options.transition = Fx.Transitions['Expo']['easeOut'];
	fx.options.duration = 1000;
	
	MinLeftListeDeclinaisons = -NbPix * Math.ceil((NbDeclinaisons-NbDisplays)/4);
	MaxLeftListeDeclinaisons = NbPix * Math.ceil((NbDeclinaisons-NbDisplays)/4);
	if (Action == "droite" )
	{
		if ((LeftListeDeclinaisons - NbPix >= MinLeftListeDeclinaisons))
			LeftListeDeclinaisons = LeftListeDeclinaisons - NbPix; 
	}
	if (Action == "gauche")
	{
		if ((LeftListeDeclinaisons + NbPix <= MaxLeftListeDeclinaisons))
			LeftListeDeclinaisons = LeftListeDeclinaisons + NbPix; 	
	}
	
	if ((LeftListeDeclinaisons - NbPix < MinLeftListeDeclinaisons))
		document.getElementById("flechedroite").style.visibility = "hidden";
	else
		document.getElementById("flechedroite").style.visibility = "";	
		
	if ((LeftListeDeclinaisons + NbPix >= MaxLeftListeDeclinaisons))
		document.getElementById("flechegauche").style.visibility = "hidden";
	else
		document.getElementById("flechegauche").style.visibility = "";	
	
	fx.start({'left': LeftListeDeclinaisons});

}

var idArticle;

function GetAddLink(id)
{
	idArticle =id ;
	SoapMethod = "POST";
	ajax.Start(AxGetAddLink);
	
}

var AxGetAddLink = {
	delay: 200,
	prepare: function() { 
		InputVar = new Array(idArticle);
			    
	},
	call: proxies.AjaxFunc.GetEncodeAddLink,
	finish: function (p) 
	{ 
		document.getElementById("linkAdd").innerHTML = "<a id=\"linkAdd2\" onclick=\"javascript:"+p+"\" href=\"#\" rel=\"nofollow\"></a>";
		document.getElementById("linkAdd2").innerHTML = "<img border=\"0\" src=\"/images/bouttonpanier.jpg\">";
	},
	onException: ajax.alertException
}


function ChangeDetailArticle(val)
{
    idArticle = val ;
	SoapMethod = "POST";
	ajax.Start(AxChangeDetailArticle);
}

var AxChangeDetailArticle = {
	delay: 200,
	prepare: function() { 

		InputVar = new Array(idArticle);	    
	},
	call: proxies.AjaxFunc.ChangeDetailArticle,
	finish: function (p) 
	{ 
	    var type = p.split(',')[0];
	    var marque = p.split(',')[1];
	    var modele = p.split(',')[2];
	    var id = p.split(',')[3];
	    
	    document.location.href = "/bracelet/"+marque+"-"+modele+"-"+id;

	},
	onException: ajax.alertException
}

