﻿

/*******************************************
Below cart features
*******************************************/

$(document).ready(function() {

    $('.gradatedBorder').hide();
    $('.arrowGradentBorder').hide();
    $('.arrowGradent').hide();

    $(window).load(function() {
        if ($('.gradatedBorder').length != 0)
            $('.gradatedBorder').fadeIn('slow');
        $('.arrowGradent').fadeIn('slow');
        $('.arrowGradentBorder').fadeIn('slow');
    });


//    $("form").submit(function() {
//        /*
//        $(".addBuyBoxContainer input[type=text]").unbind('keyup');
//        $('.addBuyBoxContainer a').unbind('click');
//        $('.addBuyBoxContainer a').click(function() {
//        return false;
//        });
//        */
//    });

    //Event handler when new textinput is given to update amount
    $(".addBuyBoxContainer input[type=text]").keyup(function(e) {

        if (e.keyCode == 8 || $(this).val().trim() == "")
            return false;

        var ref = $(this);

        if (!isNaN($(this).val().trim())) {
            setTimeout(function() { PauseSubmit(ref) }, 500);
        }

    });

    function PauseSubmit(ref) {
        ref.closest('.cartTableBody').find('.arrowGradentBorder').fadeOut('slow');
        ref.closest('.cartTableBody').find('.arrowGradent').fadeOut('slow');

        if (ref.closest('.cartTableBody').find('.gradatedBorder').length > 0)
        ref.closest('.cartTableBody').find('.gradatedBorder').fadeOut('slow', function() {
            ref.submitParentForm();
        });
        else
            ref.submitParentForm();

    }

    //Event handler when up/down arrow is clicked to update amount
    $(".addBuyBoxContainer a").click(function() {
        var inputName = $(this).attr('id').substring(0, $(this).attr('id').length - 1);
        var actionSelector = $(this).attr('id').substring($(this).attr('id').length - 1, $(this).attr('id').length);
        var boxValue = $('#' + inputName).val().trim()

        if (!isNaN(boxValue)) {
            if (actionSelector == "U") {
                $('#' + inputName).val(++boxValue);
            }

            if (actionSelector == "D" && boxValue > 0) {
                $('#' + inputName).val(--boxValue);
            }

            $(this).closest('.cartTableBody').find('.arrowGradentBorder').fadeOut('slow');
            $(this).closest('.cartTableBody').find('.arrowGradent').fadeOut('slow');

            if ($(this).closest('.cartTableBody').find('.gradatedBorder').length > 0)
                $(this).closest('.cartTableBody').find('.gradatedBorder').fadeOut('slow', function() {
                    // $(this).closest('.cartTableBody').find('td').removeClass('gradetTd');
                    $(this).submitParentForm();
                });
            else
                $(this).submitParentForm();

        }

    });

    //Event handler when new textinput is given to update amount
    $("a.addGradetLink").click(function() {

        var quantitybox = $(this).attr('id').substring(0, $(this).attr('id').indexOf("A=")) + "Quantity";
        var quantityToAdd = $(this).attr('id').substring($(this).attr('id').indexOf("A=") + 2);
        var currentQuantity = $('#' + quantitybox).val();
        var newQuantity = parseInt(currentQuantity) + parseInt(quantityToAdd);

        if (!isNaN(newQuantity)) {
            $('#' + quantitybox).val(newQuantity);
            $(this).parent().parent().parent().prev().fadeOut().prev().fadeOut();
            $(this).closest('.gradatedBorder').fadeOut('slow', function() {
                $(this).submitParentForm();
            });

        }
    });

    //Event handler for closing gradet
    $("a.gradetNoLink").click(function() {



        $(this).parent().parent().parent().prev().fadeOut().prev().fadeOut();

        $(this).closest('.gradatedBorder').fadeOut('slow', function() {
            $(this).closest('tr').find('td').removeClass('gradetTd')

        });


    });

});
