/* 
 * SmartCart - jQuery cart plugin 
 * Javascript File 
 
 * addapted bij matthijs@kadijk.com for aPerfectCMS.com ...
 
 * 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)
          itemAttrSelectorPrefix: '.prod_att_choice_select_',  // should be a select ...
          
          // Text Labels
    			removeLabel: 'regel verwijderen',		// title text for the "remove" link
    			short_removeLabel: 'x',		// short text for the "remove" link
          
    			addedLabel: 'bestelling aangepast',	// text to show message when an item is added
    			removedLabel: 'bestelling aangepast',	// text to show message when an item is removed
    			emptyCartLabel: '<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>je Fwinkelmandje is leeg</b> Kies het aantal te bestellen kaarten om ze in het winkelmandje te plaatsen',	// 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 = $("<tbody></body>").addClass(options.listClass).attr('id', options.listClass);
				  //$ol = $("");
				  resetCartData();
				  // Add Change Event
				  scItemList.change(selectChangeEvent).addClass(options.selectClass);
          // "Add to cart" button event
				  scItemAnchors.change(addCartItemEvent); 
			}
			
			function addCartItemEvent(e) {
          var prodId   = lastAddedItemId = $(this).attr('rel');
  				var prodName = $(options.itemNameSelectorPrefix+prodId).html();          
  				var prodQty  = $(options.itemQuantitySelectorPrefix+prodId).val();
  				// need to cal price changes due to selected options !
          var price_delta = 0.0;
          var selected_attr_str = "";
          
          $(options.itemAttrSelectorPrefix+prodId).each(function(n) {
            val_atts = $(this).val().split(',');
            val_att_key = $(this).attr('name')
            if(val_atts.length > 1){
              val_name = val_atts[0];
              val_price_delta = val_atts[1]-0.0; // make it a number ...
              selected_attr_str += '|' + val_att_key + '=' + val_name;
              price_delta += val_price_delta;
            }
          });
          
          base_price = $(options.itemPriceSelectorPrefix+prodId).attr('base_price')-0.0;
          new_price = base_price + price_delta;
          $(options.itemPriceSelectorPrefix+prodId).html(new_price);
          
  				if(prodQty == ''){
  				  prodQty = 1;
  				}
  				if(prodQty == 0){
  				  dropListItem(prodId);
  				} else {
            var $option = $("<option></option>").text(prodName).val(prodId+"|"+prodQty+selected_attr_str).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 tmpOption = $t;
            var tmpRelVal = [];
            listItems.each(function(n) {
                var tmpRel = $(this,scItemList).attr('value');
                tmpRelVal = tmpRel.split('|');
                mulPId = tmpRelVal[0];
                // mulQty = mulQty + (tmpRelVal[1]-0);
                // the last entered quantity overrides the previous ones !
                mulQty = (tmpRelVal[1]-0);
            });
            scItemList.children("option[rel=" + $t.attr('rel') + "]").remove();
            tmpRelVal[1] = mulQty;
            // reconstruct the option value str ...
            new_val_str = tmpRelVal[0];
            for( i in tmpRelVal ){
              if( i > 0 ) {
                new_val_str += '|'+ tmpRelVal[i];
              }
            }
            $t.val(new_val_str);
            //$t.val(mulPId+"|"+mulQty);
            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 itemVal = $(this,scItemList).val();
                  var tmp = itemVal.split('|');
                  var itemId = tmp[0];
                  var itemQty = tmp[1];
                  var itemPrice =  $(options.itemPriceSelectorPrefix+itemId).html();
                  var itemTotal = itemPrice*itemQty;
                  itemTotal = itemTotal.toFixed(2);
                  var itemText = "<td>"+tmpOpt.html()+"</td><td width='70px'>"+itemQty+
                                 "</td><td width='130px' align='right'>"+itemTotal+"</td>";
          				
                  // var $itemLabel = $("<span></span>")
                  //  .addClass(options.listItemLabelClass)
                  //  .html(itemText); 

          				var $removeLink = $("<a></a>")
          					.attr("href", "#")
          					.attr("title", options.removeLabel)
          					.addClass(options.removeClass)
                    .prepend(options.short_removeLabel)
          					.click(function() { 
          						var prodId  = $(this).parent('td').parent('tr').attr('rel');
          						dropListItem(prodId);
          						// reset the selector to zero !
          						$(options.itemQuantitySelectorPrefix+prodId).val('0');
          						return false; 
          					});
          				if(itemId == 'ADMIN'){
          				  $removeLink = $("<td></td>");
          				}
          				var $item = $("<tr></tr>").html(itemText)
          					.attr('rel', itemId)
          					.addClass(options.listItemClass)
//          					.append($itemLabel)
          					.append( $('<td></td>').append($removeLink) )
          					.hide();

                  
          				$ol.prepend($item); // MK: make sure the ADMIN cost stays the latest in the cart ...
          				$(options.cartListSelector,scCartCont).prepend($ol);
          				$item.show();
            });
            $(options.cartListSelector).scrollTo($('tr[rel='+lastAddedItemId+']',scCartCont));
            if(options.highlight){
              $('tr[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();
				setHighlight(options.removedLabel);
			}
			
      function calcualteSubTotal() {
        var subTotal = 0;
        var itemCount = 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 =  $(options.itemPriceSelectorPrefix+itemId).html();
            subTotal += itemPrice*itemQty;
            itemCount += 1;
				}); 
				subTotal = subTotal.toFixed(2);
				$(options.subTotalSelector).html(subTotal);
				// enable / disable the submit button on the correct item count ...
				if(itemCount > 1){
				  $('#BtnNext').removeAttr("disabled"); 
				} else {
				  $('#BtnNext').attr("disabled","disabled");
				}
			}

      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);