// ***************************************************************************
// *********************************************** GESTION DE MENUS DEROULANTS
// ***************************************************************************
// ************************
// DEFINITION DES VARIABLES
// ************************

TAB_pics = new Array();

var GEN_reppic = "";
var GEN_repasp = "";
var GEN_repcss = "";
var GEN_seslan = "";
var GEN_seseta = "";

// ********************
// DETECTION NAVIGATEUR
// ********************

var GEN_navnam = "";
var GEN_navver = "";

var nv_detect = navigator.userAgent.toLowerCase();

var nav_opera = (nv_detect.indexOf("opera") != -1);
var nav_ie = (!nav_opera && nv_detect.indexOf("msie") !=-1);
var nav_webtv = (nv_detect.indexOf("webtv") !=-1);
var nav_icab = (nv_detect.indexOf("icab") != -1);
var nav_netscape = (!nav_opera && nv_detect.indexOf("compatible") ==-1);

GEN_navver = navigator.appVersion.charAt(0);
if (nav_opera) { GEN_navver = nv_detect.charAt(nv_detect.indexOf('opera ') + 6) };
if (nav_ie && (nv_detect.indexOf("5.") != -1)){ GEN_navver = 5; }
if (nav_ie && GEN_navver < 3){ GEN_navver = 3; }

if (nav_opera) { GEN_navnam = "opera" };
if (nav_icab) { GEN_navnam = "icab" };
if (nav_ie) { GEN_navnam = "explorer" };
if (nav_webtv) { GEN_navnam = "webtv" };
if (nav_netscape) { GEN_navnam = "netscape" };


// *************************
// INITIALISATION JAVASCRIPT
// *************************

function JSC_initjavascript(reppic,repasp,repcss,seslan){
	GEN_reppic = reppic;
	GEN_repasp = repasp;
	GEN_repcss = repcss;
	GEN_seslan = seslan;
}

// ****************
// FONCTION PRELOAD
// ****************

function JSC_preload(name, first, second) {
	TAB_pics[name] = new Array();
	TAB_pics[name][0] = new Image();
	TAB_pics[name][0].src = first;
	TAB_pics[name][1] = new Image();
	TAB_pics[name][1].src = second;
}

// ****************
// FONCTION PRELOAD
// ****************

function JSC_initpics(name, first, second) {
	TAB_pics[name] = new Array();
	TAB_pics[name][0] = first;
	TAB_pics[name][1] = second;
}

// ********************
// FONCTION ROLLOVER ON
// ********************

function JSC_picon(name,layerName){

	if(GEN_navnam == "netscape" && GEN_navver < 5 && layerName != null && layerName != ""){

		document.layers[layerName].document.images[name].src = TAB_pics[name][1].src;

	}
	else{

		JSC_getObjectName(name).src = TAB_pics[name][1].src;

	}

}

// **********************
// FONCTION ROLLOVER OFF
// **********************

function JSC_picoff(name,layerName){

	if(GEN_navnam == "netscape" && GEN_navver < 5 && layerName != null && layerName != ""){

		document.layers[layerName].document.images[name].src = TAB_pics[name][0].src;

	}
	else{

		JSC_getObjectName(name).src = TAB_pics[name][0].src;

	}

}

// *************************
// FONCTION INSERTION PICKER
// *************************

var GEN_nombrepickers = 0;
var GEN_pickercaller = "";
var GEN_pickertarget = "";
var GEN_pickeraction = "";

