// JavaScript Document

startList = function() 
{
	if (document.all&&document.getElementById) 
	{
		navRoot = document.getElementById("nav1");
		for (i=0; i<navRoot.childNodes.length; i++) 
		{
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") 
			{
				node.onmouseover=function() {this.className+=" over";  }
				node.onmouseout=function() {  this.className=this.className.replace(" over", "");   }
			}
		}
		navRoot = document.getElementById("nav2");
		for (i=0; i<navRoot.childNodes.length; i++) 
		{
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") 
			{
				node.onmouseover=function() {this.className+=" over";  }
				node.onmouseout=function() {  this.className=this.className.replace(" over", "");   }
			}
		}
		navRoot = document.getElementById("nav3");
		for (i=0; i<navRoot.childNodes.length; i++) 
		{
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") 
			{
				node.onmouseover=function() {this.className+=" over";  }
				node.onmouseout=function() {  this.className=this.className.replace(" over", "");   }
			}
		}
		navRoot = document.getElementById("nav4");
		for (i=0; i<navRoot.childNodes.length; i++) 
		{
			node = navRoot.childNodes[i];
			if (node.nodeName=="LI") 
			{
				node.onmouseover=function() {this.className+=" over";  }
				node.onmouseout=function() {  this.className=this.className.replace(" over", "");   }
			}
		}
	}
}
window.onload=startList;


function CollageOver(model)
{
	var img = document.getElementById("collage");
	var newclass = "left_" + model;
	img.className = newclass;
}

function CollageOut()
{
	var img = document.getElementById("collage");
	img.className = "left";
}



function openimg (obj){
 var wo = window.open("", "abc", "width=10, height=10, scrollbars=0, status=0");
 wo.document.open();
 var win = "";
 win = "<html><head>";
 win += "<title>Image</title>";
 win += "<script>function resizes (obj){";
 win += "var w=obj.width, h=obj.height;";
 win += "window.resizeTo (w+8, h+25);";
 win += "}</"+"script"+">";
 win += "<style type='text/css'> * {margin:0; padding:0; border:0; } </style> </head>"
 win += "<body>";
 win += "<table cellpadding='0' cellspacing='0' width='100%' height='100%'><tr><td align='center'>";
 win += "<img src='" + obj.href + "' alt='' onload='resizes(this)' onclick='window.close();' />";
 win += "</td></tr></table>";
 win += "</body></html>";
 wo.document.write(win);
 wo.window.focus();
 wo.document.close();
 return false;
}

function changeState(layerRef, state)
{ 
	var blockElement = document.getElementById(layerRef).style;
	blockElement.display = state;
}