var img_path = "/images/"

function GET(argname){
    query = document.location.search.substring(1);
    pairs = query.split("&");
    for(i=0; i<pairs.length; i++){
        key   = pairs[i].split("=")[0];
        value = pairs[i].split("=")[1];
        if(key == argname){
            return value;
        }
    }
    return "";
}

function writeChoiceVillaSort(id){
	switch(id){
		case "": result='location';break;
		case "Ubicacion": result='location';break;
		case "Clasificacion-Minimo": result='low-rating';break;
		case "Clasificacion-Alto": result='high-rating';break;
		case "Precios-Minimo": result='low-price';break;
		case "Precios-Alto": result='high-price';break;
		default: result='location';
	}
	
	var content = id + '<img src="' + img_path + 'optarrow_sm_b.gif" width="15" height="5" border="0" alt="' + id + '" />';
	document.getElementById('m_vsort').innerHTML = content;
	document.getElementById('sortby_v').value = result;
	document.resortsSortForm.submit();
}

function selectMenuVillaSort(){
	var state = document.getElementById("sortmenu_v").style.display;
	if(state=="inline"){document.getElementById("sortmenu_v").style.display="none";}else{document.getElementById("sortmenu_v").style.display="inline";}
}

if(BrowserDetect.browser == "Explorer"){
	if (BrowserDetect.version > "7"){
		var pd_tr_sort = "display:block;z-index:1;border:1px #cccccc solid;";
		var pd_tb_sort = 0;
	}else{
		var pd_tr_sort = "display:block;z-index:1;";
		var pd_tb_sort = 1;
	}
	var pd_dv_sort = "position:absolute;right:0px;top:18px;display:none;z-index:1;border:0px;margin-top:-5px;text-align:left;";
}else{
	var pd_tr_sort = "display:block;margin-top:-1px;z-index:1;";
	var pd_tb_sort = 0;
	var pd_dv_sort = "position:absolute;right:0px;top:18px;display:none;z-index:1;border:0px;margin-top:-5px;";
}

function all2None(){
	document.getElementById('sortmenu_v').style.display="none";
}

document.write('<form name="resortsSortForm" method="GET" action="resorts_es.asp" style="margin:0px;padding:0px;border:0px;z-index:1;">'
+ '<div style="position:relative;top:0px;left:0px;display:block;z-index:1;"><table cellpadding="0" cellspacing="0" border="0"><tr>'
+ '<td valign="middle"><span style="margin:0px;padding:0px;text-decoration:none;border:0px;outline:none;color:#005d84;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7.5pt;color:#000000;cursor:pointer;z-index:1;">Revisar Algo: </span></td>'
+ '<td valign="middle" onmouseout="document.getElementById(\'sortmenu_v\').style.display=\'none\';"><span id="m_vsort" onmousedown="javascript:selectMenuVillaSort();" style="margin:0px 0px 1px 3px;padding:0px;border:0px;height:15px;vertical-align:middle;width:110px;text-decoration:none;outline:none;color:#005d84;font-weight:bold;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:7.5pt;cursor:pointer;">Ubicacin<img src="' + img_path + 'optarrow_sm_b.gif" width="15" height="5" border="0" alt="Ubicación" /></span></td></tr></table>');

