function getOffsetTop(targ){
	ie?topOffset=targ.offsetParent.offsetTop+targ.offsetHeight:topOffset=targ.offsetTop+targ.offsetHeight;
	return topOffset;

}
function getOffsetAdd(targ,pos){
	if(ie){
																	//screen_5 buttons have a left margin set which doesnt get included in ie
	var margL=parseInt(targ.parentNode.currentStyle.marginLeft.substr(0,3));
		pos=='t'?add=138:pos=='b'?add=10:add=315+margL;//t= top row offest, b=bottom row offset, l=left offset
		if(navigator.userAgent.indexOf('MSIE 6')!=-1)
			pos=='t'?add=138:pos=='b'?add=10:add=315;//t= top row offest, b=bottom row offset, l=left offset
	}
	else
		pos=='t'?add=0:pos=='b'?add=-(targ.offsetHeight+8):add=0;
		
	return add;
}
function activatePopups(){
	var contentRight=document.getElementById('content_right');
	var homePopup=contentRight.getElementsByTagName('popup');
	var li=document.getElementsByTagName('li');
	var pointer=document.getElementById('pointer');
	var t=document.getElementById('tp');
	var b=document.getElementById('b');
	
	bCtr=0;
	for(i=0;i<li.length;i++){
		if(li[i].parentNode.className=='button'){
			li[i].num=bCtr;
			li[i].onmouseover=function(){
				if(navigator.userAgent.indexOf('MSIE 6')==-1)
					opacity(t.parentNode.id, 0, 100);
					
				t.style.display=b.style.display=pointer.style.display='block';
				document.getElementById('m_'+this.num).style.display='block';
				
				if(document.getElementById('m_'+this.num).childNodes[0].offsetHeight==16)
					document.getElementById('m_'+this.num).childNodes[0].style.padding='16px';
				else if(document.getElementById('m_'+this.num).childNodes[0].offsetHeight==32)
					document.getElementById('m_'+this.num).childNodes[0].style.padding='6px';
				
				
				
				leftPos=this.offsetLeft+(this.offsetWidth/2);
				pointer.style.left=leftPos+getOffsetAdd(this,'l')+'px';
				if(this.num<3){
					pointer.style.top=getOffsetTop(this)+getOffsetAdd(this,'t')+'px';
					pointer.style.backgroundImage='url(images/pointer_up.gif)';
				}
				else{
					pointer.style.top=getOffsetTop(this)+getOffsetAdd(this,'b')+'px';
					pointer.style.backgroundImage='url(images/pointer_dn.gif)';
				}
				for(ii=0;ii<homePopup.length;ii++){
					if(homePopup[ii].className=='m'){
						this.style.display='block';
					}
				}
			}
		bCtr++;
			li[i].onmouseout=function(){
			if(navigator.userAgent.indexOf('MSIE 6')==-1)
				opacity(t.parentNode.id, 1, 0, 1);
				t.style.display=b.style.display=pointer.style.display='none';
				document.getElementById('m_'+this.num).style.display='none';
			
			}
		}
	}
}
function addEvent(elm, evType, fn, useCapture){  //cross-browser event handling
var ie=false;
	if(elm.addEventListener){//firefox, safari, chrome, opera
		elm.addEventListener(evType, fn, useCapture);
		return true;
	}else if(elm.attachEvent){//ie
		ie=true;
		var r = elm.attachEvent('on' + evType, fn);
		return r;
	}else{
		elm['on' + evType] = fn;
	}
}
addEvent(window, 'load', activatePopups, false);