function preload(img, on)
{
	off = img.src;
	offfull = img.src;
	onfull = on;
	path = off.substring(0,off.lastIndexOf('/')+1); 
	onfull = path + onfull;
	//alert(onfull);
	if(off.lastIndexOf('/') != -1) // if there is a path, strip it
		{
			 off = off.substring(off.lastIndexOf('/')+1);
		}
	if(on.lastIndexOf('/') != -1) // if there is a path, strip it
		{
			 on = on.substring(on.lastIndexOf('/')+1);
		}
	if(on != off)
		{		  
      off_ex = off.substring(off.lastIndexOf('.')) // extract extension     
			off = off.substring(0,off.lastIndexOf('.')); //strip extension	       		
      on_ex = on.substring(on.lastIndexOf('.')) // extract extension     
			on = on.substring(0,on.lastIndexOf('.')); //strip extension			      		
			eval(off + " = new Image(); ");						 
			eval(off + ".src = '" + offfull +"'");			
			eval(on + " = new Image(); ");			
			eval(on + ".src = '" + onfull +"'");
			var image_on = eval(on + ".src");
			var image_off = eval(off + ".src");
			img.onmouseover = function() { img.src = image_on;}
			img.onmouseout = function() { img.src = image_off;}
		}
}
function open_panel2(id)
{
	document.getElementById('demos_int').style.display = "none";
	document.getElementById('demos_trade').style.display = "none";
	document.getElementById('demos_headers').style.display = "none";
	document.getElementById('demos_tools').style.display = "none";
	document.getElementById('demos_banners').style.display = "none";

		
	
	document.getElementById(id).style.display = "block";
	switch(id)
	{
		case "demos_int":
			document.getElementById("learn_more_link").href = "#1";
			break;
		case "demos_trade":
			document.getElementById("learn_more_link").href = "#2";
			break;
		case "demos_headers":
			document.getElementById("learn_more_link").href = "#3";
			break;
		case "demos_tools":
			document.getElementById("learn_more_link").href = "#4";
			break;  	
		case "demos_banners":
			document.getElementById("learn_more_link").href = "#5";
			break;
		default: 						
			document.getElementById("learn_more_link").href = "##";
			break;
	}
}
function open_panel(id, thisObj)
{
	
	var nav_list = document.getElementById('nav_list');
	var divs = document.getElementById('content').getElementsByTagName('div');
	var list_items = nav_list.getElementsByTagName('li');
	
	/*reset all of the navigation class names to '' */
	for(c=0;c<list_items.length;c++){
		if(list_items[c].firstChild.className != ''){
			list_items[c].firstChild.className = '';
		}
	}
	
	/*change all divs to style display = none */
	for(i=0;i<divs.length;i++){
		if(divs[i].id){
			if(divs[i].id != id){
				divs[i].style.display = 'none';
			}
		}
	}
	
	/*select nav link from list and show div*/
	thisObj.className = 'selected';
	document.getElementById(id).style.display = 'block';
}
function popup (URL) {
window.open (URL, '', 'scrollbars=no,menubar=no,toolbar=no,resizable=no,width=800,height=600')
}