// active base/shade model #s
var base = null;
var shade = null;
// and eclipse ids
var baseEcl = null;
var shadeEcl = null;

function imgClicked(type, id, eclipse, desc)
{	
	if (type == "shade")
	{
		// deactive previous image, if any, and activate new one
		if (shade != null)
		{
			document.getElementById(shade).style.border = "";
		}
		shade = id;
		document.getElementById(shade).style.border = "medium solid red";
		
		// update cookie
		document.cookie = "shadeId=" + id;		
	}
	else if (type == "base")
	{
		if (base != null)
		{
			document.getElementById(base).style.border = "";
		}
		base = id;
		document.getElementById(base).style.border = "medium solid red";
		
		document.cookie = "lampId=" + id;
	}					
	
	changeCombo(type, id, eclipse, desc);
	
}

// change combo image, description, and model # in add to list form if logged in
function changeCombo(type, modelNum, eclipse, desc)
{
	var reg=new RegExp("\/","g");
	if (type == "shade")
	{
		shadeEcl = modelNum.replace(reg,"!");		
		if (baseEcl != null) // if baseEcl == null (initializing), no image shown
		{
			var combined = document.getElementById("combined_img");			
			combined.src = imageUrl + shadeEcl  + "/" + baseEcl + ".jpg";
		}
		
		document.getElementById("shade_desc").innerHTML = desc;
		
		try
		{
			document.getElementById("shadeModelnumber").value = modelNum;
		}
		catch (e){}	// not logged in (no element called "shadeModelnumber")		
				
	}	
	else if (type == "base")	
	{
		baseEcl = modelNum.replace(reg,"!");		
		if (shadeEcl != null)
		{
			var combined = document.getElementById("combined_img");
			combined.src = imageUrl + shadeEcl + "/" + baseEcl + ".jpg";
		}
		
		document.getElementById("base_desc").innerHTML = desc;
		
		try
		{
			document.getElementById("baseModelnumber").value = modelNum; 
		}
		catch (e){}
	}
}

// get the onclick code for the object represented by id. in both IE and FF, the useful code is enclosed by { } in the raw code 
function getOnclickCode(id)
{
	var onclickCode = document.getElementById(id).onclick.toString();
	return onclickCode.substring(onclickCode.indexOf("{")+1, onclickCode.length-1);
}

function onloadMnm()
{
	if (getCookie('fromItemPage') == "true") // back from item page, so have to restore previous scrollbar positions and selections
	{
		deleteCookie('fromItemPage');
		
		if (getCookie("shadesPos") != "" && getCookie("lampsPos") != "" && getCookie("shadeId") != "" && getCookie("lampId") != "")
		{
			// restore div scrollbar positions
			document.getElementById("shades").scrollTop = getCookie("shadesPos");		
			document.getElementById("lamps").scrollTop = getCookie("lampsPos");	
			// execute code to reactivate previously selected image, desc, etc.				
			eval(getOnclickCode(getCookie("shadeId")));			
			eval(getOnclickCode(getCookie("lampId")));	
		}	
		else // something's wrong
			onloadDefault();
	}
	else // not from item page
		onloadDefault();			
}

function onloadDefault()
{
	// get first shade and first base	
	var defaultShade = document.getElementById("shades").getElementsByTagName("img")[0].id;
	var defaultLamp = document.getElementById("lamps").getElementsByTagName("img")[0].id;
	// activate them
	eval(getOnclickCode(defaultShade));			
	eval(getOnclickCode(defaultLamp));
}

// store div scrollbar positions
function onunloadMnm()
{
	document.cookie = "shadesPos=" + document.getElementById("shades").scrollTop;
	document.cookie = "lampsPos=" + document.getElementById("lamps").scrollTop;			
}