var popCreateTime;

function promoPop()
{
	var promoLink;
    // get all a's in the document, loop through them 
	promoLink = document.getElementsByTagName('a');
	for(i=0;i<promoLink.length;i++)
	{
        //if the div has the class itemPromo, call the popPromo function to display the text
		if(/itemPromo/.test(promoLink[i].className)){
			promoLink[i].onclick=function(e) {
			    return CreateIFrame(e, this, this.href);
			}
		}
	}
	
	/********************************************************************* 
	    Remove the popup div if the user clicks on the body of the document 50 milliseconds after 
	    they clicked on the link to display the overlay
	*************************************************************************/
	document.body.onclick = function() {
	    n = document.getElementById('pb');
	    currentTime = new Date();
	    if (n && popCreateTime && popCreateTime+150 < currentTime.getTime())
	    {
	        n.parentNode.removeChild(n);
	        popCreateTime = null;
	    }
	}
}

function popPromo(o,ix,iy, link)
{
//create the popup div, an IFRAME, a "P" tag and an "A" tag
	var newdiv=document.createElement('DIV');
	var newIf=document.createElement('IFRAME');
	var newp=document.createElement('P');
	var newa=document.createElement('A');
	var e = window.event;
	var x=ix -18;
	var y=iy;

    // Bug 49541. Allows somebody to define a width for the overlay by specfying the class in this way: class='itemPromo_WIDTH'
	if (o.className)
	{
    	var className = o.className;
    	var classNameArray = className.split("_");
    	if (classNameArray[1])
    	{
    	   newdiv.style.width = classNameArray[1];
    	   newIf.style.width = classNameArray[1];
    	}
    }
	
	var userAgent = navigator.userAgent.toLowerCase();
	var isIE = (userAgent.indexOf('msie 5') != -1 || userAgent.indexOf('msie 6') != -1 || userAgent.indexOf('msie 7') != -1);
    var addtoy = 0;
    if (isIE)
    {
        if( document.body && document.body.scrollTop ) {
            //DOM compliant
            addtoy = document.body.scrollTop;
        } else if( document.documentElement && document.documentElement.scrollTop ) {
            //IE6 standards compliant mode
            addtoy = document.documentElement.scrollTop;
        }    
    }
        
	newIf.src=link;
	newIf.id='promoIf';
	newIf.scrolling = 'auto';
	newIf.frameBorder = '0';
	newa.href='#';
	newa.appendChild(document.createTextNode('Close'));
	newp.appendChild(newa);
	newdiv.id='pb';
	newdiv.className='promoBox';
	newdiv.appendChild(newIf);
	newdiv.appendChild(newp);
	document.body.appendChild(newdiv);
	newdiv.style.position='absolute';
	newdiv.style.left=x+'px';
	newdiv.style.top=y+addtoy+'px';
		
	newa.onclick = function(){newdiv.parentNode.removeChild(newdiv);};
	
	// Set popCreateTime to the time the popup div was created.
	currentTime = new Date();
	popCreateTime = currentTime.getTime();
	
	return false;
}


function CreateIFrame(e, thisObj, link){
    n=document.getElementById('pb');
    /*
    Find the mouse position onclick
    */

	var posx = 0;
	var posy =0;
	if (!e) e = window.event;
	if (e.pageX || e.pageY){
		posx = e.pageX;
		posy = e.pageY;
		//alert (posx);
	}
	else if (e.clientX || e.clientY){
		posx = e.clientX + document.body.scrollLeft + document.documentElement.scrollLeft;
		posy = e.clientY + document.body.scrollLeft + document.documentElement.scrollLeft;
		//alert (posy);
	}

    /* 
    Check if the popup div already exists. 
    If it does exist, remove it and launch the popPromo function otherwise, just launch the popPromo funciton.
    pass the properties for positioning
    
    */
	if(n){
		n.parentNode.removeChild(n);
		return popPromo(thisObj,posx,posy,link);
	}
	else {
		return popPromo(thisObj,posx,posy,link);
	}
}