function swapDetail(elem, id) {
    var thumbs = elem.parentNode.getElementsByTagName("A");
    for (var i = 0; i < thumbs.length; i++) {
        thumbs[i].className = thumbs[i].className.replace(new RegExp("active\\b"), "");
    }
    elem.className += " active";
    var target_url = elem.parentNode.getElementsByTagName("A")[(id-1)].children[0].href;
    
    //get_object('largeimage').src = get_object('largeimage').src.replace(/_\d/, "_" + id);
    if (id < 10) {
        id = "0" + id;
    }
    get_object('ctl00_ContentPlaceHolderMain_largeimage').src = target_url.replace("103", "333");
    get_object('ctl00_ContentPlaceHolderMain_imagexxl').href = target_url.replace("103", "450");
}

var mouseX;
var mouseY;

document.onmousemove = function(e) {
    if (!e) e = window.event;
    mouseX = e.pageX ? e.pageX : e.clientX;
    mouseY = e.pageY ? e.pageY : e.clientY;

    if (typeof (window.innerWidth) == 'number') {
        outerWidth = window.innerWidth;
    } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) {
        outerWidth = document.documentElement.clientWidth;
    } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) {
        outerWidth = document.body.clientWidth;
    }

    innerWidth = 938;    
    
    offset = Math.round((outerWidth - innerWidth) / 2);
    middle = (innerWidth / 2) + offset;
    if (mouseX < middle) {
        mouseX += 5;
    } else {
    //mouseX -= 5 + 356;
    mouseX -= 405;
    }
    //mouseY += 5;
    if (mouseY < 400) {
        mouseY += 5;
    } else {
        mouseY -= 280;
    }


    if (getDisplay() == "block") {
        moveLargerImage();
    }
}

/****************************************************************
*   wb 01.12.2009
**/

function getDisplay() {
    var result = "none";
    if (document.layers) {
        result = get_object("largeView").id.style.display;
    } else if (document.all) {
        result = (get_object("largeView") ? get_object("largeView").style : null);
        if (result) {
            result = result.display;
        }
    } else if (document.getElementById) {
        result = get_object("largeView").style.display;
    }
    return result == "" ? "none" : result;
}

/**********************
*   wb 01.12.2009
**/
function get_object(id) {
    var object = null;
    if (document.layers) {
        object = document.layers[id];
    } else if (document.all) {
        object = document.all[id];
    } else if (document.getElementById) {
        object = document.getElementById(id);
    }
    return object;
}
/**********************/


function showLargerImage(imageID) {
    var largeDiv = get_object("largeView");
    var largeImage = largeDiv.getElementsByTagName("img")[0];
    largeImage.src = imageID;
    largeDiv.style.display = "block";
    largeDiv.style.left = mouseX + "px";
    largeDiv.style.top = mouseY + "px";
}

function moveLargerImage(imageID) {
    var largeDiv = get_object("largeView");
    largeDiv.style.left = mouseX + "px";
    largeDiv.style.top = mouseY + "px";
}

function hideLargerImage() {
    get_object("largeView").style.display = "none";
}

function showDialog() {
    document.getElementById("overlay").style.display = "block";
    document.getElementById("dialog").style.display = "block";
}

function closeDialog() {
    document.getElementById("overlay").style.display = "none";
    document.getElementById("dialog").style.display = "none";
}

function toggleVeil(elem) {
    var li = elem.parentNode;
    if (li.className == "unveiled") {
        li.className = "";
    } else {
        li.className = "unveiled";
    }
}
function showProductInfo(elem) {
    div = elem.getElementsByTagName("div")[0];
    div.style.display = "block";
}

function hideProductInfo(elem) {
    div = elem.getElementsByTagName("div")[0];
    div.style.display = "none";
}


function showContact() {
    document.getElementById("overlay").style.display = "block";
    document.getElementById("contact").style.display = "block";
}

function closeContact() {
    document.getElementById("overlay").style.display = "none";
    document.getElementById("contact").style.display = "none";
}

function showStore(which) {
    get_object('filial_img').src = "images/" + which + ".jpg";
}