// === PARAMO PRODUCT FUNCTIONS === //

// Eonic Ltd 2009 - Webesite Design and Development
var dpGarmentQuantity = 1;


var doAjax = 0;

$(document).ready(function () {

    // LISTENER FOR BESPOKE DISCOUNT, TO SELECT GARMENT
    if ($(".detail .selectFreeItem").exists()) {
        initialiseFreeItemDiscount();
    }



    // Make all developer links open in a new window

    $('#developerLink a').attr('target', '_blank');

    /*========================== PARAMO PARTNERS FUNCTIONS =====================================*/


    $('.modalPopUp').click(function (e) {
        e.preventDefault();

        var skuid = new String;
        skuid = $(this).parents('.list').find('.qtybox').attr('id');
        skuid = skuid.substr(4);
        var href = $(this).attr('href');

        var connector = new String;

        var features = 'toolbar=0,scrollbars=1,resize=1,location=0,menubar=0,width=800,height=560';
        var winName = 'GarmentDetail';
        if ($('#adminHeader').length > 0) {
            connector = '&';
        }
        else {
            connector = '?';
        }

        randomVar = Math.floor(Math.random() * 150);
        href = href + connector + 'modalDetail' + '=&forceNewRequest=' + randomVar + '&skuid=' + skuid;
        OpenWindow(href, winName, features);

    })

    // Quick fix to force all links in popup window to open in a new window
    $('#popUpMainTable a').attr('target', '_blank');


    $('input.searchbox').click(function () { this.value = '' });

    $('.imgswp').livequery('mouseover', function (event) {
        /*Note Id is in the following format 'skuid + '_' + position + '_' + color'*/

        var Id = new String;
        var garmentId = new String;
        var idArray = new Array();
        Id = $(this).attr('id');
        idArray = Id.split('_');
        garmentId = $(this).parents('.productContainer').attr('id');
        colorName = '#' + garmentId + ' .imagePlaceHolder .' + idArray[2];
        colorName = '#' + garmentId + ' .' + idArray[2];
        var colourImageShow = '#' + garmentId + ' .colourImageShow';
        $(colourImageShow).removeClass('colourImageShow').addClass('colourImageHide');
        $(colorName).addClass('colourImageShow');
        $(colorName).removeClass('colourImageHide');
    });

    $('a.stockIcon').livequery('click', function () {
        /*Note Id is in the following format 'skuid + '_' + position + '_' + color'*/
        var Id = new String;
        var idArray = new Array();
        Id = $(this).attr('id');
        idArray = Id.split('_');
        $('.qtybox').attr('id', 'qty_' + idArray[0]).attr('name', 'qty_' + idArray[0]);
        if ($(this).hasClass('zeroStock')) {
            return;
        }
        else {
            $(this).parents('form').submit();
        }
    });

    $('.garmentoptions').click(function (e) {
        /*Prevent browser navigating to link - COZ THAT'S WHY WE IZ AJAXIN!*/
        e.preventDefault();
        /*Set up variables*/
        var productId = new String;
        var queryString = new String;
        var parentContainer = new String;
        var hrefQuestionMark = new Number;
        var pageIdPosition = new Number;
        var imagePlaceHolder = new String;
        var connector = new String;
        if ($(this).is('.admin')) {
            connector = '&';
        }
        else {
            connector = '?';
        }

        /*console.log('connector ' + connector);*/


        productId = $(this).attr('id');
        productId = productId.substr(3);
        href = $(this).attr('href');

        parentContainer = '#' + $(this).parents('div.productContainer').attr('id');
        //create selector
        currentAvailabilityTable = '#' + $(this).parents('div.productContainer').attr('id') + ' .productAvailability table';

        imagePlaceHolder = '#imagePlaceHolder_' + productId;

        if ($(this).hasClass('hideoptions')) {

            //delete current options table
            $(currentAvailabilityTable).fadeOut('normal');

            $(imagePlaceHolder).children('div').slideUp('normal');

            $(this).removeClass('hideoptions').text('Show Size & Colours');
            $(parentContainer + ' .column2 .lightbox:first img').slideDown('slow');
        }
        else {

            //Hide thumbnail image
            $(parentContainer + ' .column2 .lightbox:first img').slideUp('normal');


            if ($(currentAvailabilityTable).is(':hidden')) {
                $(currentAvailabilityTable).fadeIn('slow');
                $(imagePlaceHolder).children('div').slideDown('normal');
            } else {
                getavailabilityTable(productId, 'getAvailabilityTable', parentContainer, href, connector);
                getProductImages(productId, 'getProductImages', href, connector);
            }
            $(this).addClass('hideoptions').text('Hide Size & Colours');
        }




    });


    /*=====================================================================================*/




    /*========================== PARAMO PARTNERS AJAX CALLS =====================================*/


    function getavailabilityTable(productId, queryString1, parentContainer, href, connector) {

        ajaxSelector = parentContainer + ' .productAvailability';
        randomVar = Math.floor(Math.random() * 150);
        href = href + connector + queryString1 + '=&forceNewRequest=' + randomVar
        //alert(href);

        $(ajaxSelector).html('<div class="loadingLine"><img src="/images/layout/ajax-loader.gif" width="32" height="32" alt="Loading Ajax Content" title="Loading Ajax Content"/></div>');
        $(ajaxSelector).load(href);
    }

    function fadeInOptions(ajaxSelector) {
        $(ajaxSelector).show('slow');
    }


    function getProductImages(productId, queryString2, href, connector) {
        imagePlaceHolder = '#imagePlaceHolder_' + productId
        randomVar = Math.floor(Math.random() * 150);
        href = href + connector + queryString2 + '=&forceNewRequest=' + randomVar

        $(imagePlaceHolder).html('<div class="loadingLine"><img src="/images/layout/ajax-loader.gif" width="32" height="32" alt="Loading Ajax Content" title="Loading Ajax Content"/></div>');

        //Load new content and then reinistialise lightbox on the call back function.
        $(imagePlaceHolder).load(href, function () {
            $('a.lightbox').lightbox();
        });
    }

    $('a.lightbox').lightbox();


    $(function () {
        $("#viewer").imageScroller({
            next: "btn1",
            prev: "btn2",
            frame: "viewerFrame",
            width: 100,
            child: "a",
            auto: false
        });
    });

    //Swatch click function
    $(".swatchPanel a").click(function () {
        var chosenColor = $(this).attr('id');
        chosenColor = chosenColor.substring(12);
        var chosenImage = '#ColourImage_' + chosenColor;

        //Remove activeSwatch class from all swatches
        $(".swatchPanel a").each(function () { $(this).removeClass('activeSwatch') });
        $(".swatchPanel p").each(function () { $(this).removeClass('activeSwatch') });
        //Add activeSwatch class to clicked swatch
        $(this).addClass('activeSwatch');
        //Add activeSwatch class to swatch colour name text.
        $(this).next().addClass('activeSwatch');


        //Check to see if there are is a corresponding garment image available before swapping garment image
        if ($(chosenImage).length > 0) {
            $(".colourImageShow").each(function () {
                $(this).removeClass('colourImageShow')
                $(this).addClass('colourImageHide')
            });
            $(chosenImage).addClass('colourImageShow');
        }


        //Build options list ID	
        var swatchOptionsId = '#options_' + chosenColor;

        // Hide all open dropdown lists
        $('.swatchOptionsOpen').each(function () {
            $(this).removeClass('swatchOptionsOpen');
            $(this).addClass('swatchOptionsClosed');
        });

        // Display corresponding dropdown list to clicked swatch
        $(swatchOptionsId).removeClass('swatchOptionsClosed');
        $(swatchOptionsId).addClass('swatchOptionsOpen');

        // reset First price to show as default
        var swatchOptionsPrices = swatchOptionsId + ' .showGarmentPrice';
        var swatchOptionsFirstPrice = swatchOptionsId + ' span:first';

        $(swatchOptionsPrices).each(function () {
            $(this).addClass('hideGarmentPrice');
            $(this).removeClass('showGarmentPrice');
        });

        $(swatchOptionsFirstPrice).addClass('showGarmentPrice');
        $(swatchOptionsFirstPrice).removeClass('hideGarmentPrice');

        $(swatchOptionsFirstPrice).addClass('showGarmentPrice');


        // reset dropdownlists
        $('select').each(function () {
            $(this)[0].selectedIndex = 0;
        });

        // Stock check on first selected SKU to enable/disable cart button Cart Button
        /*var firstStockValue = $("#" + swatchOptionsId + " select :selected").attr('class').substring(6);
        if (firstStockValue == 0) {
            document.getElementById('cartAdd').setAttribute('disabled', 'disabled');
            $('#cartAdd').addClass('disabled');
        } else {
            document.getElementById('cartAdd').removeAttribute('disabled', 'disabled');
            $('#cartAdd').removeClass('disabled');
        }



        // GET ID OF NEW SELECTED COLOUR - Change Qty Buttons
        var newQuantityValue = 'qty_' + $('.swatchOptionsOpen select').val();
        $('#cartDetailLeft .qtybox').attr("id", newQuantityValue);
        $('#cartDetailLeft .qtybox').attr("name", newQuantityValue);
        */
        // Disable page refresh from click on 'A' link
        return false;
    });

    $('.ajaxoptions').each(function () {
        var randomVar = Math.floor(Math.random() * 150);
        var href = $(this).attr('rel');
        href = href + '?getProductOptions' + '=&forceNewRequest=' + randomVar
        var ajaxSelector = $(this).attr('id');
        //ajaxSelector = ajaxSelector.split('_')[1];
        $(this).html('<img src="/images/layout/kit-ajax-loader.gif" width="43" height="11" alt="Loading Ajax Content" title="Loading Ajax Content"/>');
        /**/

        $(this).load(href, function () {
            mySelector = '#' + ajaxSelector + ' select option';
            $(mySelector).each(function (index) {
                if (index == 1) {
                    var garmentId = $(this).val();
                    garmentId = 'qty_' + garmentId;
                    $(this).parents('div').next('.columnB').find('label').attr('for', garmentId);
                    $(this).parents('div').next('.columnB').find('.qtybox').attr('id', garmentId).attr('name', garmentId);
                }
            });

        });
    })


    $('.columnA select').livequery('change', function () {
        var garmentId = $(this).val();
        garmentId = 'qty_' + garmentId;
        priceBriefTableId = '#skuPrice_' + $(this).val();
        $(this).parents('div').next('.columnB').find('label').attr('for', garmentId);
        $(this).parents('div').next('.columnB').find('.qtybox').attr('id', garmentId).attr('name', garmentId);
        $(this).parent('div').find('div').hide();
        $(priceBriefTableId).show();
    });

});



