





function submitSearch()
{
	var f = document.searchForm;
	var h = document.hiddenForm;
	
	var category = f.category.options[f.category.selectedIndex].value;
	var type = f.type.options[f.type.selectedIndex].value;
	
	
	if (f.keywords.value != "")
	{
		h.keywords.disabled = false;
		h.keywords.value = f.keywords.value;
	}
	if (f.type.selectedIndex > 0)
	{
		h.type.disabled = false;
		h.type.value = type;
	}
	if (f.category.selectedIndex > 0)
	{
		h.category.disabled = false;
		h.category.value = category;
	}
	if (f.region.selectedIndex > 0)
	{
		h.region.disabled = false;
		h.region.value = f.region.options[f.region.selectedIndex].value;
	}

	h.closeReg.disabled = !(f.closeReg.checked);
	h.picture.disabled = !(f.picture.checked);
	
	if (f.minPrice.value != "")
	{
		h.minPrice.disabled = false;
		h.minPrice.value = extractNumbers(f.minPrice.value);
	}	
	if (f.maxPrice.value != "")
	{
		h.maxPrice.disabled = false;
		h.maxPrice.value = extractNumbers(f.maxPrice.value);
	}
	
	if (f.minOpt1)
	{
		if (f.minOpt1.selectedIndex > 0)
		{
			h.minOpt1.disabled = false;
			h.minOpt1.value = f.minOpt1.options[f.minOpt1.selectedIndex].value;
		}
		if (f.maxOpt1.selectedIndex > 0)
		{
			h.maxOpt1.disabled = false;
			h.maxOpt1.value = f.maxOpt1.options[f.maxOpt1.selectedIndex].value;
		}
	}
	if (f.minOpt2)
	{
		if (f.minOpt2.selectedIndex > 0)
		{
			h.minOpt2.disabled = false;
			h.minOpt2.value = f.minOpt2.options[f.minOpt2.selectedIndex].value;
		}
		if (f.maxOpt2.selectedIndex > 0)
		{
			h.maxOpt2.disabled = false;
			h.maxOpt2.value = f.maxOpt2.options[f.maxOpt2.selectedIndex].value;
		}
	}
	h.submit();
}



function clearSearchForm()
{
	var f = document.searchForm;
	var cat =  f.category.options[f.category.selectedIndex].value;
	var typ = f.type.options[f.type.selectedIndex].value;
	var hidden1 = getObj("hidden1");
	var hidden2 = getObj("hidden2");
	
	
	if (hidden1.style.visibility != "hidden")
	{
		if (f.region.selectedIndex == 0 &&
			 f.minPrice.value == "" &&
			 f.maxPrice.value == "" &&
			 f.minOpt1.selectedIndex == 0 &&
		    f.maxOpt1.selectedIndex == 0 &&
		    (hidden2.style.visibility == "hidden" ||
		    	(f.minOpt2.selectedIndex == 0 &&
		    	f.maxOpt2.selectedIndex == 0)) &&
		    f.closeReg.checked == false &&
		    f.picture.checked == false &&
		    f.keywords.value == "")
		{
			hidden1.style.visibility = "hidden";
			hidden2.style.visibility = "hidden";
			f.category.selectedIndex = 0;
			selectedOptions[0] = null;
			selectedOptions[1] = null;
		}
		else
		{
			f.minOpt1.selectedIndex = 0;
			f.maxOpt1.selectedIndex = 0;
			if (hidden2.style.visibility != "hidden")
			{
				f.minOpt2.selectedIndex = 0;
				f.maxOpt2.selectedIndex = 0;
			}
		}
	}
	else
		f.category.selectedIndex = 0;
	
	f.type.selectedIndex = 0;
	f.region.selectedIndex = 0;
	f.minPrice.value = "";
	f.maxPrice.value = "";
	f.closeReg.checked = false;
	getObj("hidden_closeReg").style.visibility = "hidden";
	f.picture.checked = false;
	getObj("camera").src = "/img/icon_camera.gif";
	f.keywords.value = "";
	f.keywords.focus();
}



function clickCamera(setBox)
{
	var f = document.searchForm;
	
	if (setBox)
	{
		if (f.picture.checked)
		{
			f.picture.checked = false;
			getObj("camera").src = "/img/icon_camera.gif";	
		}
		else
		{
			f.picture.checked = true;
			getObj("camera").src = "/img/icon_camera_on.gif";	
		}
	}
	
	else
	{
		if (f.picture.checked)
			getObj("camera").src = "/img/icon_camera_on.gif";	
		else
			getObj("camera").src = "/img/icon_camera.gif";	
	}
}



