/**
* Auteur : Sébastien Braissant - The DevTowah
* Date de création : 15/08/2009
**/

/**
* Fonction définissant la pseudo-classe ddList, et constructeur de la classe
**/

function ddList (id,fname,vals,sel,objname) {
	/* Attributs */
	this.id = id;
	this.name = id;
	this.fname = fname;
	this.objname = objname;
	if (vals.constructor.toString().indexOf("Array") == -1)
		vals = new Array(" ");
	this.values = vals;
	if ((sel < 0) || (sel >= this.values.length) || (typeof sel != "number"))
		sel = 0;
	this.selIndex = sel;
	this.cssTopline = "ddTopline";
	this.cssList = "ddLbItem";
	this.cssSelected = "ddLbSelected";
	this.output = '';
	this.output += '<ul class="ddTopline" id="'+this.id+'_UlTl" onclick="'+this.objname+'.ddSwitch();" ';
	if (navigator.userAgent.match("MSIE"))
		this.output += 'style="width:164px;" ';
	this.output += '><li class="ddTlClosed" id="'+this.id+'_LiTl">'+this.values[this.selIndex]+'</li>';
	this.output += '</ul>';
	this.output += '<ul class="ddListbody" id="'+this.id+'_UlLb" style="display:none;">';
	var clique = "";
	var lid = "";
	for (var i=0;i < this.values.length;i++) {
		if (navigator.userAgent.match("MSIE")) {
			lid = this.name + "_LiLb_" + i.toString();
			this.output += '<a href="javascript:'+this.objname+'.ddSelect(\''+lid+'\');" class="link_'+this.cssList+'">';
			clique = '';
		}
		else {
			clique = ' onclick="'+this.objname+'.ddSelect(this.id);"';
		}
		this.output += '<li class="';
		if (this.selIndex == i)
			this.output += this.cssSelected;
		else
			 this.output += this.cssList;
		this.output += '" id="'+this.id+'_LiLb_'+i.toString()+'"'+clique+' onmouseover="'+this.objname+'.ddMouseover(this.id);">'+this.values[i]+'</li>';
		if (navigator.userAgent.match("MSIE"))
			this.output += '</a>';
	}
	
	this.output += '</ul>';
	this.output += '<input type="hidden" id="'+this.id+'" name="'+this.id+'" value="'+this.values[this.selIndex]+'"/>';
	this.output += '<input type="hidden" id="lastHover" name="lastHover" value="" />';
	this.output = this.roundCorners_r5("roundTrademark","#232020","#e2e6b7","#e2e6b7",184,this.output,1,0,0,"");
}

	/* Méthodes */

function ddOpen () {
	with (this) {
		document.getElementById(this.name+"_UlTl").style.backgroundPosition = "right -14px";
		document.getElementById(this.name+"_UlLb").style.display = "block";
	}
}

function ddClose () {
	with (this) {
		document.getElementById(this.name+"_UlTl").style.backgroundPosition = "right 3px";
		document.getElementById(this.name+"_UlLb").style.display = "none";
		document.getElementById(this.name+"_LiLb_"+this.selIndex).className = this.cssSelected;
	}
}

function ddSwitch () {
	with (this) {
		if (document.getElementById(this.name+"_UlLb").style.display == "none")
			ddOpen();
		else
			ddClose();
	}
}

function ddMouseover (fid) {
  with (this) {
  	if (!document.getElementById(fid).className.match("Selected")) {
  		document.getElementById(this.name+"_LiLb_"+this.selIndex).className = this.cssList;
  	}
  	var tmp = fid.split("_");
  	document.getElementById(this.fname).elements["lastHover"].value = tmp[2];
  }
}

function ddMouseout (fid) {
	with (this) {
		
	}
}

function ddSelect (fid) {
	with (this) {
		var tmp = fid.split("_");
  	var n = tmp[2];
  	document.getElementById(this.fname).elements[this.name].value = this.values[n];
  	this.selIndex = n;
  	document.getElementById(this.name+"_LiTl").innerHTML = this.values[n];
  	this.ddClose();
  	if (navigator.userAgent.match("MSIE"))
  		this.ddReloadList();
	document.getElementById("sellpoints_result").innerHTML = "";
	setFooter();
	document.getElementById("pdvForm").elements["zip"].focus();
	}
}

