$(document).ready( function() {
	
	// loadSearchState
	/*
	var style = $("select[name=style] option[selected]").attr("value");
	var environment = $("select[name=environment] option[selected]").attr("value");
	var layer = $("select[name=layer] option[selected]").attr("value");
	var windows = $("select[name=windows] option[selected]").attr("value");
	*/
	
	initSearchFields();
	updateSearchNav();
	reloadFlash();
});


function initSearchFields(){
	
	$("form[name=searchDoors] select").change( function() {
		$(this).attr("selected","true")
		reLoadOptions();
	});

}

function reLoadOptions() {
	
	var style = $("select[name=style] option:selected").attr("value");
	var environment = $("select[name=environment] option:selected").attr("value");
	var layer = $("select[name=layer] option:selected").attr("value");
	var langId = $("div.searchForm").attr('langId');
	$.post("ajax/reLoadOptions.lasso", { style: style, environment: environment, langId: langId },
	function(data) {
		var dataContent = data.split('\n');
		var found = false;
		environments = dataContent[0].split(";");
		layers = dataContent[1].split(";");
		
		// Update Environments
		var defaultEnvironment = $('select[name=environment] option[default=true]').html();
		var newHtml = '<option value="all" default="true">' + defaultEnvironment + '</option>\n';
		found = false;
		for(var i in environments){
			if(environments[i] != ""){
				if(environments[i] == environment){
					newHtml += '<option value="' + environments[i] + '" selected >' + environments[i] + '</option>\n';
					found = true;
				}
				else
					newHtml += '<option value="' + environments[i] + '">' + environments[i] + '</option>\n';
			}
		}
		$('select[name=environment]').html(newHtml);
		if(found == false)
			$('select[name=environment] option[default=true]').attr("selected","selected");
		
		// Update layers
		var defaultLayer = $('select[name=layer] option[default=true]').html();
		var newHtml = '<option value="all" default="true">' + defaultLayer + '</option>\n';
		found = false;
		for(var i in layers){
			if(layers[i] != ""){
				if(layers[i] == layer){
					newHtml += '<option value="' + layers[i] + '" selected>' + layers[i] + '</option>\n';
					found = true;
				}
				else
					newHtml += '<option value="' + layers[i] + '" >' + layers[i] + '</option>\n';
			}
		}
		$('select[name=layer]').html(newHtml);
		if(found == false)
			$('select[name=layer] option[default=true]').attr("selected","selected");
			
		
		updateSearchNav();
		reloadFlash();
	});
		
}




function updateSearchNav() {
	
	
	var style = $("select[name=style] option:selected").attr("value");
	var environment = $("select[name=environment] option:selected").attr("value");
	var layer = $("select[name=layer] option:selected").attr("value");
	var windows = $("select[name=windows] option:selected").attr("value");
	var windowsText =  $("select[name=windows] option:selected").html();
	
	$("div.content-navText").html('<a href="javascript:resetOptions(1)">' + $("div.content-navText").attr('default') + '</a>');
	
	if(style != "" && style != "all"){
		if(environment == "all" && windows == "all" && layer == "all")
			$("div.content-navText").html($("div.content-navText").html() + ' <img src="images2/smalArrow.png" alt="" valign="top"/> ' + style + '');
		else
			$("div.content-navText").html($("div.content-navText").html() + ' <img src="images2/smalArrow.png" alt="" valign="top" />  <a href="javascript:resetOptions(2)">' + style + '</a>');
	}
	
	if(environment != "" && environment != "all"){
		if(windows == "all" && layer == "all")
			$("div.content-navText").html($("div.content-navText").html() + ' <img src="images2/smalArrow.png" alt="" valign="top" />  ' + environment + '');
		else
			$("div.content-navText").html($("div.content-navText").html() + ' <img src="images2/smalArrow.png" alt="" valign="top" />  <a href="javascript:resetOptions(3)">' + environment + '</a>');
	}
	
	if(layer != "" && layer != "all"){
		if(windows == "all")
			$("div.content-navText").html($("div.content-navText").html() + ' <img src="images2/smalArrow.png" alt="" valign="top" />  ' + layer + '');
		else
			$("div.content-navText").html($("div.content-navText").html() + ' <img src="images2/smalArrow.png" alt="" valign="top" />  <a href="javascript:resetOptions(4)">' + layer + '</a>');
	}

	if(windows != "" && windows != "all"){
			$("div.content-navText").html($("div.content-navText").html() + ' <img src="images2/smalArrow.png" alt="" valign="top" />  ' + windowsText);
	}
	
}


function resetOptions( level ){
	if(level == 1){
		$("select[name=style] option[default=true]").attr("selected","selected");
		$("select[name=environment] option[default=true]").attr("selected","selected");
		$("select[name=layer] option[default=true]").attr("selected","selected");
		$("select[name=windows] option[default=true]").attr("selected","selected");		
	}
	
	if(level == 2){
		$("select[name=environment] option[default=true]").attr("selected","selected");
		$("select[name=layer] option[default=true]").attr("selected","selected");
		$("select[name=windows] option[default=true]").attr("selected","selected");		
	}
	
	if(level == 3){
		$("select[name=layer] option[default=true]").attr("selected","selected");
		$("select[name=windows] option[default=true]").attr("selected","selected");		
	}
	
	if(level == 4){
		$("select[name=windows] option[default=true]").attr("selected","selected");		
	}
	
	updateSearchNav();
	reloadFlash();
	reLoadOptions();
}

function reloadFlash(){
		
		
		var style = $("select[name=style] option:selected").attr("value");
		var environment = $("select[name=environment] option:selected").attr("value");
		var layer = $("select[name=layer] option:selected").attr("value");
		var windows = $("select[name=windows] option:selected:").attr("value");
		var langId = $("div.searchForm").attr('langId');
		
		
		var newUrl = "doors.lasso?langId=";
		newUrl += langId;
		newUrl += '%26style=' + style;
		newUrl += '%26environment=' + environment;
		newUrl += '%26layer=' + layer;
		newUrl += '%26windows=' + windows;
		
		
		
		var flashHtml = '<div class="content-navFrame" id="doors-flash">'
							+ '<img src="images2/start_flash.jpg" border="0" />'
						+ '</div>'
						
						+ '<script type="text/javascript">'
							+ 'var so = new SWFObject("doors.swf", "doors-flash-elem", "1024", "200", "9", "#FFFFFF");'
							+ 'so.addParam("name","doors-flash");'
							+ 'so.addParam("menu","false");'
							+ 'so.addParam("wmode","transparent");'
							+ 'so.addParam("allowscriptaccess","always");'
							+ 'so.addParam("scale","noorder");'
							+ 'so.addVariable("javascriptid","doors-flash");'
							+ 'so.addVariable("enablejs","true");'
							+ 'so.addVariable("xml","' + newUrl + '");'
							+ 'so.write("doors-flash");'
						+ '</script>';
						
		$(".flashContainer").html(flashHtml);
}