/// <reference path="jquery-1.3.2-vsdoc.js" /> // jQuery Intellisense

$(document).ready(function() {

    // *** SIFR (text replacement) ***
    //    if (typeof sIFR == "function") {
    //        sIFR.replaceElement("div#maincontainer div#proddetails div#proddata h2.productname", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#606060", sWmode: "transparent", sBgColor: "#ffffff" }));
    //        sIFR.replaceElement("div#maincontainer div#proddetails div#proddata .manufacturer", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#909090", sWmode: "transparent", sBgColor: "#ffffff" }));
    //        sIFR.replaceElement("div#search_popup .header h2", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#909090", sWmode: "transparent" }));
    //        sIFR.replaceElement("div#maincontainer div#maincontent h2.camp-header span", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#dddddd", sWmode: "transparent", sFlashVars: "textalign=right", sCase: "upper", sBgColor: "#333333" }));
    //        sIFR.replaceElement("div#maincontainer .camp-pre a", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#dddddd", sWmode: "transparent", sCase: "upper", sFlashVars: "textalign=right", sBgColor: "#333333" }));
    //        sIFR.replaceElement("div#maincontainer div#extra h2", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#606060", sWmode: "transparent", sBgColor: "#f1f1f1" }));
    //        sIFR.replaceElement("div#maincontainer h2", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#606060", sWmode: "transparent", sBgColor: "#ffffff" }));
    //        sIFR.replaceElement("div#maincontainer div#mainhead h2", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#606060", sWmode: "transparent", sBgColor: "#ffffff" }));
    //        sIFR.replaceElement("div#intro h1", named({ sFlashSrc: "/Common/Css/geosanslight.swf", sColor: "#606060", sWmode: "transparent", sBgColor: "#f1f1f1" }));
    //    };

    // Custom dropdowns
    $('.custom.dropdowncontainer').prepend(function() {
        return '<span class="dropdownsub"><span><span class="dropdowninner">' +
            $(this).children('select.dropdown').css({ 'opacity': '0' }).change(function() {
                $(this).prev('.dropdownsub').find('.dropdowninner').html($(this).children('option:selected').text());
            }).children('option:selected').text() + '</span></span></span>';
    });

    // Handle click anywhere on page (close dropdowns etc.)
    $(this).click(function(event) {
        hideDropDowns();
    });

    function hideDropDowns() {
        $('#support ul:visible').hide(); // support dropdown
        $('#countryselect ul:visible').hide(); // country dropdown
        $('#divisionmenu .quickselect .dropdowncontainer:visible').hide(); // quickselect dropdown
        $('.filtermanufacturer .dropdowncontainer:visible').removeClass('active'); // filter manufacturer dropdown
    };

    // FORM VALIDATION ( ref: http://encosia.com/2009/11/24/asp-net-webforms-validation-groups-with-jquery-validation/ )
    // Initialize validation on the entire ASP.NET form.
    $("form").validate({
        //errorPlacement: function(error, element) {
        //    error.appendTo(element.parent("div.rowinput").next("div.rowerror"));
        //},
        // This prevents validation from running on every
        //  form submission by default.
        onsubmit: false
    });

    // Search for controls marked with the causesValidation flag 
    //  that are contained anywhere within elements marked as 
    //  validationGroups, and wire their click event up.
    $('.validationgroup .causesvalidation').click(ValidateAndSubmit);

    // Select any input[type=text] elements within a validation group
    //  and attach keydown handlers to all of them.
    $('.validationgroup :text').keydown(function(evt) {
        // Only execute validation if the key pressed was enter.
        if (evt.keyCode == 13) {
            ValidateAndSubmit(evt);
        }
    });

    function ValidateAndSubmit(evt) {
        // Ascend from the button that triggered this click event 
        //  until we find a container element flagged with 
        //  .validationGroup and store a reference to that element.
        var $group = $(evt.currentTarget).parents('.validationgroup');

        var isValid = true;

        // Descending from that .validationGroup element, find any input
        //  elements within it, iterate over them, and run validation on 
        //  each of them.
        $group.find(':input').each(function(i, item) {
            if (!$(item).valid())
                isValid = false;
        });

        // If any fields failed validation, prevent the button's click 
        //  event from triggering form submission.
        if (!isValid)
            evt.preventDefault();
    }

    // Label inside input « Marc Watts Web Development:
    // http://www.marcwatts.com.au/web-development/label-inside-input.html
    (function($) { $.fn.extend({ labelToInput: function() { return this.each(function() { var id = $(this).attr('id'); $('label').each(function() { if ($(this).attr('for') == id) { $(this).css('display', 'none'); if ($('#' + id).val() == '') { $('#' + id).val($(this).html()); } } }); $(this).focus(function() { $('label').each(function() { if ($(this).attr('for') == id) { if ($(this).html() == $('#' + id).val()) { $('#' + id).val(''); } } }); }); $(this).blur(function() { var id = $(this).attr('id'); if ($(this).val() == '') { $('label').each(function() { if ($(this).attr('for') == id) { $('#' + id).val($(this).html()); } }); } }); }); } }); })(jQuery);

    // PRODUCTLIST
    $("a#selectedbrand").click(function(event) {
        event.preventDefault();
        if ($("div.brandscontainer:visible").length != 0)
            $("div.brandscontainer").hide();
        else
            $("div.brandscontainer").slideDown("fast");
    });

    // LOGIN 
    $('#simplelogin #loginheader').click(function(event) { $(this).toggle().siblings('#logincontrols').toggle() });
    $("#simplelogin label").inFieldLabels({ fadeOpacity: 0.1 });

    // NEWSLETTER
    $("#foot .newslettersignup label").inFieldLabels({ fadeOpacity: 0.1 });

    // COUNTRY SELECT
    $('#countryselect h2').click(function(event) {
        //hideDropDowns();
        $('#support ul:visible').hide(); // support dropdown    
        $(this).siblings('ul').show();
        event.stopPropagation();
    });

    // SUPPORT (dropdown)
    $('#support h2').click(function(event) {
        //hideDropDowns();
        $('#countryselect ul:visible').hide(); // country dropdown
        $(this).siblings('ul').show();
        event.stopPropagation();
    });

    // QUICKSELECT (dropdown)
    $('#divisionmenu .quickselect h2').click(function(event) {
        //hideDropDowns();
        $(this).siblings('.dropdowncontainer').toggle();
        event.stopPropagation();
    });

    // FILTER MANUFACTURER (dropdown)
    $('.filtermanufacturer .select').click(function(event) {
        
        $(this).siblings('.dropdowncontainer').toggleClass('active');
        
        event.preventDefault();
        event.stopPropagation();
    });

    // SHOW/HIDE CONTAINERS
    $(".showhidecontrol:hidden").show(); // show "Show/hide"-controller
    $(".showhide:visible").hide();
    $(".showhidecontrol a.hide:visible").hide();

    // reopen default show
    $(".showhidecontainer.show .showhide:hidden").show();
    $(".showhidecontainer.show .showhidewrapper a.hide:hidden").show();
    $(".showhidecontainer.show .showhidewrapper a.show:visible").hide();

    $("#orderdataextended span.submit").hide(); // hide "Search" button in "My orders"
    $(".showhidecontrol a").click(function(event) {
        var href = $(this).attr("href");
        if ($(this).attr("class") == "show") {
            $(href).slideDown("fast"); // show hidden container
            $("a.hide[href='" + href + "']").show(); // show hide control
        } else {
            $(href).slideUp("fast"); // hide visible container
            $("a.show[href='" + href + "']").show(); // show show control
        }
        $(this).hide(); // hide yourself
        event.preventDefault();
    });

    // CART
    $(".activatecode label").inFieldLabels({ fadeOpacity: 0.1 });

    // PRODUCT COLORS
    var str_orig = $("#proddetails .productgallery img").attr("src"); // store original product image

    /*
    Replace jquery selector with replacement image name
    */
    function swap_img(jq_original, str_replace) {
        var img = new Image();

        // wrap our new image in jQuery, then:
        $(img).load(function() { // once the image has loaded, execute this code
            $(this).css("opacity", "0"); // set the image transparent by default
            $(jq_original).replaceWith(this);
            $(this).animate({ opacity: 1.0 }, 500); // fade our image in to create a nice effect
        }).error(function() { // if there was an error loading the image, react accordingly
            // if there was an error loading the image, react accordingly
        }).attr('src', str_replace); // *finally*, set the src attribute of the new image to our image
    }

    $(".product-color").hover(function(event) {
        var str_replace = $(this).attr("src");
        var eos = str_replace.indexOf("_color");
        str_replace = str_replace.substring(0, eos) + "_1.jpg";

        if (str_replace !== str_orig)
            swap_img("#proddetails .productgallery img", str_replace);
    });

    $(".product-color").mouseout(function(event) {
        if ($("#proddetails .productgallery img").attr("src") !== str_orig)
            swap_img("#proddetails .productgallery img", str_orig);
    });

    $(".gallery-select .gallery-item a").click(function(event) {
        str_orig = $(this).attr("href");
        swap_img("#proddetails .productgallery img", str_orig);
        event.preventDefault();
        $(this).parents(".gallery-item").siblings(".gallery-item").children("a").removeClass("gallery-active");
        $(this).addClass("gallery-active");
        // set summary
        //alert($(this).parents(".gallery-items").children(".gallery-item").children().index(this)+1);
        var tmp_summary_text = gallery_summary_text.replace("{%SUM%}", $(this).parents(".gallery-items").children(".gallery-item").length);
        tmp_summary_text = tmp_summary_text.replace("{%CUR%}", $(this).parents(".gallery-items").children(".gallery-item").children().index(this) + 1);
        $(this).parents(".gallery-select").children(".gallery-summary").html(tmp_summary_text); //gallery_summary_text;
    });



});

// Uniqe radiobutton select in repeaters
function SetUniqueRadioButton(nameregex, current) {
    re = new RegExp(nameregex);
    for (i = 0; i < document.forms[0].elements.length; i++) {
        elm = document.forms[0].elements[i]
        if (elm.type == 'radio') {
            if (re.test(elm.name)) {
                elm.checked = false;
            }
        }
    }
    current.checked = true;
}