function ddReloadList () {
	with (this) {
		var clique = "";
  	var lid = "";
  	var liste = "";
  	for (var i=0;i < this.values.length;i++) {
  		if (navigator.userAgent.match("MSIE")) {
  			lid = this.name + "_LiLb_" + i.toString();
  			liste += '<a href="javascript:'+this.objname+'.ddSelect(\''+lid+'\');" class="link_'+this.cssList+'">';
  			clique = '';
  		}
  		else {
  			clique = ' onclick="'+this.objname+'.ddSelect(this.id);"';
  		}
  		liste += '<li class="';
  		if (this.selIndex == i)
  			liste += this.cssSelected;
  		else
  			 liste += this.cssList;
  		liste += '" id="'+this.id+'_LiLb_'+i.toString()+'"'+clique+' onmouseover="'+this.objname+'.ddMouseover(this.id);">'+this.values[i]+'</li>';
  		if (navigator.userAgent.match("MSIE"))
  			liste += '</a>';
  	}
  	document.getElementById(this.id+"_UlLb").innerHTML = liste;
	}
}

function roundCorners_r5 (box_id,tcolor,bcolor,bg,width,content,border,lft,top,height) {
	with (this) {
		var html = "";
	  	
	  	if (height == "")
	  		var h = '';
	  	else
	  		var h = 'height:'+height+'px;';
	  	
	  	if (border < 1)
	  		border = 1;
	  	else if (border > 2)
	  		border = 2;
	  	
	  	switch (border) {
	  		case 1 	: back = bg;
	  				  d3 = 4;
	  				  d4 = 2;
	  				  break;
	  		case 2 	: back = bcolor;
	  				  d3 = 6;
	  				  d4 = 4;
	  				  break;
	  	}
	  	var w1 = width-10;
	  	var w2 = width-6;
	  	var w3 = width-d3;
	  	var w4 = width-d4;
	  	var pl = 10+lft;
	  	var wid = width-(border*2)-(20+lft);
	  	
	  	html += '<div id="'+box_id+'_t1" style="height:1px;width:'+w1.toString()+'px;border-left:2px solid '+bcolor+';border-right:2px solid '+bcolor+';background-color:'+bcolor+';"></div>';
	  	html += '<div id="'+box_id+'_t2" style="height:1px;width:'+w2.toString()+'px;border-left:2px solid '+bcolor+';border-right:2px solid '+bcolor+';background-color:'+back+';"></div>';
	  	html += '<div id="'+box_id+'_t3" style="height:1px;width:'+w3.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_t4" style="height:2px;width:'+w4.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	
	  	html += '<div id="'+box_id+'_c" style="color:'+tcolor+';padding-left:'+pl.toString()+'px;padding-right:10px;padding-top:'+top.toString()+'px;';
	  	html += 'width:'+wid.toString()+'px;'+h+'border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';';
	  	html += 'background-color:'+bg+';text-align:left;">'+content+'</div>';
	  	
	  	html += '<div id="'+box_id+'_b4" style="height:2px;width:'+w4.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_b3" style="height:1px;width:'+w3.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_b2" style="height:1px;width:'+w2.toString()+'px;border-left:2px solid '+bcolor+';border-right:2px solid '+bcolor+';background-color:'+back+';"></div>';
	  	html += '<div id="'+box_id+'_b1" style="height:1px;width:'+w1.toString()+'px;border-left:2px solid '+bcolor+';border-right:2px solid '+bcolor+';background-color:'+bcolor+';"></div>';
	  	
	  	return html;
	}
}

