// JScript File

var cX = 0;
var cY = 0;
var rX = 0;
var rY = 0;

function UpdateCursorPosition(e)
{ 
    cX = e.pageX; 
    cY = e.pageY;
}
function UpdateCursorPositionDocAll(e)
{ 
    cX = event.clientX; 
    cY = event.clientY;
}

if(document.all) 
{ 
    document.onmousemove = UpdateCursorPositionDocAll;
}
else
{ 
    document.onmousemove = UpdateCursorPosition;
}

function GetPosition(d) {
    if(self.pageYOffset) {
        rX = self.pageXOffset;
        rY = self.pageYOffset;
        }
    else if(document.documentElement && document.documentElement.scrollTop) {
        rX = document.documentElement.scrollLeft;
        rY = document.documentElement.scrollTop;
        }
    else if(document.body) {
        rX = document.body.scrollLeft;
        rY = document.body.scrollTop;
        }
    if(document.all) {
        cX += rX; 
        cY += rY;
        }
    d.style.left = (cX+10) + "px";
    d.style.top = (cY+10) + "px";
}
function GetLargePosition(d) {
    if(self.pageYOffset) {
        rX = self.pageXOffset;
        rY = self.pageYOffset;
        }
    else if(document.documentElement && document.documentElement.scrollTop) {
        rX = document.documentElement.scrollLeft;
        rY = document.documentElement.scrollTop;
        }
    else if(document.body) {
        rX = document.body.scrollLeft;
        rY = document.body.scrollTop;
        }
    if(document.all) {
        cX += rX; 
        cY += rY;
        }
    d.style.left = (cX) + "px";
    d.style.top = (cY-300) + "px";
}

function GetLargeProductPosition(d) {
    if(self.pageYOffset) {
        rX = self.pageXOffset;
        rY = self.pageYOffset;
        }
    else if(document.documentElement && document.documentElement.scrollTop) {
        rX = document.documentElement.scrollLeft;
        rY = document.documentElement.scrollTop;
        }
    else if(document.body) {
        rX = document.body.scrollLeft;
        rY = document.body.scrollTop;
        }
    if(document.all) {
        cX += rX; 
        cY += rY;
        }
    d.style.left = (cX-50) + "px";
    d.style.top = (cY-50) + "px";
}

function LoadMediumPicture(MediumImageURL,LargeImageURL,ProductID)
{
    document.getElementById("medium_picture").src = "images/products/medium/00000_medium.jpg"
    document.getElementById("large_picture").src = "images/products/large/00000_large.jpg"
    document.getElementById("medium_picture").src = MediumImageURL;
    document.getElementById("large_picture").src = LargeImageURL;
    var mediumpicdiv = document.getElementById("display_medium_picture");
    GetPosition(mediumpicdiv);
    ToggleMediumDisplay();
}

function DisplayInfo(infodiv) {
    var thediv = document.getElementById(infodiv);
    GetPosition(thediv);
    if (thediv.style.display != "block") {
        thediv.style.display = "block";
    }
    else {
        thediv.style.display = "none";
    }
}

function ToggleMediumDisplay()
{
    var meddiv = document.getElementById("display_medium_picture");
    if(meddiv.style.display != "block")
    { 
        meddiv.style.display = "block";
    }
    else 
    {
        meddiv.style.display = "none";
        document.getElementById("medium_picture").src = "images/products/medium/00000_medium.jpg";
    }
}
function ToggleLargeDisplay(x)
{
    var largediv = document.getElementById("display_large_picture");
    GetLargePosition(largediv);
    if(largediv.style.display != "block")
    {
        largediv.style.display = "block";
    }
    else
    {
        largediv.style.display = "none";
    }
}

function LoadPrimaryPicture(imgdiv, imgurl)
{
    document.getElementById(imgdiv).src = imgurl;
}

function SetFSImg(imgdiv, imgurl) {
    document.getElementById(imgdiv).fsimg = imgurl;
}

function LoadLargePicture(LargeImageURL) {
    document.getElementById("large_picture").src = LargeImageURL;
    var largepicdiv = document.getElementById("display_large_picture");
    GetLargeProductPosition(largepicdiv);
    if(largepicdiv.style.display != "block")
    {
        largepicdiv.style.display = "block";
    }
    else
    {
        largepicdiv.style.display = "none";
    }
}


function ToggleMoreDisplay(itemcss,itemlink)
{
    var global = getCSSItem(itemcss);
    var morelink = document.getElementById(itemlink)
    if (global.style.display == 'none')
    {
        global.style.display = 'block';
        morelink.innerHTML = '« close »';
    }
    else
    {
        global.style.display = 'none';
        morelink.innerHTML = '« more »';
    }
}


function getCSSItem(itemName) {
if (document.styleSheets) {
    for (var x=0; x<document.styleSheets.length; x++) { 
        var styleSheet=document.styleSheets[x];
        var y=0;
        var cssItem=false;
        do {
            if (styleSheet.cssRules) {
                cssItem = styleSheet.cssRules[y];
            } else {
                cssItem = styleSheet.rules[y];
            }
            if (cssItem)  {
                if (cssItem.selectorText==itemName) {
                    return cssItem;
                }
            }
            y++;
        } while (cssItem) 
    }
}
return false;
}