function JSC_insertcolorpicker(targetinput,action){

	if(GEN_nombrepickers==0){JSC_makecolorpickerdiv()}; 

	++GEN_nombrepickers;

	if(targetinput==null || targetinput==""){alert("Le 'Color Picker " + GEN_nombrepickers + "' ne marchera pas, pas de TARGET spécifié !")}; 

	JSC_preload("picker" + GEN_nombrepickers, "/common/images/picker_off.gif", "/common/images/picker_on.gif");

	document.write('<A HREF="javascript:JSC_opencolorpickerdiv(\'picker' + GEN_nombrepickers + '\',\'' + targetinput + '\',' + action + ')" OnMouseOver="JSC_picon(\'' + 'picker' + GEN_nombrepickers + '\',\'\')" OnMouseOut="JSC_picoff(\'' + 'picker' + GEN_nombrepickers + '\',\'\')">');
	document.write('<IMG SRC="/common/images/picker_off.gif" BORDER="0" WIDTH="23" HEIGHT="22" ALIGN="Bottom" NAME="picker' + GEN_nombrepickers + '" ALT="Cliquez pour choisir une couleur">');
	document.write('</A>');
	
}

function JSC_makecolorpickerdiv() {

	var cols		= 18
	var cellwidth	= 14
	var cellheight	= 15
	var cellspacing	= 1

	var tablewidth	= cellspacing + cols * (cellwidth + cellspacing)
	var tableheight	= cellspacing + (216 / cols) * (cellheight + cellspacing)

	var aColorElts = new Array("00","33","66","99","CC","FF")
	var aColors    = new Array()

	var x = 0

	for (i = 0; i < 6; i++) {
		var c1 = aColorElts[i]
		for (j = 0; j < 6; j++) {
			var c2 = aColorElts[j]
			for (k = 0; k < 6; k++) {
				var c3 = aColorElts[k]
				aColors[x] = c1 + c2 + c3
				x++
			}
		}
	}

	document.write('<div id="colorpicker" style="display:none;position:absolute">');
	document.write('<table border="0" cellspacing="0" cellpadding="1" bgcolor="#CCCCCC"><tr><td>');
	document.write('<table cellspacing="' + cellspacing + '" width="' + tablewidth + '" border="0" cellpadding="0" bgcolor="#FFFFFF">');
	document.write('<tr>');
	document.write('<td height="' + cellheight + '" align="left"><font face="verdana,arial" size="1" color="#000000"><b>CHOISISSEZ UNE COULEUR</B></font></td>');
	document.write('<td height="' + cellheight + '" align="right" bgcolor="#FFFFFF" style="cursor:hand"><A HREF="javascript:JSC_closecolorpickerdiv()" onMouseOver="window.status=\'fermer la fenêtre des couleurs\'" onMouseOut="window.status=\'\'"><IMG SRC="/common/images/picker_close.gif" HEIGHT="13" WIDTH="15" BORDER="0" ALT="fermer"></A></td>');
	document.write('</tr>');
	document.write('</table>');
	document.write('<table cellspacing="' + cellspacing + '" width="' + tablewidth + '" height="' + tableheight + '" border="0" cellpadding="0" bgcolor="#FFFFFF">');

 	for (i = 0; i < aColors.length; i++) {
		var mouseOverJS = ' onMouseOver="window.status=\'#' + aColors[i] + '\'" '
		var mouseOutJS  = ' onMouseOut="window.status=\'\'" '
		var clickJS		= ' onClick="JSC_colorpickerreturnvalue(\'' + aColors[i] + '\')" '
		
		if (i % cols == 0) {document.write("<tr>")}
		document.write('<td width="' + cellwidth + '" height="' + cellheight + '"' + mouseOverJS + mouseOutJS + clickJS + 'bgcolor="#' + aColors[i] + '" title="#' + aColors[i] + '" style="cursor: hand"></td>')
		if ((i + 1) % cols == 0) {document.write("</tr>")}

	}

	document.write('<tr>');
	document.write('<td colspan="' + (cols/2) + '" height="' + cellheight + '" align="center" onMouseOver="window.status=\'#000000\'" onMouseOut="window.status=\'\'" bgcolor="#000000" onClick="JSC_colorpickerreturnvalue(\'000000\')"  title="#000000" style="cursor:hand"><font face="verdana,arial" size="1" color="#FFFFFF"><b>NOIR</B></font></td>');
	document.write('<td colspan="' + (cols/2) + '" height="' + cellheight + '" align="center" onMouseOver="window.status=\'#FFFFFF\'" onMouseOut="window.status=\'\'" bgcolor="#FFFFFF" onClick="JSC_colorpickerreturnvalue(\'FFFFFF\')"  title="#FFFFFF" style="cursor:hand"><font face="verdana,arial" size="1" color="#000000"><b>BLANC</B></font></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td colspan="' + (cols/2) + '" height="' + cellheight + '" align="center" onMouseOver="window.status=\'#CC0000\'" onMouseOut="window.status=\'\'" bgcolor="#CC0000" onClick="JSC_colorpickerreturnvalue(\'CC0000\')"  title="#CC0000" style="cursor:hand"><font face="verdana,arial" size="1" color="#FFFFFF"><b>ROUGE</B></font></td>');
	document.write('<td colspan="' + (cols/2) + '" height="' + cellheight + '" align="center" onMouseOver="window.status=\'#990000\'" onMouseOut="window.status=\'\'" bgcolor="#990000" onClick="JSC_colorpickerreturnvalue(\'990000\')"  title="#990000" style="cursor:hand"><font face="verdana,arial" size="1" color="#FFFFFF"><b>ROUGE FONCE</B></font></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td colspan="' + (cols/2) + '" height="' + cellheight + '" align="center" onMouseOver="window.status=\'#00CC00\'" onMouseOut="window.status=\'\'" bgcolor="#00CC00" onClick="JSC_colorpickerreturnvalue(\'00CC00\')"  title="#00CC00" style="cursor:hand"><font face="verdana,arial" size="1" color="#FFFFFF"><b>VERT</B></font></td>');
	document.write('<td colspan="' + (cols/2) + '" height="' + cellheight + '" align="center" onMouseOver="window.status=\'#009900\'" onMouseOut="window.status=\'\'" bgcolor="#009900" onClick="JSC_colorpickerreturnvalue(\'009900\')"  title="#009900" style="cursor:hand"><font face="verdana,arial" size="1" color="#FFFFFF"><b>VERT FONCE</B></font></td>');
	document.write('</tr>');
	document.write('<tr>');
	document.write('<td colspan="' + (cols/2) + '" height="' + cellheight + '" align="center" onMouseOver="window.status=\'#0000CC\'" onMouseOut="window.status=\'\'" bgcolor="#0000CC" onClick="JSC_colorpickerreturnvalue(\'0000CC\')"  title="#0000CC" style="cursor:hand"><font face="verdana,arial" size="1" color="#FFFFFF"><b>BLEU</B></font></td>');
	document.write('<td colspan="' + (cols/2) + '" height="' + cellheight + '" align="center" onMouseOver="window.status=\'#000099\'" onMouseOut="window.status=\'\'" bgcolor="#000099" onClick="JSC_colorpickerreturnvalue(\'000099\')"  title="#000099" style="cursor:hand"><font face="verdana,arial" size="1" color="#FFFFFF"><b>BLEU FONCE</B></font></td>');
	document.write('</tr>');
	document.write('</td></tr></table>');
	document.write('</td></tr></table>');
	document.write('</div>');

	
}

