var totalCost = 0.00;
var myItemList = "";

jQuery(document).ready(function(){
	jQuery("#quoteMe_button").livequery('click',function(){
		jQuery('#quoteMe_grayBox').show();
		jQuery('#quoteMe_container').show();
	});
	jQuery("#quoteMe_closeBtn").livequery('click',function(){
		jQuery('#quoteMe_grayBox').hide();
		jQuery('#quoteMe_container').hide();
		jQuery.clearAll_quoteMeForm();

	});
	jQuery("#itemItem").change(function(){
		jQuery.updateList(jQuery(this).val());
	});
	jQuery("#quoteMe_AddItemButton").livequery('click',function(){
		jQuery.updateItemList();
	});
	jQuery("#itemType").livequery('change',function(){
		jQuery.updatePrice(jQuery(this).val());
	});
	jQuery("#submitQuote_button").livequery('click',function(){
		jQuery.formatItemList();
		var form_name = jQuery('#form_clientName').val();
		var form_email = jQuery('#form_clientEmail').val();
		var form_phone = jQuery('#form_clientPhone').val();
		var form_comment = jQuery('#form_clientComment').val();
		jQuery.ajax({
		   type: "GET",
		   url: "sendquote.php",
		   data: "name=" + form_name + "&email=" + form_email + "&phone=" + form_phone + "&comment=" + form_comment + "&list=" + myItemList,
		   success: function(msg){
				jQuery.clearAll_quoteMeForm();
				jQuery('#quoteMe_grayBox').hide();
				jQuery('#quoteMe_container').hide();
				alert(msg);
		   },
		   error: function(msg){
				alert(msg.responseText);
			}
		});
	});	
	
	jQuery('.removeItemBtn_img').live('click',function(){
		jQuery.removeItemRow(jQuery(this).parent().parent());
		//jQuery(this).parent().parent().remove();
	});

});

jQuery.extend({ 
  formatItemList: function(){ 
	  /* var list_children = jQuery("#items_list").children('li');
       var list_childrenNum = list_children.size();
        if (list_childrenNum <= 1) {return};
		jQuery.each(list_children,function(){
			var divChildren = jQuery(this).children('div');
			var list_amount  = divChildren[1].html();
            var list_itemSpans = divChildren[2].children('span');
            var list_itemType = list_itemSpans[0].html();
            var list_item = list_itemSpans[1].html();
            var list_cost = list_divs[3].html();
            myItemList += "<strong>Item:</strong> " + list_itemType + " (" + list_item + ")<br><strong>Amount:</strong> " + list_amount + "<br><strong>Cost:</strong> $" + list_cost + "<br><br>";
		});
		myItemList += "-----------------------------------------------------------------<br><strong>Total cost:</strong> $" + totalCost.toFixed(2);
        myItemList = escape(myItemList);*/
  } 
}); 

jQuery.extend({
	updateList: function(x){
		jQuery.ajax({
		   type: "GET",
		   url: "getSelectedItems.php",
		   data: "cat="+x,
		   success: function(msg){
				jQuery.addRow('#itemType_container',msg);
		   },
		   error: function(msg){
				alert(msg.responseText);
			}
		});
	}
});

jQuery.extend({
	addRow: function(id,x){
		jQuery(id).html(x);
      	jQuery('#type_price').val("");
	}
});

jQuery.extend({
	updateItemList: function(id,x){
		var item_price_field = jQuery('#type_price').val();
		var item_amount_field = jQuery('#type_amount').val();
		if (item_amount_field.length <= 0 || item_amount_field === 0){ return};
		
		var itemType_element = jQuery('#itemType option:selected');
        var itemItem_element = jQuery('#itemItem option:selected');
		var itemItem_txt = itemItem_element.html();
        var itemType_txt = itemType_element.html();
		
		if (itemType_element.val() == 'none' || itemType_txt.length <= 0) {return};
		var listItemRoot = jQuery('#items_list');
		var new_li = document.createElement("li");
		var item_index = listItemRoot.find('li').length;
		
		new_li.setAttribute('id', item_index + "_" + item_amount_field + "_" + item_price_field);
        new_li.innerHTML ="<div class='removeItemBtn'><img src='images/remove_item.png' class='removeItemBtn_img'></div><div class='amountNumber'>" + item_amount_field + "</div><div><span>" + itemType_txt + "</span><br><span class='itemItem_font'>" + itemItem_txt + "</span></div><div class='amountNumber'>" + item_price_field + "</div>";

        listItemRoot.append(new_li);
		jQuery('#type_amount').val("");
        var itemCost = item_price_field * item_amount_field;
		
		
        jQuery.addToCost(itemCost);
        jQuery.updateTotalCost();


	}
});

jQuery.extend({
	addToCost: function(x){
		totalCost +=x;
	}
});

jQuery.extend({
	updateTotalCost: function(){
        var totalCost_element = jQuery('#totalCost');
        totalCost_element.html(totalCost.toFixed(2));
	}
});

jQuery.extend({
	updatePrice: function(x){
        if (x != "none"){
            jQuery('#type_price').val(x);
        }
	}
});

jQuery.extend({
	subtractFromCost: function(x){
		if(totalCost != 0.00)
        	totalCost -= x;
	}
});

jQuery.extend({
	removeItemRow: function(x){
        var info = x.attr('id').split('_');
        var totalCost_subtract = info[1] * info[2];
		x.remove();
        jQuery.subtractFromCost(totalCost_subtract);
        jQuery.updateTotalCost();
	}
});

jQuery.extend({
	clearAll_quoteMeForm: function(x){
		jQuery('#items_list').html("<li><div class='removeItemBtn'></div><div class='amountNumber'><strong>Amount</strong></div><div><strong>Item List</strong></div><div class='amountNumber'><strong>Cost</strong></div></li>");
		jQuery('#type_price').val("");
       	jQuery('#itemItem option:selected').attr('selected','selected');
        var form_name = jQuery('#form_clientName').val("");
        var form_email = jQuery('#form_clientEmail').val("");
        var form_phone = jQuery('#form_clientPhone').val("");
        var form_comment = jQuery('#form_clientComment').val("");
	}
});