function showForm(formId,oButton){
    document.getElementById(formId).className = 'reviewFormShow';
    oButton.style.display = 'none';
}


/* ON CHANGE OF DISCOUNT PRODUCT SKU SELECTION */
function dpUpdateSelectedSKU(skuSelect,garmentId){
	var selectedSKUId = $('#' + skuSelect).val();
	var newSelectedQTY = 'qty_' + selectedSKUId;
	var garmentQTY = '.gqty_' + garmentId;
	if (selectedSKUId == '') {
		$(garmentQTY).removeAttr('value');
		$(garmentQTY).removeAttr('id');
		$(garmentQTY).removeAttr('name');
	} else if ($('#discountProducts' + garmentId).is(':checked')){
		$(garmentQTY).attr('id', newSelectedQTY);
		$(garmentQTY).attr('name', newSelectedQTY);
		$(garmentQTY).attr('value', dpGarmentQuantity);
	}
}

/* ON CART FORM SUBMISSION - CHECK SELECTED FREE ITEM */
function checkDiscountSelection(formId, containerID) {

	var bCartValid = false;

	if ($(containerID + ' #dp-SKUVariants' + formId).val() > 0) {
		bCartValid = true;
	} 	
	if (!bCartValid){
		alert('Please choose your accompaning product');
		$(containerID + ' #dp-SKUVariants' + formId).focus();
	}
	return bCartValid;
}