function JSC_opencolorpickerdiv(pickername_,pickertarget_,pickeraction_){

	GEN_pickercaller = pickername_;
	GEN_pickertarget = pickertarget_;
	GEN_pickeraction = pickeraction_;

	var eletop = 0;
	var eleleft = 0;
	var eleobj = document.all[pickername_];

	while(eleobj){
		eletop += eleobj.offsetTop;
		eleleft += eleobj.offsetLeft;
		eleobj = eleobj.offsetParent;
    } 

	document.all.colorpicker.style.top = eletop;
	document.all.colorpicker.style.left = eleleft + 25;
	document.all.colorpicker.style.display = "";

}

function JSC_colorpickerreturnvalue(value) {
	document.all[GEN_pickertarget].value = value;
	JSC_closecolorpickerdiv();
	if(GEN_pickeraction==1){chkCfgColMen()};
	if(GEN_pickeraction==2){chkCfgColLig()};
	if(GEN_pickeraction==3){chkCfgColSuj()};
}

function JSC_closecolorpickerdiv() {
	document.all.colorpicker.style.display = "none";
}


// ************
// CONFIRMATION
// ************

function JSC_confirm(confirm) {
	return(window.confirm(confirm));
}

// **********
// POPUP FULL
// **********

function JSC_popupFull(url){

	popup = window.open( url, 'JSCPopup', 'width=800,height=600,toolbar=1,location=1,status=1,menubar=1,scrollbars=1,resizable=1');

}

