﻿$(document).ready(function() {
    

    var checkUrlLightbox = window.location;
    $(".NLcloseButton").click(function() {
        $('#finalFix').fadeOut('slow', function() {
        
        });
        //$('#finalFix').css({"display": "none !important"});
        //alert("hi");
    });

    if (checkUrlLightbox.toString().indexOf("fieldValue") > -1) {
        $('#finalFix').fadeIn('slow', function() {
            // Animation complete
        });
        // $('#finalFix').css({ "display": "inline !important" });
    }
    //$('#black_overlay').fadeIn()(2000);

    //#black_overlay

    $("#tbEmail").click(function() {
        if (this.value == this.defaultValue) {
            this.value = '';
        }
    });
    $("#tbEmail").blur(function() {
        if (this.value == "") {
            this.value = "Enter email address";
        }
    });
    $("#tbEmail").keyup(function(event) {
        if (event.keyCode == 13) {
            $("#nlSubmit").click();
        }
    });

    $("#nlSubmit").click(function() {

        var currentUrl = window.location.pathname;
        var EmailVal = $('#tbEmail').val();
        var Validated = validateEmail(EmailVal);

        if (EmailVal != "") {
            if (Validated != null) {
                window.location.replace(currentUrl + '?fieldValue=' + EmailVal);
            } else {

                window.location.replace(currentUrl + '?fieldValue=' + "null+product");
            }
        } else {

            window.location.replace(currentUrl + '?fieldValue=' + "null+product");
        }


    });
    function validateEmail(email) {
        var re = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
        return email.match(re);
    }
    //$(document).pngFix();
    //$('ul.sf-menu').superfish();

    // alpha colour background changer
    $('.productColours .doHover').hover(function() {

        $(this).addClass('hover');
    }, function() {
        $(this).removeClass('hover');
    });

    $('.productColours .colourTrio').hover(function() {
        $('#defaultColourPalette').html(this.title);
    }, function() {
        $(this).removeClass('hover');
    });


    $('.colourTrios .colourTrioItem').click(function() {


        var paletteName = $(this)[0].title;
        $('.selected').removeClass('selected');
        $(this).addClass('selected');
        $.ajax({
            type: "POST",
            url: "/admin/json/GetProductPalette.aspx",
            data: "id_Product=" + $(this)[0].attributes['ProductId'].nodeValue + "&id_Palette=" + $(this)[0].attributes['PaletteId'].nodeValue,
            success: function(msg) {

                if (msg != "") {
                    if ($('.CurrentProduct').length > 0) {
                        $('.CurrentProduct')[0].src = "/resourcelib/" + msg;
                        $('#defaultColourPalette')[0].innerHTML = paletteName;
                    }
                }
            }
        });

    });

    if ($('.colourTrios .colourTrioItem .selected').length == 0) {
        if ($('.colourTrios .colourTrioItem').length > 0) {
            $('.colourTrios .colourTrioItem')[0].className = 'colourTrioItem selected';
            var data = "id_Product=" + $('.colourTrios .colourTrioItem')[0].attributes['ProductId'].nodeValue;

            if (querySt("id_Palette") != "") {
                data = data + "&id_Palette=" + querySt("id_Palette")
            }


            if (querySt("id_Palette") != "" && querySt("id_Palette") != "0") {
                $.ajax({
                    type: "POST",
                    url: "/admin/json/GetProductPalette.aspx",
                    data: data,
                    success: function(msg) {

                        if (msg != "") {
                            if ($('.CurrentProduct').length > 0) {
                                $('.CurrentProduct')[0].src = "/resourcelib/" + msg;
                                $('.selected').removeClass('selected');
                                $('#id_PaletteId_' + querySt("id_Palette")).addClass('selected');
                                $('#defaultColourPalette')[0].innerHTML = $('#id_PaletteId_' + querySt("id_Palette"))[0].title;
                            }
                        }
                    }
                });
            }
        }
    }

    $('.productColours .doHover').click(function() {



        $('.selected').removeClass('selected');
        $(this).addClass('selected');
        $(this).parent().next().next().css("background-color", $(this).css("background-color"));
        $(this).parent().next().html($(this).html());


        $.ajax({
            type: "POST",
            url: "/admin/json/GetProductPalette.aspx",
            data: "id_Product=" + $(this)[0].attributes['ProductId'].nodeValue + "&id_Palette=" + $(this)[0].attributes['PaletteId'].nodeValue,
            success: function(msg) {

                if (msg != "") {
                    if ($('.CurrentProduct').length > 0) {
                        $('.CurrentProduct')[0].src = "/resourcelib/" + msg;
                    }
                }
            }
        });


    });


    if ($('.productColours .doHover .selected').length == 0) {
        if ($('.productColours .doHover').length > 0) {
            $('.productColours .doHover')[0].className = 'doHover selected';


            if (querySt("id_Palette") != "" && querySt("id_Palette") != "0") {
                var data = "id_Product=" + $('.productColours .doHover')[0].attributes['ProductId'].nodeValue;

                if (querySt("id_Palette") != "") {
                    data = data + "&id_Palette=" + querySt("id_Palette")
                }

                $.ajax({
                    type: "POST",
                    url: "/admin/json/GetProductPalette.aspx",
                    //data: "id_Product=" + querySt("ID") + "&id_Palette=" + $('.productColours .doHover')[0].attributes['PaletteId'].nodeValue,
                    data: data,
                    success: function(msg) {

                        if (msg != "") {
                            if ($('.CurrentProduct').length > 0) {
                                $('.CurrentProduct')[0].src = "/resourcelib/" + msg;
                                $('.selected').removeClass('selected');
                                $('#id_PaletteId_' + querySt("id_Palette")).addClass('selected');

                                $('#colourPatch')[0].style.backgroundColor = $('#id_PaletteId_' + querySt("id_Palette"))[0].style.backgroundColor;
                                $('#defaultColourPalette')[0].innerHTML = $('#id_PaletteId_' + querySt("id_Palette"))[0].innerHTML;

                            }
                        }
                    }
                });
            }
        }
    }

});
      
      function querySt(ji) {
            hu = window.location.search.substring(1);
            gy = hu.split("&");
            for (i=0;i<gy.length;i++) {
                ft = gy[i].split("=");
                    if (ft[0] == ji) {
                    return ft[1];
                }
            }
            return "";
        }