function go(categoryID, typeID, regionID)
{
	var f = document.searchForm;
	
	if (categoryID != -1)
	{
		var categories = f.category;
		for (var i=0; i<categories.length; i++)
		{
			if (categories.options[i].value == categoryID)
			{
				categories.selectedIndex = i;
				break;
			}
		}
	}
	if (typeID != -1)
		f.type.selectedIndex = typeID;	
	
	if (regionID != -1)		
		f.region.selectedIndex = regionID;
	
	submitSearch();
}




function checkCloseReg()
{
	var f = document.searchForm;
	var obj = getObj("hidden_closeReg");
	
	if (f.region.selectedIndex > 0)
		obj.style.visibility = "visible";
	else
		obj.style.visibility = "hidden";
}


function temp(width)
{
	if (width == -1)
		width = 74; 
	return " style='width: " + width + "px'><option value='-1'>";	
}


function checkHiddenOptions(category, type)
{
	if (!category)
	{
		var f = document.searchForm;
		category = f.category.value;
		type = f.type.value;
	}
	showOptions(category, type);
}



var selectedOptions = new Array(null, null);


function showOptions(category, type)
{
	var f = document.searchForm;
	var opt = getOptions(category, type);
	var hidden1 = getObj("hidden1");
	var hidden2 = getObj("hidden2");
	
	if (opt == null)
	{
		hidden1.style.visibility = "hidden";
		hidden2.style.visibility = "hidden";
		selectedOptions[0] = null;
		selectedOptions[1] = null;
	}
	else
	{
		if (selectedOptions[0] != opt[0])
		{
			hidden1.style.visibility = "visible";
			getObj("name1").innerHTML = opt[0].name;
			getObj("opt1min").innerHTML = "<select name=minOpt1" + temp(opt[0].width) + opt[0].minOptions + "</select>";
			getObj("opt1max").innerHTML = "<select name=maxOpt1" + temp(opt[0].width) + opt[0].maxOptions + "</select>";
			selectedOptions[0] = opt[0];
		}
		
		if (opt.length == 2)
		{
			if (selectedOptions[1] != opt[1])
			{
				hidden2.style.visibility = "visible";
				getObj("name2").innerHTML = opt[1].name;
				getObj("opt2min").innerHTML = "<select name=minOpt2" + temp(opt[1].width) + opt[1].minOptions + "</select>";
				getObj("opt2max").innerHTML = "<select name=maxOpt2" + temp(opt[1].width) + opt[1].maxOptions + "</select>";
				selectedOptions[1] = opt[1];
			}
		}
		else
		{
			hidden2.style.visibility = "hidden";
			selectedOptions[1] = null;
		}
	}
}


function setOptions(minOpt1, maxOpt1, minOpt2, maxOpt2)
{
	var f = document.searchForm;
	if (minOpt1)
		setOption(f.minOpt1, minOpt1);
	if (minOpt1)
		setOption(f.maxOpt1, maxOpt1);
	if (minOpt1)
		setOption(f.minOpt2, minOpt2);
	if (minOpt1)
		setOption(f.maxOpt2, maxOpt2);
}



function setOption(obj, val)
{
	if (obj && val >= 0)
	{
		for (var i = 0; i < obj.options.length; i++)
		{
			if (obj.options[i].value == val)
			{
				obj.selectedIndex = i;
				break;	
			}
		}
	}
}

function showTypes(typID)
{
	var f = document.searchForm;
	var typOpt = f.type.options;
	if (!typID)
		typID = typOpt[f.type.selectedIndex].value;
	var catID = f.category.options[f.category.selectedIndex].value;
	var catTypes = defaultTypes;
	if (catID > 0)
		catTypes = categories[catID].types; 	
	
	
	for (var i = typOpt.length; i > 1 && i > (catTypes.length + 1); i--)
		typOpt[i-1] = null;
				
	
	
	for (var i = 0; i < catTypes.length; i++)
	{
		var id = catTypes[i];
		typOpt[i+1] = new Option(types[id].name, id);
		typOpt[i+1].className = types[id].color;
		
		if (typID == id)
			f.type.selectedIndex = (i+1);
	}
	checkHiddenOptions();
}