/* Change Cart Values */
function changeCartValues(selectedGarmentId) {

    // change selected
    $(".selectFreeItem .selected").each(function () {
        $(this).removeClass('selected');
        $(this).find('.dgSelector').removeAttr('checked');
    });
    $("input#discountProducts" + selectedGarmentId).parents(".garment").addClass('selected');
    $("input#discountProducts" + selectedGarmentId).attr('checked','checked'); 


	$('.dgValue').each(function(){
		$(this).removeAttr('value');
		$(this).removeAttr('id');
		$(this).removeAttr('name');
	});
	var nIsValue = $('#dp-SKUVariants' + selectedGarmentId).val();
	if (nIsValue > 0){
		var garmentQTY = '.gqty_' + selectedGarmentId;
		var newSelectedQTY = 'qty_' + nIsValue;
		$(garmentQTY).attr('id', newSelectedQTY);
		$(garmentQTY).attr('name', newSelectedQTY);
		$(garmentQTY).attr('value', dpGarmentQuantity);
    }
}


function equalHeight(group) {
    tallest = 0;
    group.each(function() {
        thisHeight = $(this).height();
        if (thisHeight > tallest) {
            tallest = thisHeight;
        }
    });
    group.height(tallest);
}

$(document).ready(function() {


    equalHeight($(".Site #product_brief_2_col_listing .garment"));


});