// *********
// POPUP URL
// *********

function JSC_popupUrl(titre,url,largeur,hauteur,scroll){

	popup = window.open( '', titre, 'width=' + largeur + ',height=' + hauteur + ',scrollbars=' + scroll);
	popup.focus();
	popup.location = url;

}

// **********
// POPUP FTP
// **********

function JSC_popupFtp(url){

	popup = window.open( url, 'FTPPopup', 'width=600,height=400,toolbar=1,location=1,status=1,menubar=1,scrollbars=1,resizable=1');

}

// ***************
// REDIRECTION URL
// ***************

function JSC_redirectUrl(url,target){ 

	if(url=="" || url==null){
		url="#"
	}

	if(target.toLowerCase()=="_blank"){
	
		JSC_popupFull(url)
	
	}
	else{

		document.location.target = target;
		document.location = url;

	}

} 
// ********************
// RECUPERATION D'OBJET
// ********************

function JSC_getObjectId(objectID){

	if(GEN_navnam == "explorer"){return document.all[objectID]}
	else{return document.getElementById(objectID)}
}

function JSC_getObjectName(objectName){

	if(GEN_navnam == "explorer"){return document.all[objectName]}
	else{return document.getElementsByName(objectName)[0]}
}

function JSC_getTopObjectId(objectID){

	if(GEN_navnam == "explorer"){return parent.document.all[objectID]}
	else{return parent.document.getElementById(objectID)}
}

function JSC_getTopObjectName(objectName){

	if(GEN_navnam == "explorer"){return parent.document.all[objectName]}
	else{return parent.document.getElementsByName(objectName)[0]}

}

function JSC_getTargetObjectId(ftarget,objectID){

	if(GEN_navnam == "explorer"){return top.frames[ftarget].document.all[objectID]}
	else{return top.frames[ftarget].document.getElementById(objectID)}
}

function JSC_getTargetObjectName(ftarget,objectName){

	if(GEN_navnam == "explorer"){return top.frames[ftarget].document.all[objectName]}
	else{return top.frames[ftarget].document.getElementsByName(objectName)[0]}

}

