var to = 0;
var mi = 0;

var imageName;
function setEnlargeImage(name){
    imageName = name;
}

function getEnlargeImage(){
    return imageName;
}

function openImage(){
    var iurl = document.ProductForm.iurl.value;
    var ico = document.ProductForm.ico.value;

    document.getElementById('activeImage').style.width = '858px';
    document.getElementById('activeImage').style.height = '858px';
    document.getElementById('imageContainer').style.height = '903px';
    document.getElementById('super').style.display = "block";
    document.getElementById('enlargeTitle').style.display = "block";

    var pageHeight = document.body.scrollHeight;
    document.getElementById('imageBackground').style.height = pageHeight + 'px';
    document.getElementById('imageBackground').style.opacity = 100;
    document.getElementById('imageBackground').style.MozOpacity = 100;
    document.getElementById('imageBackground').style.KhtmlOpacity = 100;
    document.getElementById('imageBackground').style.filter = "alpha(opacity=100)";
    document.getElementById('imageBackground').style.display = 'block';

//    var pageScroll = document.documentElement.scrollTop;
    document.getElementById('imageContainer').style.top = "5px";
    document.getElementById('imageContainer').style.width = "874px";
    document.getElementById('imageContainer').style.marginLeft = "-" + (874 / 2) + "px";
    document.getElementById('imageContainer').style.opacity = 100;
    document.getElementById('imageContainer').style.MozOpacity = 100;
    document.getElementById('imageContainer').style.KhtmlOpacity = 100;
    document.getElementById('imageContainer').style.filter = "alpha(opacity=100)";
    document.getElementById('imageContainer').style.display = 'block';

    document.getElementById('mainEnlargeImage').src = iurl + "/oncirrus/" + ico + "/images/product/super/" + imageName;

    changeBackgroundOpac(0, 'imageBackground', 50);
}

function changeBackgroundOpac(opacity, id, ms) {
    var object = document.getElementById(id).style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(opacity=" + opacity + ")";

    if(opacity < 50){
        setTimeout("changeBackgroundOpac(" + (opacity+30) + ",'" + id + "', " + ms + ")", ms);
    }else{
     	changeContainerOpac(0, 'imageContainer', 50);
    }
}

function changeContainerOpac(opacity, id, ms) {
    var object = document.getElementById('imageContainer').style;
    object.opacity = (opacity / 100);
    object.MozOpacity = (opacity / 100);
    object.KhtmlOpacity = (opacity / 100);
    object.filter = "alpha(" + opacity + ")";

    if(opacity < 100){
        setTimeout("changeContainerOpac(" + (opacity+30) + ",'" + id + "', " + ms + ")", ms);
    }else{
     	doOpenImage();
    }
}

function doOpenImage(){

    document.getElementById('activeImage').style.display = 'block';

    document.getElementById('imageClose').style.display = 'block';
    document.getElementById('enlargeTitle').style.display = 'block';

    changeImageOpac(0, 'activeImage', 10);
    changeImageOpac(0, 'imageClose', 10);
}

function changeImageOpac(opacity, id, ms) {
    if(document.getElementById(id)){
        var object = document.getElementById(id).style;
        object.opacity = (opacity / 100);
        object.MozOpacity = (opacity / 100);
        object.KhtmlOpacity = (opacity / 100);
        object.filter = "alpha(opacity=" + opacity + ")";

        if(opacity < 100)
            setTimeout("changeImageOpac(" + (opacity+30) + ",'" + id + "', " + ms + ")", ms);
    }
}

function showZoomImage(e){
    var tg = (window.event) ? e.srcElement : e.target;
    if(tg.id == 'mainTranImage'){
        var iurl = document.ProductForm.iurl.value;
        var ico = document.ProductForm.ico.value;

        document.getElementById('zoomSelect').style.display = 'block';
        document.getElementById('imageLocation').style.cursor = 'crosshair';

        document.getElementById('mainZoomImage').src = iurl + "/oncirrus/" + ico + "/images/product/zoom/" + imageName;
    }
}

function hideZoomImage(e){
    document.getElementById('zoomSelect').style.display = 'none';
    document.getElementById('imageLocation').style.cursor = 'normal';
}

function undoBackgroundOpac(opacity, id, ms) {
    if(document.getElementById(id)){
        var object = document.getElementById(id).style;
        object.opacity = (opacity / 100);
        object.MozOpacity = (opacity / 100);
        object.KhtmlOpacity = (opacity / 100);
        object.filter = "alpha(opacity=" + opacity + ")";

        if(opacity > 0)
            setTimeout("undoBackgroundOpac(" + (opacity-30) + ",'" + id + "', " + ms + ")", ms);
    }
}

function undoImageOpac(opacity, id, ms) {
    if(document.getElementById(id)){
        var object = document.getElementById(id).style;
        object.opacity = (opacity / 100);
        object.MozOpacity = (opacity / 100);
        object.KhtmlOpacity = (opacity / 100);
        object.filter = "alpha(opacity=" + opacity + ")";

        if(opacity > 0){
            setTimeout("undoImageOpac(" + (opacity-30) + ",'" + id + "', " + ms + ")", ms);
        }else{
            document.getElementById('imageBackground').style.display = 'none';
            document.getElementById('imageContainer').style.display = 'none';
            document.getElementById('enlargeTitle').style.display = 'none';
        }
    }
}

function closeImage(index, ms){

    undoBackgroundOpac(index, 'imageBackground', ms);
    undoImageOpac(0, 'activeImage', ms);
    undoImageOpac(100, 'imageClose', ms);
    undoImageOpac(100, 'imageContainer', ms);
    document.getElementById('activeImage').style.display = 'none';
    document.getElementById('imageClose').style.display = 'none';
    document.getElementById('enlargeTitle').style.display = 'none';
}