var message = "Copyright van de plaatjes ligt bij Snoekshop. \nVoor vragen mail naar info@snoekshop.nl";
function clickIE4() {
    if (event.button == 2) {
        alert(message);
        return false;
    }
}
function clickNS4(e) {
    if (document.layers || document.getElementById && !document.all) {
        if (e.which == 2 || e.which == 3) {
            alert(message);
            return false;
        }
    }
}
if (document.layers) {
    document.captureEvents(Event.MOUSEDOWN);
    document.onmousedown = clickNS4;
} else if (document.all && !document.getElementById) {
    document.onmousedown = clickIE4;
}
document.oncontextmenu = new Function("alert(message);return false")

function submitForm(formId) {
    document.forms[id].submit();
}

function ShowHide(elemId) {
    var element = document.getElementById(elemId);
    if (element) {
        var divstyle = "";
        divstyle = document.getElementById(elemId).style.visibility;
        if (divstyle.toLowerCase() == "visible" || divstyle == "") {
            document.getElementById(elemId).style.visibility = "hidden";
            document.getElementById(elemId).style.display = "none";
        }
        else {
            document.getElementById(elemId).style.visibility = "visible";
            document.getElementById(elemId).style.display = "block";
        }
    }
}

function ShowBigImage(productId) {

    var smallImage = document.getElementById('smallImage_' + productId);
    if (smallImage) {
        var leftTop = findPos(smallImage);
        smallleft = leftTop[0];
        smalltop = leftTop[1];

        var bigImage = document.getElementById('bigImage_' + productId);
        if (bigImage != null) {
            bigImage.style.display = "block";
            bigImage.style.left = smallleft - (200 + bigImage.offsetWidth) + "px";
            bigImage.style.top = (smalltop - bigImage.offsetHeight) + "px";

        }
    }
}

function findPos(obj) {
    var curleft = curtop = 0;
    if (obj.offsetParent) {
        curleft = obj.offsetLeft
        curtop = obj.offsetTop
        while (obj = obj.offsetParent) {
            curleft += obj.offsetLeft
            curtop += obj.offsetTop
        }
    }
    return [curleft, curtop];
}

function HideBigImage(productId) {
    var smallImage = document.getElementById('smallImage_' + productId);
    if (smallImage) {
        var bigImage = document.getElementById('bigImage_' + productId);
        if (bigImage != null) {
            //bigImage.parentNode.removeChild(bigImage);
            bigImage.style.display = "none";
        }
    }
}

var fadeEffect = function () {
    return {
        init: function (elem, flag, target) {
            this.elem = elem;
            clearInterval(this.elem.si);
            this.target = target ? target : flag ? 100 : 0;
            this.flag = flag || -1;
            this.alpha = this.elem.style.opacity ? parseFloat(this.elem.style.opacity) * 100 : 0;
            this.si = setInterval(function () { fadeEffect.tween() }, 100);
        },
        tween: function () {
            if (this.alpha == this.target) {
                clearInterval(this.elem.si);
            } else {
                var value = Math.round(this.alpha + ((this.target - this.alpha) * .05)) + (1 * this.flag);
                this.elem.style.opacity = value / 100;
                this.elem.style.filter = 'alpha(opacity=' + value + ')';
                this.alpha = value
            }
        }
    }
} ();