function showTop(url, keywords, type, category, region, minPrice, maxPrice, closeReg, picture, minOpt1, maxOpt1, minOpt2, maxOpt2)
{
	
	document.write("<form name=hiddenForm action='result.jsp' method=get>");
	document.write("<input type=hidden disabled name=keywords value=''>");
	document.write("<input type=hidden disabled name=type value=''>");
	document.write("<input type=hidden disabled name=category value=''>");
	document.write("<input type=hidden disabled name=region value=''>");
	document.write("<input type=hidden disabled name=minPrice value=''>");
	document.write("<input type=hidden disabled name=maxPrice value=''>");
	document.write("<input type=hidden disabled name=closeReg value='1'>");
	document.write("<input type=hidden disabled name=picture value='1'>");
	document.write("<input type=hidden disabled name=minOpt1 value=''>");
	document.write("<input type=hidden disabled name=maxOpt1 value=''>");
	document.write("<input type=hidden disabled name=minOpt2 value=''>");
	document.write("<input type=hidden disabled name=maxOpt2 value=''>");
	document.write("</form>");
	
	
	document.write("<table cellpadding=0 cellspacing=0 width=776>");
	document.write("	<tr>");
	document.write("		<td width=20 height=128></td>");
	
	
	document.write("		<td width=383 height=128><a href=" + url + "><img border=0 src='/img/logo.gif'></a></td>");
		
	
	document.write("		<td valign=top width=375 height=128 background='/img/searchbox.gif'>");
	document.write("			<form name=searchForm>");
	document.write("				<table cellpadding=0 cellspacing=0>");
	document.write("					<tr height=26>");
	document.write("						<td width=62></td>");
	
	
	document.write("						<td width=194><input name=keywords onKeyPress='return submitEnter(event, submitSearch)' value=\"" + keywords + "\" type=text style='width: 184px'></td>");

	
	document.write("						<td width=110 align=right><select name=type onChange='checkHiddenOptions()' style='width: 100px'>");
	document.write("							<option value=-1>Alla Typer");
	document.write("						</select></td>");
	document.write("					</tr>");
	document.write("				</table>");
	document.write("				<img src='/img/pxl.gif' width=1 height=6><br>");

	
	document.write("				<table cellpadding=0 cellspacing=0>");
	document.write("					<tr>");
	document.write("						<td width=8></td>");
	document.write("						<td width=220>");
	document.write("							<select name=category onChange='checkHiddenOptions()' style='width: 216px'>");
	document.write("								<option value=-1>Alla Kategorier");
	for (var i in categories)
	{
		if (categories[i].mainID == 0)
			document.write("<option value=-1>");
		document.write("<option value=" + i + ((category == i) ? " selected" : ""));
		if (categories[i].mainID == 0)
			document.write(" class=textw style='background:#5ca4d4'");
		document.write('>' + categories[i].name);
	}
	document.write("</select></td>");
	
	
	document.write("						<td width=138 align=right>");
	document.write("							<select name=region onChange='checkCloseReg()' style='width: 120px'>");
	document.write("								<option value=''>Hela Sverige");
	for (var i in regions)
		document.write("<option value=" + i + ((region == i) ? " selected" : "") + ">" + regions[i]);
	document.write("</select></td>");
	document.write("					</tr>");
	document.write("				</table>");
	
	
	document.write("				<table cellpadding=0 cellspacing=0 height=100% width=100% style='margin-top: 7px'>");
	document.write("					<tr>");
	document.write("						<td valign=top width=220 style='padding-left: 8px'>");
	document.write("							<table cellpadding=0 cellspacing=0>");
	
	
	document.write("								<tr>");
	document.write("									<td class=textwb>Pris:&nbsp;");
	document.write("										<input name=minPrice onKeyPress=\"return numbersOnly(event, '.', submitSearch)\" onChange='formatField(this)' type=text style='width: 74px' value=" + ((minPrice != -1) ? minPrice : "") + "></td>");
	document.write("									<td width=20 class=textw align=center>till</td>");
	document.write("									<td><input name=maxPrice onKeyPress=\"return numbersOnly(event, '.', submitSearch)\" onChange='formatField(this)' type=text style='width: 74px' value=" + ((maxPrice != -1) ? maxPrice : "") + "></td>");
	document.write("								</tr>");
	
	
	document.write("								<tr id=hidden1 height=26 style='visibility: hidden'>");
	document.write("									<td align=right class=textwb><span id=name1></span>:&nbsp;");
	document.write("										<span id=opt1min></span></td>");
	document.write("									<td class=textw align=center>till</td>");
	document.write("									<td><span id=opt1max></span></td>");
	document.write("								</tr>");
	
	
	document.write("								<tr id=hidden2 height=20 style='visibility: hidden'>");
	document.write("									<td align=right class=textwb><span id=name2></span>:&nbsp;");
	document.write("										<span id=opt2min></span></td>");
	document.write("									<td  class=textw align=center>till</td>");
	document.write("									<td><span id=opt2max></span></select></td>");
	document.write("								</tr>");
	
	document.write("							</table>");
	document.write("						</td><td valign=top align=right>");
	document.write("							<table cellpadding=0 cellspacing=0>");
	document.write("								<tr>");
	
	
	document.write("									<td id=hidden_closeReg style='visibility: " + ((region > 0) ? "visible" : "hidden") + "'>");
	document.write("										<table cellpadding=0 cellspacing=0>");
	document.write("											<tr>");
	document.write("												<td width=40 align=right><input name=closeReg id=closeReg type=checkbox " + ((closeReg) ? "checked" : "") + " title='Inkludera angränsande län'></td>");
	document.write("												<td width=66><label class=textwb for=closeReg title='Inkludera angränsande län'>Ang.län</label></td>");
	document.write("											</tr>");
	document.write("										</table>");
	document.write("									</td>");
	
	
	document.write("									<td width=18 height=18 valign=bottom><input type=image id=camera src='/img/icon_camera" + ((picture) ? "_on" : "") + ".gif' title='Endast annonser med bild' onClick='clickCamera(true); return false'></td>");
	document.write("									<td width=28><input name=picture id=picture type=checkbox " + ((picture) ? "checked" : "") + " onClick='clickCamera(false)' title='Endast annonser med bild'></td>");
	
	document.write("								</tr>");
	document.write("							</table>");
	
	document.write("							<table cellpadding=0 cellspacing=0 style='margin-top: 8px; margin-right: 8px'>");
	document.write("								<tr>");
	document.write("									<td width=66><input type=image width=60 height=24 src='/img/button_clear.gif' onMouseDown=\"this.src='/img/button_clear_pressed.gif'\" onMouseUp=\"this.src='/img/button_clear.gif'\" onClick='clearSearchForm(); return false'></td>");
	document.write("									<td><input type=image width=70 height=35 src='/img/button_search.gif' onMouseDown=\"this.src='/img/button_search_pressed.gif'\" onMouseUp=\"this.src='/img/button_search.gif'\" onClick='submitSearch(); return false'></td>");
	document.write("								</tr>");
	document.write("							</table>");
	document.write("						</td>");
	document.write("					</tr>");
	document.write("				</table>");
	
	document.write("				</table>");
	document.write("			</form>");			
	document.write("		</td>");
	document.write("	</tr>");
	document.write("</table>");

	var f = document.searchForm;
	
	
	formatField(f.minPrice);
	formatField(f.maxPrice);
	
	showTypes(type);
	
	setOptions(minOpt1, maxOpt1, minOpt2, maxOpt2);
}



