//window.captureEvents(Event.RESIZE);
window.onresize = setBtnJoinOffset;

var top;
var left;
//var timerID = null;
//var isBtnJoinOver = false;

function btnJoinOver(){
					
	var divJoinMenu = document.getElementById("divJoinMenu");
	divJoinMenuTop = top + 18;
	divJoinMenuLeft = left + 5;
	divJoinMenu.style.top = divJoinMenuTop + "px";
	divJoinMenu.style.left = divJoinMenuLeft + "px";
	divJoinMenu.style.display = "block";
	
	//isBtnJoinOver = true;
}

function btnJoinOut(){

	var divJoinMenu = document.getElementById("divJoinMenu");
	divJoinMenu.style.top = -100 + "px";
	divJoinMenu.style.left = -100 + "px";
	divJoinMenu.style.display = "none";
	
	//isBtnJoinOver = false;
}
				
function setBtnJoinOffset(){

	//window.alert("setBtnJoinOffset");				
	top = 0;
	left = 0;
	var btnJoin = document.getElementById("btnJoin");
	if(btnJoin.offsetParent) {
		var parent = btnJoin.offsetParent;
	}else{
		var parent = document.body;
	}
					
	while(parent != document.body){
		//window.alert("parent: " + parent + " top: " + parent.offsetTop + " left: " + parent.offsetLeft);
		top += parent.offsetTop;
		left += parent.offsetLeft;
		parent = parent.offsetParent;
	}				
}


function joinOver(objThis){

	/*
	if(timerID != null){
		window.clearTimeout(timerID);
	}
	*/
	
	//var btnJoinArrow = document.getElementById("btnJoinArrow");
	//btnJoinArrow.src = "http://www.artanddesignonline.com/images/top_nav/btnJoinArrow_on.gif";
	//joinSelected.style.backgroundColor = "#6e4843";
	/*
	var divJoinMenuItem = null;
	var index = 1;
	for(var i=1; i<4; i++){
		
		divJoinMenuItem = document.getElementById("divJoinMenuItem_" + i);
		if(divJoinMenuItem == objThis){
			index = i;		
		}
	}
	
	var btnJoinArrow = document.getElementById("btnJoinArrow_" + index);
	btnJoinArrow.src = "http://www.artanddesignonline.com/images/top_nav/btnJoinArrow_on.gif";
	divJoinMenuItem = document.getElementById("divJoinMenuItem_" + index);
	divJoinMenuItem.style.backgroundColor = "#6e4843";
	
	var divJoinMenu = document.getElementById("divJoinMenu");
	divJoinMenu.style.display = "block";
	*/
	objThis.style.backgroundColor = "#6e4843";
	//objThis.style.display ="block";
}

function joinOut(objThis){

	//var btnJoinArrow = document.getElementById("btnJoinArrow");
	//btnJoinArrow.src = "http://www.artanddesignonline.com/images/common/spacer.gif";
	//joinSelected.style.backgroundColor = "#b86a3c";
	/*
	var divJoinMenuItem = null;
	var index = 1;
	for(var i=1; i<4; i++){
	
		divJoinMenuItem = document.getElementById("divJoinMenuItem_" + i);
		if(divJoinMenuItem == objThis){
			index = i;
		}
	}
	
	var btnJoinArrow = document.getElementById("btnJoinArrow_" + index);
	btnJoinArrow.src = "http://www.artanddesignonline.com/images/common/spacer.gif";
	divJoinMenuItem = document.getElementById("divJoinMenuItem_" + index);
	divJoinMenuItem.style.backgroundColor = "#b86a3c";
	*/
	//timerID = window.setTimeout("hideDropDown()", 2500);
	
	objThis.style.backgroundColor = "#b86a3c";
}

/*
function hideDropDown(){

	if(isBtnJoinOver != true){ // check if mouse is over the JOIN button
	
		window.clearTimeout(timerID);
		var divJoinMenu = document.getElementById("divJoinMenu");
		divJoinMenu.style.display = "none";
	}
}
*/

function openADMembership(){

	var isMember = window.confirm("Do you have an account with us?");
	if(isMember){  
		window.alert("You must login first");
		window.location.href = "https://www.artanddesignonline.com/Myaccount/myaccount_upgrade_step1.php";
	} 
	else{ 
		window.alert("Please join first and then upgrade from your account page");
		window.location.href = "https://www.artanddesignonline.com/join/step1.php";
	}				
}

//document.writeln("<div id='divJoinMenu' style='position: absolute; top: -100px; left: -100px; z-index: 10; display: none; border: 1px solid blue;'>");
document.writeln("<div class='divJoinMenu' id='divJoinMenu' onmouseover='btnJoinOver();' onmouseout='btnJoinOut();' >");
document.writeln("	<div class='divJoinMenuItem' onmouseover='joinOver(this);' onmouseout='joinOut(this);'><a href='javascript: void(0);' onclick='openADMembership();'><img class='imgArrow' src='http://www.artanddesignonline.com/images/top_nav/btnJoinArrow_on.gif' width='16' height='17' border='0' /><span class='labelMenuItem'>A&amp;D Member</span></a></div>");
document.writeln("	<div class='divJoinMenuItem' onmouseover='joinOver(this);' onmouseout='joinOut(this);'><a href='https://www.artanddesignonline.com/join/step1.php'><img class='imgArrow' src='http://www.artanddesignonline.com/images/top_nav/btnJoinArrow_on.gif' width='16' height='17' border='0' /><span class='labelMenuItem'>Free Listing</span></a></div>");
document.writeln("	<div class='divJoinMenuItem' onmouseover='joinOver(this);' onmouseout='joinOut(this);'><a href='https://www.artanddesignonline.com/join/visitor_step1.php'><img class='imgArrow' src='http://www.artanddesignonline.com/images/top_nav/btnJoinArrow_on.gif' width='16' height='17' border='0' /><span class='labelMenuItem'>Visitor</span></a></div>");
document.writeln("</div>");