window.onresize = setBtnJoinOffset;

var top;
var left;
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";
}

function btnJoinOut(){

	var divJoinMenu = document.getElementById("divJoinMenu");
	divJoinMenu.style.top = -100 + "px";
	divJoinMenu.style.left = -100 + "px";
	divJoinMenu.style.display = "none";
}
				
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){
	objThis.style.backgroundColor = "#6e4843";
}

function joinOut(objThis){	
	objThis.style.backgroundColor = "#b86a3c";
}

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 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>");
*/