//JavaScript Document
//Samuel Ardila Jaimes samardj.82@hotmail.com
//Feb 2010

window.onload = initialization;

function initialization(){
	
			var inputssearch = document.getElementsByTagName("input"); //busca todos los input
				for(var i=0; i<inputssearch.length; i++ ){
					
					
					if(inputssearch[i].className=="form_text"){ //busca las clases de los input de texto
						var thixparenx = inputssearch[i].parentNode;
						var thixparenxinner =	thixparenx.innerHTML; //almaceno el contenido del padre del input en un temporal y lo reemplazo por la maquetacion.
						thixparenx.innerHTML='<div class="inpt_replace"><div class="inpt_left_px"></div><div class="inpt_center_px">'+thixparenxinner+'</div><div class="inpt_right_px"></div></div>';
					}
					
					
					
					/*if(inputssearch[i].type=="submit"){ //busca las clases de los input de texto
						var nameinpt = inputssearch[i].className;
						inputssearch[i].parentNode.innerHTML = '<div class="button_px" onclick="document.'+nameinpt+'.submit();" ><span>Signup</span><div class="button_flechas"></div></div>';
					}*/
				
			 }
		
			var inputssearch = document.getElementsByTagName("textarea"); //busca todos los select
			for(var i=0; i<inputssearch.length; i++ ){
				if(inputssearch[i].className=="form_area"){ //busca las clases de los input de texto
						var thixparenx = inputssearch[i].parentNode; //papa dt
						var thixparenxgp = thixparenx.parentNode; //abuelo dl
						thixparenxgp.style.height = "120px";
						thixparenxgp.style.margin = "0 0 10px 0";
						var thixparenxinner =	thixparenx.innerHTML; //almaceno el contenido del padre del input en un temporal y lo reemplazo por la maquetacion.
						thixparenx.innerHTML='<div class="inpt_replace"><div class="text_left_px"></div><div class="text_center_px">'+thixparenxinner+'</div><div class="text_right_px"></div></div>';
					}
			}
		
		 	var inputssearch = document.getElementsByTagName("select"); //busca todos los select
			for(var i=0; i<inputssearch.length; i++ ){
				if(inputssearch[i].className=="form_select"){
					var con_cat='';//reicicio las opciones de un select.
					var thixparenx = inputssearch[i].parentNode; //padre del select
					var thixobj = inputssearch[i]; //objeto select
					
					
					var thiidx = inputssearch[i].id; //guardo el id original del select
					var thixnamex = inputssearch[i].name; //guardo el nombre original del select
					
					var this_opt_length = thixobj.childNodes.length; //miro cuantos hijos "option" tiene el select
					
					for(var j=0; j<this_opt_length; j++){
						if(thixobj.childNodes[j].tagName=="OPTION"){ //verifico que los hijos sean options
								var op_obj = thixobj.childNodes[j]; //guardo el objeto option y su valor y texto.
								var opt_value = op_obj.value;
								var opt_text = op_obj.text;
								con_cat += '<div class="text_opt" onclick="sel_opt(this,\''+thiidx+'\')" onmouseover="sel_over(this)" onmouseout="sel_out(this)" ><span>'+opt_text+'</span><span class="value_hidden_opt">'+opt_value+'</span></div>';
						}
					}
					
					var new_innerhtml='<div class="inpt_replace"><div class="inpt_left_px"></div><div class="inpt_center_px"><div class="option_hidden">'+con_cat+'</div><input name="'+thixnamex+'_v" id="'+thiidx+'_v" type="text" value="Select An Option" class="form_text" /></div><div class="inpt_select_flecha" onclick="go_menu(this)"></div></div><input name="'+thixnamex+'" id="'+thiidx+'" type="hidden" value="" />';
					
					thixparenx.innerHTML = new_innerhtml;
					
				}
				
		 	}
			
}


	function sel_opt(obj,objhidden){
		
		var objtmovalue = obj.lastChild.innerHTML;
		var objtmotext = obj.firstChild.innerHTML;
		document.getElementById(objhidden).value=objtmovalue;
		document.getElementById(objhidden+"_v").value=objtmotext;
		obj.parentNode.style.display = 'none';
	}
	
	function sel_over(obj){
		
		obj.style.background = '#aaaaaa';
	}
	
	function sel_out(obj){
		
		obj.style.background = '#ffffff';
	}
	
	function go_menu(obj){
		
		var thixparnx = obj.parentNode;
		var thixparnxlg = thixparnx.childNodes;
		for (var i=0; i < thixparnxlg.length; i++){
			if(thixparnxlg[i].className == "inpt_center_px"){
				var nieto = thixparnxlg[i].childNodes;
				
				for (var j=0; j < nieto.length; j++){
					if(nieto[j].className == "option_hidden"){
						nieto[j].style.display = 'block';
					}
				}
			}
		}
	
	}