/* this function shows the pop-up when
 user moves the mouse over the link */
function Show(header, title, content, img, dimension_str)
{
    /* get the mouse left position */
    //x = event.clientX + document.body.scrollLeft;
    //x = event.clientX;
   //y = event.clientY;
    //y = document.body.clientHeight/4;
    
    /* get the mouse top position  */
    //y = event.clientY + document.body.scrollTop - 300;
    //y = event.clientY;
    /* display the pop-up */
    Popup.style.display="block";
    /* set the pop-up's left */
    popupleft = document.body.clientWidth / 2 -300;
    Popup.style.left = popupleft;
    //Popup.style.left = event.clientX;
    /* set the pop-up's top */
    Popup.style.top = document.body.scrollTop + 20;
    //Popup.style.top = event.clientY;
    
    document.getElementById('news_header').innerHTML = header;
    document.getElementById('news_title').innerHTML = title;
    document.getElementById('news_content').innerHTML = content;
    document.getElementById('news_img').innerHTML = "<br><img src='" + img + "' " + dimension_str +">";
    //document.getElementById('news_bottom').innerHTML = bottom;
    
    /* This is the black semi-transparent layer when mouse over */
    Pop.style.display="block";
    Pop.style.left = 0;
    Pop.style.top = 0;
    if (navigator.appName == "Microsoft Internet Explorer")
    {
    	imageheight = document.body.scrollTop + document.body.clientHeight + 100;
    	document.body.style.overflow = "hidden";
    	
    }
    else
    {
    	imageheight = document.body.offsetHeight;
    }
    document.getElementById('pop_img').height= imageheight;
    document.getElementById('pop_img').width= document.body.clientWidth;
    
}
/* this function hides the pop-up when
 user moves the mouse out of the link */
function Hide()
{
    /* hide the pop-up */
    Popup.style.display="none";
    if (navigator.appName == "Microsoft Internet Explorer")
    {
    	document.body.style.overflow = "auto";
    }
    Pop.style.display="none";
}