var TimeOut1;

var title = new Array();

function createDiv(id){
		var calLeer = document.getElementById('popup');
        if (!calLeer) {
            calLeer = document.createElement('div');
            calLeer.id = 'popup';
	    calLeer.style.zIndex = '100';
            document.getElementsByTagName('body')[0].appendChild(calLeer);
			//calLeer.style.visibility = 'hidden';	


        }				         								 						
		calLeer.innerHTML =getInnerHTML(id);
							
}


function getInnerHTML(id){



var text =  '<table border=0  height="200px" \><tr><td valign="bottom" align="left">';		 		 
text +='<table cellspacing="0" cellpadding="0" border="0">';
text +='<tr>';
text +='    <td><img src="/allpopup/c1.png" width="10" height="10" alt="" border="0" class="png"></td>';
text +='    <td background="/allpopup/bg1.gif"></td>';
text +='    <td><img src="/allpopup/c2.png" width="10" height="10" alt="" border="0" class="png"></td>';
text +='</tr>';
text +='<tr>';
text +='    <td background="/allpopup/bg2.gif"></td>';
text +='    <td bgcolor="#E8FFD2" style="padding:7 5 7 5px;">';
text +='<p id="t1">'+eval("title."+id+"[0]")+'</p>';
text +='<p id="t2">'+eval("title."+id+"[1]")+'</p>';
text +='<p id="t1">'+eval("title."+id+"[2]")+'</p>';
text +='<p id="t3">'+eval("title."+id+"[3]")+'</p>';
text +='	</td>';
text +='    <td background="/allpopup/bg3.gif"></td>';
text +='</tr>';
text +='<tr>';
text +='    <td><img src="/allpopup/c3.png" width="10" height="10" alt="" border="0" class="png"></td>';
text +='    <td align="left" background="/allpopup/bg4.gif"><img src="/allpopup/c5.png" width="38" height="10" alt="" border="0" class="png"></td>';
text +='    <td><img src="/allpopup/c4.png" width="10" height="10" alt="" border="0" class="png"></td>';
text +='</tr>';
text +='<tr>';
text +='    <td valign="top"><img src="/allpopup/c6.png" width="10" height="14" alt="" border="0" class="png"></td>';
text +='    <td valign="top" align="left"><img src="/allpopup/c7.png" width="36" height="16" alt="" border="0" class="png"></td>';
text +='    <td></td>';
text +='</tr>';
text +='</table>';
		 
text +='</td></tr></table>';
return text;
}


function showPopup(id,e){

createDiv(id);

if (document.all) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  } else {  // grab the x-y pos.s if browser is NS
  
    tempX = e.pageX;
    tempY = e.pageY;
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0;}
  if (tempY < 0){tempY = 0;} 
     
   m = document.getElementById('popup');
   m.style.left = tempX-23;
   m.style.top = tempY-205;
     
   m.style.visibility='visible';   

}


function hidePopup() {
try{
	m = document.getElementById('popup');    
   	m.style.visibility='hidden';			
}catch (e){}

}
/*
function hidePopupNow() {
TimeOut1=setTimeout("hidePopupNow()",500);
clearTimeout(TimeOut1);
	m = document.getElementById('popup');    
   	m.style.visibility='hidden';
}
*/

function moove(e){
try{

if (document.all) { // grab the x-y pos.s if browser is IE
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  } else {  // grab the x-y pos.s if browser is NS
  
    tempX = e.pageX;
    tempY = e.pageY;
  }  
  // catch possible negative values in NS4
  if (tempX < 0){tempX = 0;}
  if (tempY < 0){tempY = 0;} 
  
   m = document.getElementById('popup');      
   m.style.left = tempX-23;
   m.style.top = tempY-205;

    m.style.visibility='visible'; 

}catch (e){}

}