function roundCorners_r10 (box_id,tcolor,bcolor,bg,width,content,border,lft,top,height) {
	with (this) {
		var html = "";
	  	
	  	if (height == "")
	  		var h = '';
	  	else
	  		var h = 'height:'+height+'px;';
	  	
	  	if (border < 1)
	  		border = 1;
	  	else if (border > 2)
	  		border = 2;
	  	
	  	switch (border) {
	  		case 1 	: back = bg;
	  				  b3 = 2;
	  				  b4 = 1;
	  				  d3 = 12;
	  				  d4 = 8;
	  				  d5 = 6;
	  				  d6 = 4;
	  				  d7 = 2;
	  				  break;
	  		case 2 	: back = bcolor;
	  				  b3 = 4;
	  				  b4 = 3;
	  				  d3 = 16;
	  				  d4 = 12;
	  				  d5 = 8;
	  				  d6 = 6;
	  				  d7 = 4;
	  				  break;
	  	}
	  	var w1 = width-20;
	  	var w2 = width-16;
	  	var w3 = width-d3;
	  	var w4 = width-d4;
	  	var w5 = width-d5;
	  	var w6 = width-d6;
	  	var w7 = width-d7;
	  	var pl = 10+lft;
	  	var wid = width-(border*2)-(20+lft);
	  	
	  	html += '<div id="'+box_id+'_t1" style="height:1px;width:'+w1.toString()+'px;border-left:2px solid '+bcolor+';border-right:2px solid '+bcolor+';background-color:'+bcolor+';"></div>';
	  	html += '<div id="'+box_id+'_t2" style="height:1px;width:'+w2.toString()+'px;border-left:2px solid '+bcolor+';border-right:2px solid '+bcolor+';background-color:'+back+';"></div>';
	  	html += '<div id="'+box_id+'_t3" style="height:1px;width:'+w3.toString()+'px;border-left:'+b3.toString()+'px solid '+bcolor+';border-right:'+b3.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_t4" style="height:1px;width:'+w4.toString()+'px;border-left:'+b4.toString()+'px solid '+bcolor+';border-right:'+b4.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_t5" style="height:2px;width:'+w5.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_t6" style="height:2px;width:'+w6.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_t7" style="height:2px;width:'+w7.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	
	  	html += '<div id="'+box_id+'_c" style="color:'+tcolor+';padding-left:'+pl.toString()+'px;padding-right:10px;padding-top:'+top.toString()+'px;';
	  	html += 'width:'+wid.toString()+'px;'+h+'border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';';
	  	html += 'background-color:'+bg+';text-align:left;">'+content+'</div>';
	  	
	  	html += '<div id="'+box_id+'_b7" style="height:2px;width:'+w7.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_b6" style="height:2px;width:'+w6.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_b5" style="height:2px;width:'+w5.toString()+'px;border-left:'+border.toString()+'px solid '+bcolor+';border-right:'+border.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_b4" style="height:1px;width:'+w4.toString()+'px;border-left:'+b4.toString()+'px solid '+bcolor+';border-right:'+b4.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_b3" style="height:1px;width:'+w3.toString()+'px;border-left:'+b3.toString()+'px solid '+bcolor+';border-right:'+b3.toString()+'px solid '+bcolor+';background-color:'+bg+';"></div>';
	  	html += '<div id="'+box_id+'_b2" style="height:1px;width:'+w2.toString()+'px;border-left:2px solid '+bcolor+';border-right:2px solid '+bcolor+';background-color:'+back+';"></div>';
	  	html += '<div id="'+box_id+'_b1" style="height:1px;width:'+w1.toString()+'px;border-left:2px solid '+bcolor+';border-right:2px solid '+bcolor+';background-color:'+bcolor+';"></div>';
	  	
	  	return html;
	}
}

ddList.prototype.ddOpen = ddOpen;
ddList.prototype.ddClose = ddClose;
ddList.prototype.ddSwitch = ddSwitch;
ddList.prototype.ddMouseover = ddMouseover;
ddList.prototype.ddMouseout = ddMouseout;
ddList.prototype.ddSelect = ddSelect;
ddList.prototype.ddReloadList = ddReloadList;
ddList.prototype.roundCorners_r5 = roundCorners_r5;
ddList.prototype.roundCorners_r10 = roundCorners_r10;