stillOpen = 'none';

function hideMessage(elementID) {
	element = document.getElementById(elementID);
    element.style.display = 'none';
	stillOpen = 'none';
};

$(function() {

  $(".add-img").click(function() {
		// validate and process form
		itemNum = this.id;
		$('#message' + itemNum).html("<div class='itemAddedDetail'><img src='http://www.lensmateonline.com/media/site/loading.gif' /></div>");
		if(stillOpen != 'none') {
			hideMessage(stillOpen);
		}
		
		stillOpen = 'message' + itemNum;
		
	    var storeid = $("#checkoutData input")[0].value;
		var dbname = $("#checkoutData input")[1].value;
		var func = $("#checkoutData input")[2].value;
        var itemnum = $("#checkoutData input")[3].value;
		var qnty = $("#checkoutData input")[4].value;
		
		var dataString = 'storeid='+ storeid + '&dbname=' + dbname + '&function=' + func + '&itemnum=' + itemnum + '&' + itemnum + ':qnty=' + qnty;
		
		var price = document.getElementById('price').innerHTML;
		price = parseFloat(price.split('$')[1]);

		var cartText = document.getElementById('minCart').innerHTML;

		var ar = cartText.split(' ');

		ar[0] = parseFloat(ar[0].split('(')[1].split(')')[0]);
		ar[0] = ar[0] + parseFloat(qnty);
		ar[0] = "(" + ar[0] + ")";

		ar[3] = parseFloat(ar[3].split('$')[1]);
		ar[3] = ar[3] + (price * qnty);
		ar[3] = ar[3].toFixed(2);
		ar[3] = "$" + ar[3];
		
		$.ajax({
      		type: "POST",
      		url: "http://www.lensmateonline.com/cgi-lensmateonline/sb/order.cgi",
      		data: dataString,
      		success: function() {
        		$('#message' + itemNum).html("<div id='message" + itemNum + "'></div>");
				$('#minCart').html(ar.join(" "))
				.hide()
        		.fadeIn(500, function() {
          			$('#minCart');
        		});
        		$('#message' + itemNum).html("<div class='itemAddedDetail'><h5><strong>Product has been added.</strong></h5><br /><p style='margin-top:0px; padding-bottom:20px;'>Cart contents: <a style='color:#000000; text-decoration: underline;' href='http://www.lensmateonline.com/cgi-lensmateonline/sb/order.cgi?storeid=*14084f2e3ff741c60b44cd8e&function=show' id='cartContents'></a></p><p onClick=\"hideMessage('message" + itemNum + "');\" class='continueShopping'><img src='http://www.lensmateonline.com/store/media/buttons/shop.gif' /></p><div class='cartCheckout'><a href='http://www.lensmateonline.com/cgi-lensmateonline/sb/order.cgi?storeid=*14084f2e3ff741c60b44cd8e&function=show'><img src='http://www.lensmateonline.com/store/media/buttons/checkout.png' alt='Proceed to Checkout' width='120' height='19' vspace='4' border='0' /></a></div></div>")
        		.hide()
        		.fadeIn(500, function() {
          			$('#message' + itemNum);
        		});
				$('#cartContents').html(ar.join(" "))
				.hide()
        		.fadeIn(1200, function() {
          			$('#cartContents');
        		});
      		}
    	 });
    	return false;
	});
});