function showMenu(sel, param)
{
	document.write("<table bgcolor='#ffffff' cellpadding=2 cellspacing=2 width=778>");
	document.write("	<tr>");
	document.write("		<td align=center class=menu" + ((sel == "home") ? "_sel" : "") + " onClick=\"location.href='/'\"><img border=0 width=12 height=10 src='/img/icon_home.gif'></td>");
	document.write("		<td align=center class=menu" + ((sel == "member") ? "_sel" : "") + " onClick=\"location.href='/member.jsp'\" width=114>Medlem</td>");
	document.write("		<td align=center class=menu" + ((sel == "agent") ? "_sel" : "") + " onClick=\"location.href='/agent.jsp" + param + "'\" width=114>Bevaka</td>");
	document.write("		<td align=center class=menu" + ((sel == "favorites") ? "_sel" : "") + " onClick=\"location.href='/favorites.jsp'\" width=120>Favoriter</td>");
	document.write("		<td align=center class=menu" + ((sel == "advertise") ? "_sel" : "") + " onClick=\"location.href='/advertise.jsp'\" width=112>Reklam</td>");
	document.write("		<td align=center class=menu" + ((sel == "profile") ? "_sel" : "") + " onClick=\"location.href='/profile.jsp'\" width=130>Inställningar</td>");
	document.write("		<td align=center class=menu" + ((sel == "help") ? "_sel" : "") + " onClick=\"location.href='/help.jsp'\" width=92>Hjälp</td>");
	document.write("	</tr>");
	document.write("</table>");
}


function focusKeywords()
{
	var f = document.searchForm;
	f.keywords.focus();
	f.keywords.value = f.keywords.value;	
}
