/* 
 * SmartCart - jQuery cart plugin 
 * Javascript File 
 * 
 * Home Pages:
 * http://fivelist.summerhost.info
 * http://tech-laboratory.blogspot.com
 * http://techlaboratory.wordpress.com
 *  
 * Date: 05-SEP-2009
 * Version: 0.95 beta
 */
(function ($) {

    $.fn.smartCart = function (options) {

        var defaults = {
            // Most Required Options - Element Selectors 
            itemSelector: '.scItemButton', // collection of buttons which add items to cart 
            cartListSelector: '#sc_cartlist', // element in which selected items are listed
            subTotalSelector: '#sc_subtotal', // element in which subtotal shows  
            messageBox: '#sc_message', // element in which messages are displayed	
            // Prefix Item Attribute Selector - Required
            itemNameSelectorPrefix: '#prod_name', // combination of this data and product/item id is used to get an element in product list with the item name (can be a div/span)
            itemQuantitySelectorPrefix: '#prod_qty', // for quantity ( should be a textbox/<select>)
            itemPriceSelectorPrefix: '#prod_price',  // for price (can be a div/span)
            itemImageSelectorPrefix: '#prod_image',  // for price (can be a div/span)
            // Text Labels
            removeLabel: '', 	// text for the "remove" link
            addedLabel: '1 prodotto aggiunto al carrello', // text to show message when an item is added
            removedLabel: '1 prodotto rimosso dal carrello', // text to show message when an item is removed
            emptyCartLabel: '<b>Il tuo carrello &egrave; vuoto!</b> Seleziona i prodotti dall&apos;elenco.', // text or empty cart (can be even html)
            // Css Classes
            selectClass: 'scProductSelect', // css class for the <select> element
            listClass: 'scULList', 				// css class for the list ($ol)
            listItemClass: 'scCartListItem', // css class for the <li> list items
            listItemLabelClass: 'scListItemLabel', // css class for the label text that in list items
            removeClass: 'scListItemRemove', 		// css class given to the "remove" link
            highlightClass: 'scHighlight', 			// css class given to the highlight <span>   
            // Other Options     	
            highlight: true					// toggle highlight effect to the added item
        };

        var options = $.extend(defaults, options);

        return this.each(function (index) {
            var scCartCont = $(this);  // a container that is wrapped around the cart
            var scItemList = $("select", scCartCont); // the hidden select element holds the selected product list
            var scItemAnchors = $(options.itemSelector); // "add to cart" buttons
            var scCartList = $(options.cartListSelector, scCartCont); //Cart list elemetn
            var scSubtotalDisp = $(options.subTotalSelector, scCartCont); //Subtotal display element
            var scMessageBox = $(options.messageBox); //Message display element
            var lastAddedItemId = 0;
            var $ol; 	// the list that we are manipulating

            function init() {
                $ol = $("<ul></ul>").addClass(options.listClass).attr('id', options.listClass);
                resetCartData();
                // Add Change Event
                scItemList.change(selectChangeEvent).addClass(options.selectClass);
                // "Add to cart" button event
                scItemAnchors.click(addCartItemEvent);
            }

            function addCartItemEvent(e) {

                var prodId = lastAddedItemId = $(this).attr('rel');
                var prodName = $(options.itemNameSelectorPrefix + prodId).html();
                var prodPrice = $(options.itemPriceSelectorPrefix + prodId).html();
                var prodQty = $(options.itemQuantitySelectorPrefix + prodId).val();
                var prodImg = $(options.itemImageSelectorPrefix + prodId).attr("src");
                if (prodQty == '') {
                    prodQty = 1;
                }
                if (prodId != null) {
                    //$.get('/Home/PopCarrello?prodotto=' + prodId + '|' + prodQty + '|' + prodPrice + '|' + prodImg);
                    $.post('/Home/PopCarrello?prodotto=' + prodId + '|' + prodQty + '|' + prodPrice + '|' + prodImg);
                }
                var $option = $("<option></option>").text(prodName).val(prodId + "|" + prodQty + "|" + prodPrice + "|" + prodImg).attr("selected", true);
                $(scItemList).append($option).change();
                $(options.itemQuantitySelectorPrefix + prodId).val('1');
                return false;
            }

            function resetCartData() {

                scItemList.children("option").each(function (n) {
                    var $t = $(this);

                    if (!$t.is(":selected")) { // make every entries in the <select> as selected
                        $t.attr('selected', true);
                    }
                    var tmpVal = $t.val().split('|');
                    if (!$t.attr('rel')) { // set the rel if not
                        $t.attr('rel', tmpVal[0]);
                    }
                    $t.attr('id', 'sc' + 'option' + n);
                    var id = $t.attr('id');

                    if ($t.html() == '') { // set the item name if not
                        var itemName = $(options.itemNameSelectorPrefix + tmpVal[0]).html();
                        $t.html(itemName);
                    }
                    // logic for grouping multiple item entries
                    var listRel = $t.attr('rel');
                    var listItems = scItemList.children("option[rel=" + $t.attr('rel') + "]");
                    if (listItems.length > 1) {
                        var mulPId = 0;
                        var mulQty = 0;
                        var mulPrice = 0;
                        var tmpOption = $t;
                        var itemImg = "";
                        listItems.each(function (n) {
                            var tmpRel = $(this, scItemList).attr('value');
                            var tmpRelVal = tmpRel.split('|');
                            mulPId = tmpRelVal[0];
                            mulQty = mulQty + (tmpRelVal[1] - 0);
                            mulPrice = tmpRelVal[2];
                            itemImg = tmpRelVal[3];
                        });
                        scItemList.children("option[rel=" + $t.attr('rel') + "]").remove();
                        $t.val(mulPId + "|" + mulQty + "|" + mulPrice + "|" + itemImg)
                        scItemList.append($t);
                    }
                });
                resetListItem();
                calcualteSubTotal();
            }
            function resetListItem() {
                // refresh the html list 
                $ol.html('');
                if (scItemList.children("option").length > 0) {
                    scItemList.children("option").each(function (n) {
                        var tmpOpt = $(this);
                        var $removeLink = $("<a></a>")
        					.attr("href", "#")
        					.addClass(options.removeClass)
        					.prepend(options.removeLabel)
        					.click(function () {
        					    dropListItem($(this).parent('li').attr('rel'));
        					    return false;
        					});
                        var itemVal = $(this, scItemList).val();
                        var tmp = itemVal.split('|');
                        var itemId = tmp[0];
                        var itemQty = tmp[1];
                        var itemPrice = tmp[2];
                        var itemImg = tmp[3];
                        //var itemPrice = $(options.itemPriceSelectorPrefix + itemId).html();
                        var itemTotal = itemPrice * itemQty;
                        var itemLink = "";
                        itemTotal = itemTotal.toFixed(2);
                        var itemText = "<table width='208px' valign='middle'><tr><td width='40px' valign='middle'><img src='" + itemImg
                                  + "&height=40'/></td><td width='94px' valign='middle'>" + tmpOpt.html()
                                  + "</td><td class='cart_item_quant' valign='middle'>" + itemQty +
                                 "</td><td class='cart_item_prezzo' width='50px' valign='middle'>&#8364; " + itemTotal +
                                 "</td></tr></table>";
                        var $itemLabel = $("<span></span>")
          					.addClass(options.listItemLabelClass)
          					.html(itemText);

                        var $item = $("<li></li>")
          					.attr('rel', itemId)
          					.addClass(options.listItemClass)
          					.append($itemLabel)
          					.append($removeLink)
          					.hide();
                        $ol.append($item);
                        $(options.cartListSelector, scCartCont).prepend($ol);
                        $item.show();
                    });
                    //$(options.cartListSelector).scrollTo($('li[rel=' + lastAddedItemId + ']', scCartCont));
                    if (options.highlight) {
                        $('li[rel=' + lastAddedItemId + ']', scCartCont).effect('highlight', {}, 2000);
                    }
                    lastAddedItemId = 0;
                } else {
                    // Cart is empty
                    $ol.html(options.emptyCartLabel);
                }

            }

            function selectChangeEvent(e) {
                $ol.empty();
                resetCartData();
                setHighlight(options.addedLabel);
            }

            function dropListItem(relId, highlightItem) {
                $item = $ol.children("li[rel=" + relId + "]");
                $item.remove();
                scItemList.children("option[rel=" + relId + "]").remove();
                scItemList.change();
                $.post('/Home/DelCarrello?idRemove=' + relId + '');
                setHighlight(options.removedLabel);
            }

            function calcualteSubTotal() {
                var subTotal = 0;
                scItemList.children("option").each(function (n) {
                    var $t = $(this);
                    var tmpVal = $t.val().split('|');
                    var itemId = tmpVal[0];
                    var itemQty = tmpVal[1];
                    var itemPrice = tmpVal[2];
                    //var itemPrice = $(options.itemPriceSelectorPrefix + itemId).html();
                    subTotal += itemPrice * itemQty;
                });
                subTotal = subTotal.toFixed(2);
                $(options.subTotalSelector).html(subTotal);
            }

            function setHighlight(label) {
                var $highlight = $(options.messageBox)
					.hide()
					.addClass(options.highlightClass)
					.html(label);

                $highlight.fadeIn("fast", function () {
                    setTimeout(function () { $highlight.fadeOut("slow"); }, 2000);
                });
            }

            // Initialize
            init();
        });
    };

})(jQuery);