preload01 = new Image();
preload01.src = "images/tell-a-friend-over.png";
preload02 = new Image();
preload02.src = "images/add-to-cart-over.png";
preload03 = new Image();
preload03.src = "images/proceed-to-checkout-over.png";
preload04 = new Image();
preload04.src = "images/get-this-look-over.png";
preload05 = new Image();
preload05.src = "images/check_out-over.png";
preload06 = new Image();
preload06.src = "images/continue_shopping-over.png";
preload07 = new Image();
preload07.src = "images/proceed-over.png";
preload08 = new Image();
preload08.src = "images/go_back-over.png";
preload09 = new Image();
preload09.src = "images/remove-over.png";
preload10 = new Image();
preload10.src = "images/apply_now-over.png";

function captionToggleON(id) {
    for (i = 1; i < 5; i++) {
        document.getElementById("divCaption" + i).style.visibility = 'hidden';
    }
    document.getElementById("divCaption" + id).style.visibility = 'visible';
}

function captionToggleOFF() {
    for (i = 1; i < 5; i++) {
        document.getElementById("divCaption" + i).style.visibility = 'hidden';
    }
}

//This is will display the loader image while the actual image is loading
function flipImage(src, imagename) {
    document.getElementById("divLoad").style.display = "block";
    loadBig(imagename);
    var loader = new ImageLoader(src);

    loader.loadEvent = function(url, image) {
        document.getElementById("medium-image").src = "files/items/preview/" + imagename;
        document.getElementById("divLoad").style.display = "none";
    }
    loader.load();
}

//This function will flip the preview image with the thumbnail selected
function flipPreview(imagename) {
    flipImage("files/items/preview/" + imagename, imagename);
}

//This is will diplay the loader image while the actual image is loading
function flipLookImage(src, imagename) {
    document.getElementById("divLoad").style.display = "block";
    loadBigLook(imagename);
    var loader = new ImageLoader(src);

    loader.loadEvent = function(url, image) {
        document.getElementById("medium-image").src = "files/looks/preview/" + imagename;
        document.getElementById("divLoad").style.display = "none";
    }
    loader.load();
}

//This function will flip the preview image with the thumbnail selected
function flipLookPreview(imagename) {
    flipLookImage("files/looks/preview/" + imagename, imagename);
}

//Show the look preview over the items preview
function showLook(look, status) {
    if (status == "true") {
        document.getElementById("divLoad").style.display = "block";
        var loader = new ImageLoader("files/looks/preview/" + look);

        loader.loadEvent = function(url, image) {
            document.getElementById("divItemLookPreview").style.display = "block";
            document.getElementById("imgItemLookPreview").src = "files/looks/preview/" + look;
            document.getElementById("divLoad").style.display = "none";
        }
        loader.load();
    } else {
        document.getElementById("divItemLookPreview").style.display = "none";
        document.getElementById("imgItemLookPreview").src = "";
    }

}

//Check for the size selection
function checkSize() {
    if (document.getElementById("ctl00_ContentPlaceHolder1_ddlItemSizes").value == "0") {
        return false;
    }
    else {
        return true;
    }
}

//Show/Hide Cart Popup
function popupShowHide(i) {
    if (i == "1") {
        document.getElementById("ctl00_menu_summary_divSummary").style.display = "block";
    }
    else {
        document.getElementById("ctl00_menu_summary_divSummary").style.display = "none";
    }
}

//Show/Hide preview layer
function previewShowHide(i, j) {
    if (i == "1") {
        document.getElementById(j).style.display = "block";
    }
    else {
        document.getElementById(j).style.display = "none";
    }
}

//Check for the look items size selection
function checkLookSize() {
    var str = '';
    //read all the page elements

    var elem = document.getElementById("aspnetForm").elements;
    j = 0;
    //count how many tabs in the  the page elements
    for (var i = 0; i < elem.length; i++) {
        if (elem[i].name == 'lookckb') {
            j++;
        }
    }

    //loop the page elements, detect the "tabs" and make them close
    var result = false
    for (var i = 1; i < j + 1; i++) {
        z = "lookckb_" + i;
        if (document.getElementById(z).checked) {
            if (document.getElementById("ddl_" + document.getElementById(z).value).value == '0') {
                document.getElementById("divError" + document.getElementById(z).value).className = "paddingtop10 error"
                result = true
                }
            else {
                document.getElementById("ctl00_ContentPlaceHolder1_txtValues").value += document.getElementById(z).value + "," + document.getElementById("ddl_" + document.getElementById(z).value).value + "|"
                document.getElementById("divError" + document.getElementById(z).value).className = "paddingtop10 error hidden"
            }
        }
        else {
            document.getElementById("divError" + document.getElementById(z).value).className = "paddingtop10 error hidden"
        }
    }

    if (result == true) {
        document.getElementById("ctl00_ContentPlaceHolder1_txtValues").value = ""
    }

}

//Show popup layer
function showLayer(i) {
    document.getElementById(i).style.display = "block";
    document.getElementById("divGrey").style.display = "block";
}

//Close popup layer
function closeLayer(i) {
    document.getElementById(i).style.display = "none";
    document.getElementById("divGrey").style.display = "none";
}