function initialiseFreeItemDiscount() {  

    // listenf or add to cart button click.
    $("form.discountedOfferItem #cartAdd").click(function (clicky) {
        clicky.preventDefault();

        // getSKUID
        var formId = $(this).parents('form').attr('id');
        skuId = formId.substring(formId.indexOf('-') + 1);

        $('#selectFreeItem-' + skuId).modal({
            opacity: '70',
            overlayClose: true
        });
        var containerID = "#" + $(".simplemodal-data").attr('id');
        var seperatorPos = containerID.indexOf('-');
        var parentPurchaseId = containerID.substring(seperatorPos + 1);

        $("input#addFreeItem").click(function () {


            var selectedGarmentId = $(containerID + " .dgSelector:checked").val();

            canSubmit = checkDiscountSelection(selectedGarmentId, containerID);

            // if correct, add Values to Cart Submit form and submit it.
            if (canSubmit) {
                var freeItemId = $(containerID + ' #dp-SKUVariants' + selectedGarmentId).val();


                // insert new values to cart button
                $("form#addToCart-" + parentPurchaseId).append('<input type="hidden" name="cartAdd" value="Add" />');
                $("form#addToCart-" + parentPurchaseId).append('<input type="hidden" name="qty_' + freeItemId + '" value="1" />');
                //$.modal.close();

                $(containerID + " #addFreeItem").val('Please wait...');
                $(containerID + " #addFreeItem").attr('disabled', 'disabled');
                $("form#addToCart-" + parentPurchaseId).submit();

            }
        });

        // if user doesn't want discounted item.
        if ($("input#noAddItem").exists()) {
            $("input#noAddItem").click(function () {
                $(containerID + " #noAddItem").val('Please wait...');
                $(containerID + " #noAddItem").attr('disabled', 'disabled');
                $("form#addToCart-" + parentPurchaseId).append('<input type="hidden" name="cartAdd" value="Add" />');
                $("form#addToCart-" + parentPurchaseId).submit();
            });
        }


    });
    
}