$(document).ready(function(){
	
	load_ShoppingCart();
	
	$('.dvAddCart').live('click', function(){
		var CartOrder = $.cookie('cartorder');
		var CartSelected = $(this).attr('cartselect');
		var productid = $(this).attr('productid');
		
  	if ((CartOrder == "") || (CartOrder == null)) {
   		$.cookie('cartorder',  CartSelected); // New Item
  	} else {
			CartOrder = CartOrder.split(";");
			FoundItem = false;
			CartTemp = ""; patten = "";
			for (i = 0; i <= CartOrder.length-1; i++) {
		    CartItem = CartOrder[i].split(":");
		    if (CartItem[0] == productid) {
		    	FoundItem = true;
		    	// Update Qty
		    	CartTemp =  CartTemp + CartItem[0] + ":" + CartItem[1] + ":" + CartItem[2] + ":" + (parseFloat(CartItem[3]) + 1) + ";";
		    } else CartTemp = CartTemp  + CartOrder[i] + ";";
			}  		
			if (FoundItem) $.cookie('cartorder',  CartTemp.slice(0,CartTemp.length-1)); // Save Update Qty
			else $.cookie('cartorder',  $.cookie('cartorder') +  ";" + CartSelected); // New Item	
  	}
  	load_ShoppingCart();		
	});
	
	$('#dvClearCart').live('click', function(){ 
		$.cookie('cartorder','');  
		 ClearCart();	
	});
	
	$('#dvShowCart').live('click', function(){
			var CartOrder = $.cookie('cartorder');
			total = 0; CartOrder = CartOrder.split(";");
			idx = CartOrder.length-1;
			productdata = "<TABLE id='tblcart' cartidx='" + idx + "' cellpadding=3 cellspacing=0 border=0>";
			productdata = productdata + "<tr bgcolor='#EAEAEA'><td width=150><b>Nama</td><td width=50><b>Qty</td><td width=100><b>Harga</td><td width=100><b>SubTotal</td></tr>";
			for (i = 0; i <= idx; i++) {
		    CartItem = CartOrder[i].split(":");
	    	subtotal = CartItem[2] * CartItem[3];
	    	productdata = productdata + "<tr><td width=195><span id='txtid" + i + "' style='display:none'>" + CartItem[0] + "</span><span id='txtjudul" + i + "'>" + CartItem[1] + "</span></td><td width=50><INPUT class='txtQty" + i + "' id='txtQty' qtyidx='" + i + "' type='text' size=2 maxlength=2 value='" + CartItem[3] + "'></td><td width=100 align=right><span id='txtharga" + i + "'>" + numberFormat(CartItem[2]) + "</span></td><td width=100 align=right><span id='spSubtotal" + i + "'>" + numberFormat(subtotal + '') + "</span></td></tr>";
	    	total = total + subtotal;
			}  	
			productdata = productdata + "<tr><td colspan=2>&nbsp;</td><td width=100 class='BorderTop'>Total</td><td width=100 align=right class='BorderTop' id='txtTotal'>" + numberFormat(total + '') + "</td></tr>";	
			productdata = productdata + "</TABLE><br><center><h3>Untuk pemesanan anda harus Login terlebih dahulu<br>Apabila belum menjadi member kami<br> harap <span id='dvReg2'>Registrasi</span> Dahulu</h3></center>";		
		$('.dvTarget' ).html(productdata);
	})

	$("#txtQty").live('keypress', function (e) { if( e.which!=8 && e.which!=0 && (e.which<48 || e.which>57)) return false; });		
	 
	$("#txtQty").live('keyup', function (e) { 
		var idx = $(this).attr('qtyidx');
		var qty = $(this).val();
		var cartidx = $('#tblcart').attr('cartidx');
		var harga = $('#txtharga' + idx).html().replace(/,/g,'');
		$('#spSubtotal' + idx ).html(numberFormat((qty * harga) + '' ));
		subtotal = 0; cartorder = "";
		for (i = 0; i <= cartidx; i++) {
			subtotal =  subtotal + parseFloat($('#spSubtotal' + i).html().replace(/,/g,''));
			cartorder = cartorder + $('#txtid' + i).html() + ":" + $('#txtjudul' + i).html() + ":" + $('#txtharga' + i).html().replace(/,/g,'') + ":" + $('.txtQty' + i).val() + ";";
		}
		$('#txtTotal').html(numberFormat(subtotal + '' ));
		 $.cookie('cartorder',  cartorder.slice(0,cartorder.length-1)); // New Update
		load_ShoppingCart();
	});		
	
});


function load_ShoppingCart() {
	var CartOrder = $.cookie('cartorder');

	ShowCart = ""; total = 0; 
	if (CartOrder != null) {
		CartOrder = CartOrder.split(";");
		if ((CartOrder != "") && (CartOrder != null)) {
			for (i = 0; i <= CartOrder.length-1; i++) {
		    myitem = CartOrder[i].split(":");
		    ShowCart = ShowCart + "<div id='dvid'>" + myitem[0] + "</div><div id='dvNameItem'>" +  myitem[1] + "</div><div id='dvHarga'>" + numberFormat(myitem[2]) + "</div><div id='dvQty'>" +  myitem[3] + "x</div>";
		    total = total + (myitem[2] * myitem[3]);
			} 		
			$('#dvCartContaint' ).html(ShowCart + "<div id='dvtotal'>" + numberFormat(total + "") + "</div><br><div id='dvClearCart'>Reset Cart</div><div id='dvShowCart'>Show Cart</div>");
		} else ClearCart();
	} else ClearCart();
}


function numberFormat(text) {

	text = text.split("").reverse().join("");
	var output = "";
	var j=0;
	for(var i = 0;i<text.length;i++) {
		output += text.charAt(i);
		j++;
		if(j==3 && i != text.length-1) {
			output += ",";
			j=0;
		}
	}
	output = output.split("").reverse().join("");
	return output;
}

function ClearCart() { $('#dvCartContaint' ).html('&nbsp;<br><center>Your Cart is<br>currently empty.</center><br>&nbsp;'); }