//-----functional------
var urlAddress = "http://www.hypergurl.com/graphics.html"; 
var pageName = "Free Graphics,Hypergurl"; 

function changeOption(id) {	
	document.getElementById("textOptionDisplay").innerHTML = id;
}

function resetOption(id) {	
	document.getElementById("textOptionDisplay").innerHTML = id;	
}

function addToFavorites() { 
	if (window.external) { 
		window.external.AddFavorite(urlAddress,pageName) 
	} else { 
		alert("Sorry! Your browser doesn't support this function. Use Ctrl-D."); 
	} 
}
//-----testing purposes------
/*
function showMenu(callingObject, panelObject){	
	var leftpos = 0;
	var toppos = 0;
	recursiveTag = document.getElementById(callingObject);
	
	if (document.getElementById(panelObject).style.visibility=="visible") {
		keepMenu();
	}
	
	do {
		recursiveTag = recursiveTag.offsetParent;
		leftpos += recursiveTag.offsetLeft;
		toppos += recursiveTag.offsetTop;
	} while(recursiveTag.tagName!="body");
	
	leftpos = leftpos-267;
	toppos = toppos-155;
	
	document.getElementById(panelObject).style.left = leftpos + "px";
	document.getElementById(panelObject).style.top = toppos + "px";	
	
	panelWidth = parseInt(document.getElementById(panelObject).offsetWidth);
	coWidth = parseInt(document.getElementById(callingObject).offsetParent.offsetWidth);
	
	if (panelWidth < (coWidth+28)) {
		document.getElementById(panelObject).style.width = document.getElementById(callingObject).offsetParent.offsetWidth + 28 + "px";
	}
	
	document.getElementById(panelObject).style.zIndex = '999';
	
	document.getElementById(panelObject).style.visibility="visible";
}

var timer;

function hideMenu(id){
	document.getElementById(id).style.visibility = "hidden";
}

function requestHide(id) {
	document.getElementById(id).style.zIndex = '0';
    timer = setTimeout("hideMenu('" + id + "')", 100);
}

function keepMenu() {
	clearTimeout(timer);
}*/



function showMenu(callingObject, panelObject){	
	var leftpos = 0;
	var toppos = 0;
	recursiveTag = document.getElementById(callingObject);
	
	if (document.getElementById(panelObject).style.visibility=="visible") {
		keepMenu();
	}
	
	//do {
		recursiveTag = recursiveTag.offsetParent;
		leftpos += recursiveTag.offsetLeft;
		toppos += recursiveTag.offsetTop;
		//alert(leftpos);
	//} while(recursiveTag.tagName!="BODY");
	
	leftpos = leftpos - 20;
	toppos = toppos + 20;
	
	document.getElementById(panelObject).style.left = leftpos + "px";
	document.getElementById(panelObject).style.top = toppos + "px";	
	
	panelWidth = parseInt(document.getElementById(panelObject).offsetWidth);
	coWidth = parseInt(document.getElementById(callingObject).offsetParent.offsetWidth);
	
	if (panelWidth < (coWidth+22)) {
		document.getElementById(panelObject).style.width = document.getElementById(callingObject).offsetParent.offsetWidth + 20 + "px";
	}
	
	document.getElementById(panelObject).style.zIndex = '999';
	
	document.getElementById(panelObject).style.visibility="visible";
}

var timer;

function hideMenu(id){
	document.getElementById(id).style.visibility = "hidden";
}

function requestHide(id) {
	document.getElementById(id).style.zIndex = '0';
    timer = setTimeout("hideMenu('" + id + "')", 100);
}

function keepMenu() {
	clearTimeout(timer);
}