﻿
$(document).ready(function () {

    $('#logo').mouseover(function () { $(this).css("cursor", "pointer") });
    $('#logo').click(function () {
        window.location = '/';
        return false;
    });

    $('#footlogo').mouseover(function () { $(this).css("cursor", "pointer") });
    $('#footlogo').click(function () {
        window.location = '/';
        return false;
    });

    $(".carousel").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
        visible: 5,
        scroll: 1,
        auto: 3000,
        speed: 500
    });

    $(".popularcarousel").jCarouselLite({
        btnNext: ".popnext",
        btnPrev: ".popprev",
        visible: 5,
        scroll: 1,
        auto: 3000,
        speed: 500
    });

    $('p.pagination .select').mouseover(function () {
        $(this).find('span:first').show();
    }).mouseout(function () {
        $(this).find('span:first').hide();
    });

    $("div.catalogThumb").mouseover(function () {
        $(this).find('img:first').removeClass().addClass("thumb-on"),
        $(this).removeClass("div-off").addClass("div-on");
    }).mouseout(function () {
        $(this).find('img:first').removeClass().addClass("thumb-off"),
        $(this).removeClass("div-on").addClass("div-off");
    });

    $('div.catalogThumb').click(function () {
        window.location = $(this).find("a:first").attr("href");
        return false;
    });

    $("div.catalogThumbSm").mouseover(function () {
        $(this).find('img:first').removeClass().addClass("thumb-on"),
        $(this).removeClass("div-off").addClass("div-on");
    }).mouseout(function () {
        $(this).find('img:first').removeClass().addClass("thumb-off"),
        $(this).removeClass("div-on").addClass("div-off");
    });

    $('div.catalogThumbSm').click(function () {
        window.location = $(this).find("a:first").attr("href");
        return false;
    });

    $('#slider')
        .cycle({
            fx: 'fade',
            speed: 300,
            timeout: 4000,
            pager: '#slider_nav'
        });

    $('#slider div.promodisplay').click(function () {
        window.location = $(this).find("a").attr("href");
        return false;
    });

    $("#topnav li.topnav-off").mouseover(function () {
        $(this).removeClass().addClass("topnav-on");
    }).mouseout(function () {
        $(this).removeClass().addClass("topnav-off");
    });

    //Product Naviagtion Menu
    function mainmenu() {
        $("#nav ul").css({ display: "none" }); // Opera Fix
        $("#nav li").hover(function () {
            $(this).find('span.sub-indicator:first').removeClass("ui-tri-e-pos").addClass("ui-tri-e-neg"),
            $(this).find('ul:first').css({ visibility: "visible", display: "none" }).slideDown(400, function () { $(this).show(); });
        }, function () {
            $(this).find('span.sub-indicator:first').removeClass("ui-tri-e-neg").addClass("ui-tri-e-pos"),
            $(this).find('ul:first').css({ visibility: "hidden" });
        });
    }

    $(function () {
        mainmenu();
    });

    //Catalog Naviagtion Menu
    function catalogmenu() {
        $("#catnav ul").css({ display: "none" }); // Opera Fix
        $("#catnav li").hover(function () {
            $(this).find('span.sub-indicator:first').removeClass("ui-tri-e-pos").addClass("ui-tri-e-neg"),
            $(this).find('ul:first').css({ visibility: "visible", display: "none" }).slideDown(300, function () { $(this).show(); });
        }, function () {
            $(this).find('span.sub-indicator:first').removeClass("ui-tri-e-neg").addClass("ui-tri-e-pos"),
            $(this).find('ul:first').css({ visibility: "hidden" });
        });
    }

    $(function () {
        catalogmenu();
    });

    // Mini Cart
    $('#minicart').hide();
    var cartconfig = { sensitivity: 2, interval: 150, over: cartHoverOver, timeout: 150, out: cartHoverOut };
    $("#cartpreview").hoverIntent(cartconfig);
    function cartHoverOver() {
        $('#minicart').stop().slideDown(150, function () { $(this).show(); });
    }
    function cartHoverOut() {
        $('#minicart').stop().slideUp(150, function () { $(this).hide(); });
    }
    $(".plusbtn").mouseover(function () { $(this).css("cursor", "pointer") });
    $(".minusbtn").mouseover(function () { $(this).css("cursor", "pointer") });
    $(".closebtn").mouseover(function () { $(this).css("cursor", "pointer") });
    $(".closebtn").click(cartHoverOut);

    $('.continuebtn').hover(function () {
        $(this).removeClass('ui-btn-continue').addClass('ui-btn-continue-on');
    }, function () {
        $(this).removeClass('ui-btn-continue-on').addClass('ui-btn-continue');
    });

    $('.cartbtn').hover(function () {
        $(this).removeClass('ui-btn-viewcart').addClass('ui-btn-viewcart-on');
    }, function () {
        $(this).removeClass('ui-btn-viewcart-on').addClass('ui-btn-viewcart');
    });

    $('.checkoutbtn').hover(function () {
        $(this).removeClass('ui-btn-checkout').addClass('ui-btn-checkout-on');
    }, function () {
        $(this).removeClass('ui-btn-checkout-on').addClass('ui-btn-checkout');
    });

    //Remove Item from Mini Cart
    $("#minicartcontent a").click(function (e) {
        $.post($(this).parents("form").attr("action"),
                $(this).parents("form").serialize(),
                function (data) {
                    $("#minicartitems").html(data),
                    $('#minicartcontent').load('/cart/_minicartitems');
                });
        e.preventDefault();
    });

    //Catalog Menu Icons
    $('div.catmenu').click(function () {
        window.location = $(this).find("a:first").attr("href");
        return false;
    });

    $('#mnu1').hover(function () {
        $(this).removeClass('ui-mnu-1').addClass('ui-mnu-1-on');
    }, function () {
        $(this).removeClass('ui-mnu-1-on').addClass('ui-mnu-1');
    });

    $('#mnu2').hover(function () {
        $(this).removeClass('ui-mnu-2').addClass('ui-mnu-2-on');
    }, function () {
        $(this).removeClass('ui-mnu-2-on').addClass('ui-mnu-2');
    });

    $('#mnu3').hover(function () {
        $(this).removeClass('ui-mnu-3').addClass('ui-mnu-3-on');
    }, function () {
        $(this).removeClass('ui-mnu-3-on').addClass('ui-mnu-3');
    });

    $('#mnu4').hover(function () {
        $(this).removeClass('ui-mnu-4').addClass('ui-mnu-4-on');
    }, function () {
        $(this).removeClass('ui-mnu-4-on').addClass('ui-mnu-4');
    });

    //Product Page
    $('#productimages a').lightBox({
        overlayBgColor: '#ccc',
        overlayOpacity: 0.8,
        imageBlank: '/assets/images/common/blank.gif',
        imageLoading: '/assets/images/common/ajax-loader.gif',
        imageBtnClose: '/assets/images/common/lightbox-btn-close.gif',
        imageBtnPrev: '/assets/images/common/lightbox-btn-prev.gif',
        imageBtnNext: '/assets/images/common/lightbox-btn-next.gif'
    });

    //Product Page
    $('a.variantthumblink').lightBox({
        overlayBgColor: '#ccc',
        overlayOpacity: 0.8,
        imageBlank: '/assets/images/common/blank.gif',
        imageLoading: '/assets/images/common/ajax-loader.gif',
        imageBtnClose: '/assets/images/common/lightbox-btn-close.gif',
        imageBtnPrev: '/assets/images/common/lightbox-btn-prev.gif',
        imageBtnNext: '/assets/images/common/lightbox-btn-next.gif'
    });

    $('.cart').hover(function () {
        $(this).removeClass('ui-btn-addtocart').addClass('ui-btn-addtocart-on');
    }, function () {
        $(this).removeClass('ui-btn-addtocart-on').addClass('ui-btn-addtocart');
    });

    $('.detailbuy').hover(function () {
        $(this).removeClass('ui-btn-detail').addClass('ui-btn-detail-on');
    }, function () {
        $(this).removeClass('ui-btn-detail-on').addClass('ui-btn-detail');
    });

    $('.btn-member').hover(function () {
        $(this).removeClass('ui-btn-member').addClass('ui-btn-member-on');
    }, function () {
        $(this).removeClass('ui-btn-member-on').addClass('ui-btn-member');
    });

    $("input,textarea,select").focus(function () {
        $(this).parents('li').addClass("highlight");
    }).blur(function () {
        $(this).parents('li').removeClass("highlight");
    });

    $.fn.addItems = function (data) {
        return this.each(function () {
            var list = this;
            $.each(data, function (index, itemData) {
                var cost = itemData.ShipCost.toFixed(2);
                var option = new Option(itemData.ShipText + " -- $" + cost, itemData.ShipCode);
                list.add(option);
            });
        });
    };

    // $("#shipzip").change(function () {
    $('#ShipAddress_PostalCode').change(function () {
        $("#shipmethods").hide().empty();
        showLoader();
        $.getJSON("/cart/getshippingoptions",
            { a1: $('#ShipAddress_Address').val(),
                a2: $('#ShipAddress_Address2').val(),
                city: $('#ShipAddress_City').val(),
                st: $('#ShipAddress_State').val(),
                zip: $('#ShipAddress_PostalCode').val(),
                c: $('#ShipAddress_Country').val()
            },
            function (data) {

                var addfee = parseFloat($("#addval").text()); //get addfee
                var output = [];

                $.each(data, function (index, itemData) {
                    var cost = (itemData.ShipCost + addfee).toFixed(2); //display cost
                    output.push('<option value="' + itemData.ShipCode + '">' + itemData.ShipText + " -- $" + cost + '</option>');
                });
                $('#shipmethods').html(output.join(''));

                hideLoader();
                $('#shipmethods').show(); //show select

                var a = eval(data);
                var i = $('#shipmethods').get(0).selectedIndex;
                var c = a[i].ShipCost;

                $("#ordership").html(c + addfee).addClass("price").formatCurrency(); //display new shipping in summary
                $("#shipval").html(c); //update base shipping

                var v1 = parseFloat($("#subval").text()); //get subtotal
                var v2 = parseFloat(c); // get shiiping cost
                var v3 = parseFloat($("#taxval").text()); //get salestax

                $("#ordertot").html(v1 + v2 + v3 + addfee).formatCurrency(); //set total

                //update form
                $("#ShipAmount").val(c + addfee);
                $("#ShipMethod").val(a[i].ShipText);

                var p = "";
                var r = "";
                $.each(data, function (index, z) {
                    p = p + z.ShipCost + ",";
                    r = r + z.ShipText + ",";
                });
                $("#shipamts").val(p);
                $("#shiptypes").val(r);
            });
    });

    $('#shipmethods').change(function () {

        var addfee = parseFloat($("#addval").text()); //get addfeee

        var c = new Array();
        c = $("#shipamts").val().split(',');

        var t = new Array();
        t = $("#shiptypes").val().split(',');

        var i = $("#shipmethods").get(0).selectedIndex;

        $("#ordership").html(parseFloat(c[i]) + addfee).addClass("price").formatCurrency(); //display new shipping in summary
        $("#shipval").html(c[i]); //update base shipping

        var v1 = parseFloat($("#subval").text()); //get subtotal
        var v2 = parseFloat(c[i]);
        var v3 = parseFloat($("#taxval").text()); //get salestax

        $("#ordertot").html(v1 + v2 + v3 + addfee).formatCurrency(); //set total

        $("#ShipAmount").val(parseFloat(c[i]) + addfee);
        $("#ShipMethod").val(t[i]);

    });

    function sortprice(a, b) {
        return parseInt(a.ShipCost) - parseInt(b.ShipCost);
    };

    function showLoader() {
        $("#loading").show();
    };

    function hideLoader() {
        $("#loading").hide();
    };

    $('.btn-acct').hover(function () {
        $(this).removeClass('ui-btn-acct').addClass('ui-btn-acct-on');
    }, function () {
        $(this).removeClass('ui-btn-acct-on').addClass('ui-btn-acct');
    });

    $('.btn-signin').hover(function () {
        $(this).removeClass('ui-btn-signin').addClass('ui-btn-signin-on');
    }, function () {
        $(this).removeClass('ui-btn-signin-on').addClass('ui-btn-signin');
    });

    $('.btn-guest').hover(function () {
        $(this).removeClass('ui-btn-guest').addClass('ui-btn-guest-on');
    }, function () {
        $(this).removeClass('ui-btn-guest-on').addClass('ui-btn-guest');
    });

    $('.btn-bill').hover(function () {
        $(this).removeClass('ui-btn-bill').addClass('ui-btn-bill-on');
    }, function () {
        $(this).removeClass('ui-btn-bill-on').addClass('ui-btn-bill');
    });
    
});