if(BrowserDetect.browser == "Mozilla"){
	document.write('<div style="'+pd_dv_sort+'" id="sortmenu_v" onmouseover="this.style.display=\'inline\'" onmouseout="this.style.display=\'none\'">'
	+ '<table border="0" cellspacing="'+pd_tb_sort+'" cellpadding="0" bgcolor="#FFFFFF">'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;"><div id="vloc_1" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Ubicacion\');all2None();">Ubicación</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;"><div id="vloc_2" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Clasificacion-Minimo\');all2None();">Clasificación (Mínimo)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;"><div id="vloc_3" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Clasificacion-Alto\');all2None();">Clasificación (Alto)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;"><div id="vloc_4" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Precios-Minimo\');all2None();">Precios (Mínimo)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;"><div id="vloc_5" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Precios-Alto\');all2None();">Precios (Alto)</div></td></tr>'
	+ '</table></div>');
}else if(BrowserDetect.browser == "Explorer" && BrowserDetect.version > "7"){
	document.write('<div style="'+pd_dv_sort+'" id="sortmenu_v" onmouseover="this.style.display=\'inline\'" onmouseout="this.style.display=\'none\'">'
	+ '<table border="0" cellspacing="'+pd_tb_sort+'" cellpadding="0" bgcolor="#FFFFFF" style="border:1px #cccccc solid;">'
	+ '<tr style="'+pd_tr_sort+'"><td><div id="vloc_1" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Ubicacion\');all2None();">Ubicación</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td><div id="vloc_2" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Clasificacion-Minimo\');all2None();">Clasificación (Mínimo)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td><div id="vloc_3" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Clasificacion-Alto\');all2None();">Clasificación (Alto)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td><div id="vloc_4" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Precios-Minimo\');all2None();">Precios (Mínimo)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td><div id="vloc_5" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onclick="javascript:writeChoiceVillaSort(\'Precios-Alto\');all2None();">Precios (Alto)</div></td></tr>'
	+ '</table></div>');
}else{
	document.write('<div style="'+pd_dv_sort+'" id="sortmenu_v" onmouseover="this.style.display=\'inline\'" onmouseout="this.style.display=\'none\'">'
	+ '<table border="0" cellspacing="'+pd_tb_sort+'" cellpadding="0" bgcolor="#FFFFFF">'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;text-align:left;"><div id="vloc_1" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onmouseover="javascript:this.style.backgroundColor=\'#005d84\';this.style.color=\'#e0e0e0\';" onmouseout="javascript:this.style.backgroundColor=\'#e0e0e0\';this.style.color=\'#005d84\';" onclick="javascript:writeChoiceVillaSort(\'Ubicacion\');all2None();">Ubicación</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;text-align:left;"><div id="vloc_2" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onmouseover="javascript:this.style.backgroundColor=\'#005d84\';this.style.color=\'#e0e0e0\';" onmouseout="javascript:this.style.backgroundColor=\'#e0e0e0\';this.style.color=\'#005d84\';" onclick="javascript:writeChoiceVillaSort(\'Clasificacion-Minimo\');all2None();">Clasificación (Mínimo)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;text-align:left;"><div id="vloc_3" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onmouseover="javascript:this.style.backgroundColor=\'#005d84\';this.style.color=\'#e0e0e0\';" onmouseout="javascript:this.style.backgroundColor=\'#e0e0e0\';this.style.color=\'#005d84\';" onclick="javascript:writeChoiceVillaSort(\'Clasificacion-Alto\');all2None();">Clasificación (Alto)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;text-align:left;"><div id="vloc_4" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onmouseover="javascript:this.style.backgroundColor=\'#005d84\';this.style.color=\'#e0e0e0\';" onmouseout="javascript:this.style.backgroundColor=\'#e0e0e0\';this.style.color=\'#005d84\';" onclick="javascript:writeChoiceVillaSort(\'Precios-Minimo\');all2None();">Precios (Mínimo)</div></td></tr>'
	+ '<tr style="'+pd_tr_sort+'"><td style="border:1px #cccccc solid;text-align:left;"><div id="vloc_5" style="text-decoration:none;margin:0px;border:0px;outline:none;color:#005d84;background-color:#e0e0e0;cursor:pointer;font-size:7pt;font-family:Verdana, Arial, Helvetica, sans-serif;width:120px;padding:1px 1px 1px 5px;" onmouseover="javascript:this.style.backgroundColor=\'#005d84\';this.style.color=\'#e0e0e0\';" onmouseout="javascript:this.style.backgroundColor=\'#e0e0e0\';this.style.color=\'#005d84\';" onclick="javascript:writeChoiceVillaSort(\'Precios-Alto\');all2None();">Precios (Alto)</div></td></tr>'
	+ '</table></div>');
}

document.write('<input id="sortby_v" type="hidden" name="sortby" value="Ubicación" />');
document.write('</div></form>');

if(GET('sortby') !== ""){
	var vs = GET('sortby');
	
	switch(vs){
		case "": result='Ubicacion';break;
		case "location": result='Ubicacion';break;
		case "low-rating": result='Clasificacion-Minimo';break;
		case "high-rating": result='Clasificacion-Alto';break;
		case "low-price": result='Precios-Minimo';break;
		case "high-price": result='Precios-Alto';break;
		default: result='Ubicacion';
	}
	
	result += '<img src="' + img_path + 'optarrow_sm_b.gif" width="15" height="5" border="0" alt="Revisar Hoteles" />';
	document.getElementById('m_vsort').innerHTML = result;
}else{
	var ls = 'Ubicación<img src="' + img_path + 'optarrow_sm_b.gif" width="15" height="5" border="0" alt="Revisar Hoteles" />';
	document.getElementById('m_vsort').innerHTML = ls;
}