// JavaScript Document
var mysheet=document.styleSheets[0]
var myrules=mysheet.cssRules? mysheet.cssRules: mysheet.rules
for (i=0; i < myrules.length; i++)
{
  if(myrules[i].selectorText.toLowerCase()=="#variantForms .variantForms")
  {
      targetrule=myrules[i];
      targetrule.style.position = "absolute; ";
      break;
  }
}


function customAnimate() {
var iObj = new Array();
var iflag = false
iObj = document.getElementById("variantImages").getElementsByTagName("img");
for (i=0;i<iObj.length; i++) 
    {
        iObj.item(i).onmouseover = switchOver;
        iObj.item(i).onclick = switchClick;
        iObj.item(i).onmouseout = switchBack;
    }
    
iObj = document.getElementById("variantForms").getElementsByTagName("div");
for (i=0;i<iObj.length; i++) {	   
	 if (iObj.item(i).className == "variantForms")
        {
        if (iflag) {iObj.item(i).style.display = "none";} else {iflag = true;}
        }	
	}
iObj.item(0).style.display = "block";
}
customAnimate();

function switchOver() {
var vID = this
var vIDp = this.parentNode;
vIDp.style.height = vID.offsetHeight + 'px';
vID.style.position = "absolute";
vID.style.width = "100px";
vID.style.marginLeft = "-25px";
vID.style.marginTop = "-25px";
vID.style.borderWidth = "2px";
vID.parentNode.style.zIndex = "10";


vIDp.className += " viiOver";
//vIDp.childNodes[1].style.bottom = (vID.offsetHeight * 0.75) + 'px';

var iObj = new Array();
iObj = document.getElementById("variantImages").getElementsByTagName("img");
for (i=0;i<iObj.length; i++) 
    {  
        if (iObj.item(i) != vID) 
        {
            iObj.item(i).style.width = "50px";
            iObj.item(i).style.position = "relative";
            iObj.item(i).style.margin = "0px";
            iObj.item(i).style.borderWidth = "0px";
            iObj.item(i).parentNode.style.zIndex = "1";
            iObj.item(i).parentNode.style.height = iObj.item(i).offsetHeight + 'px';
        }
    }  

}

function switchBack() {
var vID = this
vID.style.position = "relative";
vID.style.width = "50px";
vID.style.margin = "0px";
vID.style.borderWidth = "0px";
vID.parentNode.style.zIndex = "1";
vID.parentNode.className = vID.parentNode.className.replace(" viiOver", ""); 
}

function switchClick(){

        var iObj = new Array();
	    iObj = document.getElementsByTagName("div");
        for (i=0;i<iObj.length; i++) {  
            if (iObj.item(i).className == "variantForms")
                {       
                       iObj.item(i).style.display = "none";
                }  
        }
        
        var vID = "F"+this.getAttribute("id");
        vID =   document.getElementById(vID);
        vID.style.display = "block"; 

}