// twisty.js

/**
 * 
 * Ref Images
 * ->/images/expandt.gif
 * ->/images/noexpandt.gif
 *   
 * Ref Class
 * ->  lefthead
 * ->  cellulehead
 * ->  celluleheadCopie
 */

var name;
var i=0;

function toogle(image,hideshow)
{  
	if (hideshow.style.visibility == "hidden")
	{
		hideshow.style.visibility = "visible";
		hideshow.style.display= "block";
		image.src=webContext+"/images/expandt.gif";
	}
	else
	{ 
		hideshow.style.visibility = "hidden";
		hideshow.style.display= "none";
		image.src=webContext+"/images/noexpandt.gif";
	}	
}

function alfa(value,hideshow,obj, strObj)
{                  
	if (hideshow.style.visibility == "visible")
		value=false;
			
	if (value){
		document.getElementById(strObj).style.filter='Alpha(opacity=100, finishopacity=30, style=3)';
	}else{
		document.getElementById(strObj).style.filter='';	
	}
	//obj.filters[0].enabled=value
}

// titre, TRUE, FALSE
function addHead(titre, collapsable, collapsed)
{
	i=0;
	var image = 'idImage_'+name+'_'+i;
	var layer = 'idLayer_'+name+'_'+i;
	var head = 'idHead_'+name+'_'+i;
	var twistyAction='';
	if (collapsable) {
		if (collapsed){
			twistyAction = 'style="cursor: hand;" onclick="toogle('+image+','+layer+');alfa(false,'+layer+','+head+', \''+head+'\');"';
		}else{//!!
			twistyAction = 'style="cursor: hand;" onclick="toogle('+image+','+layer+');alfa(true,'+layer+','+head+', \''+head+'\');"';
		}
	}
	var picture = '   ';
	if (collapsable) {
		if (collapsed)
			picture = '<img src="' + webContext+ '/images/noexpandt.gif" name="expand" width="20" height="19" id="'+image+'">';
		else
			picture = '<img src="' + webContext+ '/images/expandt.gif" name="expand" width="20" height="19" id="'+image+'">';
	}
	var strTemp = '<table cellpadding="0" cellspacing="0"><tr><td ><table align="left" border="0" cellpadding="0" cellspacing="0" >';
		strTemp +='<tr><td>';
		strTemp += '<TABLE border="0" cellspacing="0" id="'+head+'" cellpadding="0" ' + twistyAction + ' >';
		strTemp += '<tr><td width="7" class="lefthead">'+picture;
		strTemp += '</td><td class="cellulehead">'+titre+'</td><td class="celluleheadDeco" width="25" align="right" valign="middle" ></td></tr></TABLE></td></tr></table>';

	document.write (strTemp);
	
}

function openContenu(style)
{
	var layer = 'idLayer_'+name+'_'+i;
	var strTemp = '<tr><td><TABLE width="100%" border="0" cellpadding="0" cellspacing="0" id="'+layer+'" style="'+style+'">';
		strTemp += '<tr ><td colspan="3" class="cadrecC1">';
document.write (strTemp);
}

function closeContenu(collapsable,collapsed)
{
	var strTemp = '</td></tr></table></td></tr></table>';
	var head = 'idHead_'+name+'_'+i;
	document.write (strTemp);
	if (collapsable 
		&& document.getElementById(head) 
		&& document.getElementById(head).filters 
		&& document.getElementById(head).filters[0]) {
		if (collapsed) {
			document.getElementById(head).filters[0].enabled=true;
		}else{
			document.getElementById(head).filters[0].enabled=false;
		}
	}
	i++;
}

/**
 * Creation du controle graphique
 */
function twisty(nom)
{
	name = nom; 
	this.addHead = addHead;
	this.openContenu = openContenu;
	this.closeContenu = closeContenu;
}