// need to modify this script to support dynamically generated
// radio controls..


function imageHover(element)
{
//code for image hovering
if(element == "img_1"){ document.getElementById(element).src = "/images/template/prodDetails_hover.gif"; }
if(element == "img_2"){ document.getElementById(element).src = "/images/template/vidDemo_hover.gif"; }
if(element == "img_3"){ document.getElementById(element).src = "/images/template/relateProd_hover.gif"; }
}

function imageBack(element)
{
//code for unsetting the hover
if(element == "img_1"){
//check if item is not the active page
if(document.getElementById(element).name != "active"){
document.getElementById(element).src = "/images/template/prodDetails.gif";
}
}
if(element == "img_2"){
//check if item is not the active page
if(document.getElementById(element).name != "active"){
document.getElementById(element).src = "/images/template/vidDemo.gif";
}
}
if(element == "img_3"){
//check if item is not the active page
if(document.getElementById(element).name != "active"){
document.getElementById(element).src = "/images/template/relateProd.gif";
}
}
}

function activate(element)
{
//set a variable ID's
var prodDetails = "img_1";
var vidDemo = "img_2";
var relateProd = "img_3";

if(element==prodDetails){
//remove video demo's active state
document.getElementById(vidDemo).name = "";
document.getElementById(vidDemo).src = "/images/template/vidDemo.gif";
//remove related products active state
document.getElementById(relateProd).name = "";
document.getElementById(relateProd).src = "/images/template/relateProd.gif";

document.getElementById(element).name = "active";
document.getElementById(element).src = "/images/template/prodDetails_hover.gif";
}
if(element==vidDemo){
//remove prodDetails active state
document.getElementById(prodDetails).name = "";
document.getElementById(prodDetails).src = "/images/template/prodDetails.gif";
//remove related products active state
document.getElementById(relateProd).name = "";
document.getElementById(relateProd).src = "/images/template/relateProd.gif";

document.getElementById(element).name = "active";
document.getElementById(element).src = "/images/template/vidDemo_hover.gif";
}
if(element==relateProd){
//remove video demo's active state
document.getElementById(vidDemo).name = "";
document.getElementById(vidDemo).src = "/images/template/vidDemo.gif";
//remove prodDetails active state
document.getElementById(prodDetails).name = "";
document.getElementById(prodDetails).src = "/images/template/prodDetails.gif";

document.getElementById(element).name = "active";
document.getElementById(element).src = "/images/template/relateProd_hover.gif";
}
}