var selects;
var selectText = "";
//* VARIABLE AJAX  *//
var uaa0='UltimateCallbackClientID'; 
var uaa1='UltimateCallbackEventArgument';
var uaa2='UltimateCallbackIsPostBack'; 
var uaa3='0'; var uaa4='1'; 
var uag7='3c2a49a3-d2ed-454d-9195-f6a7de54fd8e'; 
var uag8='be932247-d2d2-4301-b436-76296687f3df'; 
var uag9='\x5F\x5F\x56\x49\x45\x57\x53\x54\x41\x54\x45'; 
var uah0=uag9+'\x45\x4E\x43\x52\x59\x50\x54\x45\x44'; 
var uah1='\x5F\x5F\x45\x56\x45\x4E\x54\x56\x41\x4C\x49\x44\x41\x54\x49\x4F\x4E'; 
var uaa5=new Array(); 
var UltimateCallbacks; 
//* FIN VARIABLE  *//

//this function runs when the page is loaded so put all your other onload stuff in here too.
function init() 
{
if(findPosX(document.getElementById('stylesheetTest')) == -100) {replaceSelects();}	
}


/////**DEBUT AJAX**///////
function DoUltimateCallback(uaa6,uad1,uab9,uac0) 
{ 
	var uad2=UltimateCallbacks[uaa6]; 
	var uab5=uae0(uaa0,uaa6)+'&'+uae0(uaa1,uad1)+((uad2.uab0) ? uad4(uad2.uaa9) : ''); 
	uad2.uac9(); 
	var uab8=(uad2.uaa8) ? uad2.uab2(uab5) : null; 
	if (uab8) 
	{ 
		uae7(uaa6,uab8.uac1,uab8.uab9,uab8.uac0); 
	} 
	else 
	{ 
		var uad3=uae5(); 
		if (uad3) 
		{ 
			var uab7=new Object(); 
			uab7.uad3=uad3; 
			uab7.uaa6=uaa6; 
			uab7.uab5=uab5; 
			uab7.uab9=uab9; 
			uab7.uac0=uac0; 
			uaf1(uaa5,uab7); 
			uad3.onreadystatechange=uae6; 
			uad3.open('POST',window.location.href.replace(window.location.hash,''),true); 
			uad3.setRequestHeader('Content-Type','application/x-www-form-urlencoded'); 
			uad3.send(uab5); 
		} 
		else 
			if (window.__doPostBack) 
			{ 
				uaf9(uad2.uaa9,uaa2,'true'); 
				uaf9(uad2.uaa9,uaa0,uaa6); 
				uaf9(uad2.uaa9,uaa1,uad1); 
				window.__doPostBack(uaa6); 
			} 
	} 
}
/////** FIN **///////
function replaceSelects() {
	//get all the select fields on the page
    selects = document.getElementsByTagName('select');
	//cycle trough the select fields
    for(var i=0; i < selects.length; i++) {
		//create and build div structure
		var selectArea = document.createElement('div');
		var left = document.createElement('div');
		var right = document.createElement('div');
		var center = document.createElement('div');
		var button = document.createElement('a');
		var text = document.createTextNode(selectText);
		center.id = "mySelectText"+i;
		button.href="javascript:showOptions("+i+")";
		selectArea.className = "selectArea";
		left.className = "left";
		right.className = "right";
		center.className = "center";
		right.appendChild(button);
		center.appendChild(text);
		selectArea.appendChild(left);
		selectArea.appendChild(right);
		selectArea.appendChild(center);
		
		//hide the select field
        selects[i].style.display='none'; 
		
		//insert select div
		selects[i].parentNode.insertBefore(selectArea, selects[i]);
		
		//build & place options div
		var optionsDiv = document.createElement('div');
		optionsDiv.className = "optionsDivInvisible";
		optionsDiv.id = "optionsDiv"+i;
		optionsDiv.style.left = findPosX(selectArea) + 'px';
		optionsDiv.style.top = findPosY(selectArea) + 18 + 'px';
		optionsDiv.style.position ='absolute';
		for(var j=0; j < selects[i].options.length; j++) {
			var optionHolder = document.createElement('p');
			var optionLink = document.createElement('a');
			var optionTxt = document.createTextNode(selects[i].options[j].text);
			optionLink.href = "javascript:showOptions("+i+"); selectMe('"+selects[i].id+"',"+j+","+i+");";
			optionLink.appendChild(optionTxt);
			optionHolder.appendChild(optionLink);
			optionsDiv.appendChild(optionHolder);
			selectArea.onmouseout=function () {timer=setTimeout("hideOptions(0)",6000);selectArea.onmouseover=function (){clearTimeout(timer);};};
			
			optionsDiv.onmouseover=function (){clearTimeout(timer);};
			optionsDiv.onmouseout=function () {timer=setTimeout("hideOptions(0)",6000)};

		}
		
		//insert options div
		document.getElementsByTagName("body")[0].appendChild(optionsDiv);
	}}

function showOptions(g) {elem = document.getElementById("optionsDiv"+g);
		if(elem.className=="optionsDivInvisible") {elem.className = "optionsDivVisible";}
		else if(elem.className=="optionsDivVisible") {elem.className = "optionsDivInvisible";}}
		

function selectMe(selectFieldId,linkNo,selectNo) {
	//feed selected option to the actual select field
	selectField = document.getElementById(selectFieldId);
	for(var k = 0; k < selectField.options.length; k++) {
		if(k==linkNo) {
			selectField.options[k].selected = "selected";
		}
		else {
			selectField.options[k].selected = "";
		}
	}
	textVar = document.getElementById("mySelectText"+selectNo);
	var newText = document.createTextNode(selectField.options[linkNo].text);
	textVar.replaceChild(newText, textVar.childNodes[0]);
}

function findPosY(obj) {
	var posTop = 0;
	while (obj.offsetParent) {
		posTop += obj.offsetTop;
		obj = obj.offsetParent;
	}
	return posTop;}
function findPosX(obj) {
	var posLeft = 0;
	//while (obj.offsetParent) {
	//	posLeft += obj.offsetLeft;
	//	obj = obj.offsetParent;
	//}
	return posLeft;}
	/****************************/
	function hideOptions(g) {elem = document.getElementById("optionsDiv"+g);
	if(elem.className=="optionsDivVisible") {elem.className = "optionsDivInvisible";}}
	function resteOptions(g) {elem = document.getElementById("optionsDiv"+g);
	if(elem.className=="optionsDivVisible") 
	{clearTimeout(timer);}
	}
window.onload = init;