var linkDescs, linkGroupContnr, linkGroup, linkDesStart="link_",linkDesEnd="_Desc",linkDesTopEnd="_Desc_Top",
	xPos=0,yPos=0;
linkDescs={//link descriptions and relative heights
				link_1_Desc:"Let us create a database-driven, secure website to sell and market your music online.",
				link_2_Desc:"Let us attract more customers to your service/business to generate more profit and popularity. ",
				link_3_Desc:"Let us create a custom software to manage tithes, membership statistics, set up an online church calendar, or let us design a custom website for your church to spread the gospel to the world.",
				link_4_Desc:"Let Zoe design a custom website for you to advertise your talent, or simply advertise with us and become more marketable.",
				link_5_Desc:"Reach a broader market through Zoe Developers or let us create a custom website to sell your artwork. You may also want to show off your portfolio online. Let Zoe do it for you.",
				link_6_Desc:"Let Zoe create a custom website to sell your foods or widen your customer base.",
				link_7_Desc:"Let Zoe redesign your website and improve your profitability, designability, and marketability.",
				link_8_Desc:"Zoe can develop a social network for you, so you can share the market with networks like Twitter, Facebook or MySpace."
				};

function storeMouseCoords(e){//store the coordinates to position the callout on each link
	if (!e) var e = window.event;
	if (e.pageX || e.pageY) 
	{
		xPos = e.pageX;
		yPos = e.pageY;
	}
	else if (e.clientX || e.clientY)
	{
		xPos=e.clientX;
		yPos=e.clientY;
	}
}



function showCallOut(lnk)//show callout describing a link
{
	itm='linkDescs.'+linkDesStart +(lnk) +linkDesEnd;
	callOut=document.getElementById('call-out');
	callOut.className=callOut.className.replace('invisible',' visible');
	document.getElementById('call-out-body').innerHTML=eval(itm)+"<br /><div center class=\"getstarted-btn\"><a href=\"http://www.securepaynet.net/hosting/website-builder.aspx?ci=1805&prog_id=zoedevelopers\" class=\"getStarted\">&nbsp;</a></div>";
	
	//callOut.style.top=yPos-eval(itmTop) +"px";
	//callOut.style.left=xPos-300 +"px";
}
	
function hideCallOut()
{
	callOut=document.getElementById('call-out');
	callOut.className=callOut.className.replace('visible',' invisible');
}


linkGroupContnr=document.getElementById('ad-links');
linkGroup=linkGroupContnr.getElementsByTagName('a');

whatWeDoContnr=document.getElementById('job-icons');
whatWeDoGroup=whatWeDoContnr.getElementsByTagName('li');

var sizes=new Array(13,22,16,23,10,25,13,26,9,17,16,23,12);//font-sizes to randomize links


for(p=0;p<linkGroup.length;p++)
{
	linkGroup[p].onclick=function(){this.blur();showCallOut(findThis(this));};
}

for(q=0;q<whatWeDoGroup.length;q++)
{
	whatWeDoGroup[q].style.backgroundPosition="0px -" + (q*51)+"px";
	
}
	
function findThis(This)//find the link in-hand
{
	for(i=0;i<linkGroup.length;i++)
		if(linkGroup[i]==This)return i+1;
}