/* Deck Roll Over */
var divName = 'mydiv'; 
var divName2 = 'mydiv2';  
var divName3 = 'mydiv3'; 

var offX = -40;         
var offY = -268;               
var offX2 = -35;         
var offY2 = -260;        

function mouseX(evt) {if (!evt) evt = window.event; if (evt.pageX) return evt.pageX; else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft); else return 0;}

function mouseY(evt) {if (!evt) evt = window.event; if (evt.pageY) return evt.pageY; else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return 0;}

function follow(evt) {if (document.getElementById) {
var obj = document.getElementById(divName).style; 
var obj2 = document.getElementById(divName2).style; 
obj.left = (parseInt(mouseX(evt))+offX) + 'px';
obj.top = (parseInt(mouseY(evt))+offY) + 'px';
obj2.left = (parseInt(mouseX(evt))+offX2) + 'px';
obj2.top = (parseInt(mouseY(evt))+offY2) + 'px';}}
document.onmousemove = follow;

function show(){
var obj = document.getElementById(divName).style; 
var obj2 = document.getElementById(divName2).style; 
obj.visibility = 'visible'; 
obj2.visibility = 'visible';
}

function hide(){
var obj = document.getElementById(divName).style; 
var obj2 = document.getElementById(divName2).style; 
obj.visibility = 'hidden'; 
obj2.visibility = 'hidden';
}

function change_img(img){
document['thumb'].src = img;
show();
}

function show_large(img){
var obj3 = document.getElementById(divName3).style; 
document['l_img'].src = img;
obj3.visibility = 'visible'; 
}

function hide_large(){
var obj3 = document.getElementById(divName3).style; 
obj3.visibility = 'hidden'; 
}