function initSMenuAll(marge) {
/*
	menuCompteur	= 1;

	var isNS = (navigator.appName == "Netscape" && parseInt(navigator.appVersion) >= 4 && GEN_navver < 5);

	for(var key001 in MEN_deroulants){ 

		if(key001 != 0 && key001 != 1 && key001 != 2){

			if(menuCompteur == 1){

				positionDebX = MEN_deroulants[key001][3] - 11
				positionDebY = MEN_deroulants[key001][4] + 10

			}

			positionFinX = MEN_deroulants[key001][3] + MEN_deroulants[1]
			positionFinY = MEN_deroulants[key001][4] + 11

			if(GEN_navnam == "explorer" && GEN_navver < 5){
	
				mendiv = (isNS) ? document.layers[MEN_deroulants[0]].document["med_" + menuCompteur] : document.all["med_" + menuCompteur].style;
	
			}
			else{
			
				mendiv = (isNS) ? document.layers[MEN_deroulants[0]].document["med_" + menuCompteur] : document.getElementById("med_" + menuCompteur).style;
	
			}		

			MEN_div[menuCompteur] = mendiv;
	
			setSMenuPosition(menuCompteur,MEN_deroulants[key001][3]+marge,MEN_deroulants[key001][4]+marge);
		
			++menuCompteur;

			if(MEN_deroulants[key001][2] == 1){

				if(GEN_navnam == "explorer" && GEN_navver < 5){
		
					mendiv = (isNS) ? document.layers[MEN_deroulants[0]].document["med_" + menuCompteur] : document.all["med_" + menuCompteur].style;
		
				}
				else{
				
					mendiv = (isNS) ? document.layers[MEN_deroulants[0]].document["med_" + menuCompteur] : document.getElementById("med_" + menuCompteur).style;
		
				}		


				MEN_div[menuCompteur] = mendiv;
	
				setSMenuPosition(menuCompteur,MEN_deroulants[key001][3]-25+marge,MEN_deroulants[key001][4]+30+marge);
		
				++menuCompteur;

			}

		}
		
	}

	if(GEN_navnam == "explorer" && GEN_navver < 5){

		mendiv = (isNS) ? document.layers[MEN_deroulants[0]].document["med_deb"] : document.all["med_deb"].style;

	}
	else{
	
		mendiv = (isNS) ? document.layers[MEN_deroulants[0]].document["med_deb"] : document.getElementById("med_deb").style;

	}		

	MEN_div[menuCompteur] = mendiv;
	MEN_div[menuCompteur].visibility="visible";

	setSMenuPosition(menuCompteur,positionDebX+marge,positionDebY+marge);

	++menuCompteur;

	if(GEN_navnam == "explorer" && GEN_navver < 5){

		mendiv = (isNS) ? document.layers[MEN_deroulants[0]].document["med_fin"] : document.all["med_fin"].style;

	}
	else{
	
		mendiv = (isNS) ? document.layers[MEN_deroulants[0]].document["med_fin"] : document.getElementById("med_fin").style;

	}		

	MEN_div[menuCompteur] = mendiv;
	MEN_div[menuCompteur].visibility="visible";

	setSMenuPosition(menuCompteur,positionFinX+marge,positionFinY+marge);

	menuCompteur = 1;


	for(var key001 in MEN_deroulants){ 

		if(key001 != 0 && key001 != 1 && key001 != 2){

			showSMenu(menuCompteur);

			++menuCompteur;

			if(MEN_deroulants[key001][2] == 1){

				++menuCompteur;

			}

		}
		
	}
*/
}

function setSMenuPosition(i,px,py) {

    MEN_div[i].left=px;
    MEN_div[i].top=py;

 }

function showSMenu(i) {

    MEN_div[i].visibility="visible";

}

function hideSMenu(i) {

	MEN_div[i].visibility="hidden";

}

function hideSMenuAll() {

	menuCompteur	= 1;

	for(var key001 in MEN_deroulants){ 

		if(key001 != 0 && key001 != 1 && key001 != 2){

			if(MEN_deroulants[key001][2] == 1){

				++menuCompteur;

				hideSMenu(menuCompteur);

			}

		++menuCompteur;

		}

	}

	showSMenu(menuCompteur);

	++menuCompteur;

	showSMenu(menuCompteur);

}

// ******
// ECARDS
// ******

function swapEcaPicture(picsrc) { 

	JSC_getObjectId("piceca").src = GEN_reppic + "ecards/" + picsrc;
	JSC_getObjectName("FrmPic").value = picsrc;

}

function goEcaPreview() { 

	JSC_getObjectName("FrmMod").value = 1;

	PRE_popup = window.open( '/common/html/blank.html', 'CDLPrevisualition', 'width=600,height=600,toolbar=0,location=1,status=0,menubar=1,scrollbars=1,resizable=0');

	JSC_getObjectName("FrmEca").target = "CDLPrevisualition";
	JSC_getObjectName("FrmEca").submit();

}

function goEcaSubmit() { 

	JSC_getObjectName("FrmMod").value = 2;
	JSC_getObjectName("FrmEca").target = "_self";
	JSC_getObjectName("FrmEca").submit();

}

