﻿
function showRelatedProductsLoad(obj, isLarge) {

  var grid = null;
  if (isLarge)
    grid = Element.extend(obj).up('.divLargeWindowCenter').down('.divProductGrid');
  else
    grid = Element.extend(obj).up('.divCenterWindowCenter').down('.divProductGrid');
    
  //var gridRow =
  $('relatedProductsLoad').setStyle({ height: grid.getHeight() + 'px' });
  grid.select('.divProductGridRow').invoke('hide');
  //gridRow.hide();
  $('relatedProductsLoad').show();
}


function showRelatedIdeasLoad(obj, isLarge) {

  var grid = null;
  if (isLarge)
    grid = Element.extend(obj).up('.divLargeWindowCenter').down('.divProductGrid');
  else
    grid = Element.extend(obj).up('.divCenterWindowCenter').down('.divProductGrid');
    
  var gridRow = grid.down('.divProductGridRow');

  $('relatedIdeasLoad').setStyle({ height: grid.getHeight() + 'px' });
  gridRow.hide();
  $('relatedIdeasLoad').show();
}

function addChecklistClick(obj) {
  obj = Element.extend(obj);
  var divChecklistResult = obj.up('.icons').down('.divChecklistResult');
  if (divChecklistResult != null)
    divChecklistResult.hide();
  $('divChecklistLoad').show();
}

function toggleImageSize(obj, originalCssClass, originalSizePath) {
    obj = Element.extend(obj);
    var tableObj = obj.up('table');
    if (tableObj.hasClassName('large')) {
        tableObj.removeClassName('large');
        tableObj.addClassName(originalCssClass);
        tableObj.next(0).removeClassName('large');
        tableObj.next(0).addClassName(originalCssClass);
        obj.src = obj.src.replace('/mega/', originalSizePath);
    }
    else {
        tableObj.removeClassName(originalCssClass);
        tableObj.addClassName('large');
        tableObj.next(0).removeClassName(originalCssClass);
        tableObj.next(0).addClassName('large');
        obj.src = obj.src.replace(originalSizePath, '/mega/');
    }
}

function toggleProductImageSize(obj) {
    obj = Element.extend(obj);
    var tableObj = obj.up('table');
    if (tableObj.hasClassName('tableProductMega')) {
        tableObj.removeClassName('tableProductMega');
        tableObj.addClassName('tableProductLarge');

        tableObj.next(0).removeClassName('textLarge');
        tableObj.next(0).addClassName('textSMall');
        obj.src = obj.src.replace('/mega/', '/large/');
    }
    else {
        tableObj.removeClassName('tableProductLarge');
        tableObj.addClassName('tableProductMega');
        tableObj.next(0).removeClassName('textSMall');
        tableObj.next(0).addClassName('textLarge');
        obj.src = obj.src.replace('/large/', '/mega/');
    }
}

function changePaymentOption(input) {

    $('paymentDiv').select("div.creditpopup").each(Element.hide);
    $('paymentDiv').select("div.creditsecure").each(Element.hide);
    $('paymentDiv').select("div.creditquickpay").each(Element.hide);
    $('paymentDiv').select("div.bank").each(Element.hide);
    $('paymentDiv').select("div.cod").each(Element.hide);
    $('paymentDiv').select("div.account").each(Element.hide);
    $('submitButtons').select('input').each(Element.hide);


    var paymentOption = input.value;

    switch (paymentOption) {
        case "1":
            $('paymentDiv').select("div.creditpopup").each(Element.show);
            $('paymentDiv').select("div.creditsecure").each(Element.show);
            $('paymentDiv').select("div.creditquickpay").each(Element.show);
            $('submitButtons').select('input.creditSubmit').each(Element.show);
            $('submitButtons').select('input.quickpaySubmit').each(Element.show);
            break;
        case "2":
            $('paymentDiv').select("div.bank").each(Element.show);
            $('submitButtons').select('input.bankSubmit').each(Element.show);
            break;
        case "3":
            $('paymentDiv').select("div.cod").each(Element.show);
            $('submitButtons').select('input.codSubmit').each(Element.show);
            break;
        case "4":
            $('paymentDiv').select("div.account").each(Element.show);
            $('submitButtons').select('input.accountSubmit').each(Element.show);
            break;
    }
}

function updateDeliveryCountry(obj) {
    obj = Element.extend(obj);
    $('deliveryCountry').innerHTML = obj.options[obj.selectedIndex].text;
}