pic0 = new Image();
pic1 = new Image();
pic2 = new Image();
pic3 = new Image();
pic4 = new Image();
pic5 = new Image();
pic6 = new Image();
pic7 = new Image(); 

pic0.src=pics[0];
pic1.src=pics[1];
pic2.src=pics[2];
pic3.src=pics[3];
pic4.src=pics[4];
pic5.src=pics[5];
pic6.src=pics[6];
pic7.src=pics[7];

function XOffset()
{
var obj = document.getElementById('middle_image');
var left = obj.offsetLeft;
var top = obj.offsetTop;
var parent = obj.offsetParent;
var w = obj.offsetWidth;
var h = obj.offsetHeight;
while(parent && parent.tagName != "BODY")
{
   left += parent.offsetLeft;
   top += parent.offsetTop;
   parent = parent.offsetParent;
} 
return left;    
}

function mouseCoord(e)
{     
   if (!e) e = window.event;   
 
   if(e.layerX)
   {
        x = e.layerX;
        y = e.layerY; 
   }
   else if (e.pageX == null && e.clientX != null ) 
   { 
        var html = document.documentElement
        var body = document.body
 
        e.pageX = e.clientX + (html && html.scrollLeft || body && body.scrollLeft || 0) - (html.clientLeft || 0)
        e.pageY = e.clientY + (html && html.scrollTop || body && body.scrollTop || 0) - (html.clientTop || 0)
        
        x = e.pageX;          
        y = e.pageY         
   }
   else
   {
        x = e.pageX;          
        y = e.pageY 
   }       

 var xoffset;
 xoffset = XOffset();
 
 if(x>95+xoffset&&y>132&&x<285+xoffset&&y<356)
 {      
    document.getElementById('middle_image').src = pics[5];   
    document.getElementById('middle_image').style.cursor = "pointer";
    top.last_url = urls[5];
 }
 else if(x>24+xoffset&&y>430&&x<307+xoffset&&y<700)
 {
    document.getElementById('middle_image').src = pics[4];   
    document.getElementById('middle_image').style.cursor = "pointer";
    top.last_url = urls[4];
 } 
 else if(x>275+xoffset&&y>132&&x<468+xoffset&&y<284)
 {
    document.getElementById('middle_image').src = pics[6];
    document.getElementById('middle_image').style.cursor = "pointer";   
    top.last_url = urls[6];
 }  
 else if(x>472+xoffset&&y>418&&x<733+xoffset&&y<722)
 {
    document.getElementById('middle_image').src = pics[3];
    document.getElementById('middle_image').style.cursor = "pointer";   
    top.last_url = urls[3];
 }   
 else if(x>537+xoffset&&y>137&&x<743+xoffset&&y<405)
 {
    document.getElementById('middle_image').src = pics[2];
    document.getElementById('middle_image').style.cursor = "pointer";   
    top.last_url = urls[2];
 }  
 else if(x>755+xoffset&&y>137&&x<931+xoffset&&y<405)
 {
    document.getElementById('middle_image').src = pics[1];
    document.getElementById('middle_image').style.cursor = "pointer";   
    top.last_url = urls[1];
 }  
 else if(x>375+xoffset&&y>242&&x<559+xoffset&&y<500)
 {
    document.getElementById('middle_image').src = pics[7];
    document.getElementById('middle_image').style.cursor = "pointer";   
    top.last_url = urls[7];     
 }    
 else
 {
     document.getElementById('middle_image').src = pics[0];   
     document.getElementById('middle_image').style.cursor = "default";
     top.last_url = "";
 } 
}

function click_url()
{
    if(top.last_url!="") location.href = top.last_url;
}