function displayQuickLook(id, owner) {
//  var quicklook = document.getElementById('quick_view_container');
  var quicklook = document.getElementById(id);
  quicklook.style.display= 'block'; 
  quicklook.style.top = owner.offsetTop + 60;
  quicklook.style.left = owner.offsetLeft;
}
function hideQuickLook(id) {
//  var quicklook = document.getElementById('quick_view_container');
  var quicklook = document.getElementById(id);
  quicklook.style.display= 'none';
}



function replaceImage(smallImage, mediumImage, largeImage) {
    if (document.getElementById('small_image') != null)
        document.getElementById('small_image').src = smallImage;
    if (document.getElementById('medium_image') != null)
        document.getElementById('medium_image').src = mediumImage;
    if (document.getElementById('large_image') != null)
        document.getElementById('large_image').src = largeImage;
}

function updateColorDescription(newDescription) {
    if (document.getElementById('colorDescription') != null)
        document.getElementById('colorDescription').innerHTML = newDescription;
}



function validateSize() {
    if (document.getElementById('addToCartForm:sku').value == '') {
        document.getElementById('sizeErrorMessage').style.display = 'block';
        return false;
    } else
        return true;
}

function selectSize(skuValue, skuNumber) {
    document.getElementById('sizeErrorMessage').style.display = 'none';
    // document.getElementById('selectedSku').innerHTML = skuValue;
    document.getElementById('addToCartForm:sku').value = skuNumber;

    selectSku(skuNumber);
}
function selectKidSize(skuValue, skuNumber, orginialPrice, discountedPrice) {
    selectSize(skuValue, skuNumber);
    if(document.getElementById('effectivePrice') != null)
        document.getElementById('effectivePrice').innerHTML = "$" + orginialPrice;
    if(document.getElementById('modifiedPrice') != null)
        document.getElementById('modifiedPrice').innerHTML = "$" + discountedPrice;
}
function skus() {
    this.skus = new Array();

    this.addSku = function (skuSize) {
        this.skus[this.skus.length] = skuSize;
    };
}
function selectSku(skuNumber) {
    for (i = 0; i < skuThumbs.skus.length; i ++) {
        var sku = skuThumbs.skus[i];
        var skuHtmlEl = document.getElementById(sku);
        if (sku == skuNumber) {
            skuHtmlEl.className = 'sku_selected_thumbnail';
        } else {
            skuHtmlEl.className = 'sku_thumbnail';
        }
    }
}
var skuThumbs = new skus ();