

function init()
{
	welcome()	
	
	document.getElementById('empty').style.display = 'block';
	cartStr = document.getElementById('cartString').value;
	if (cartStr != '')
	{
		document.getElementById('empty').style.display = 'none';
		document.getElementById('not-empty').style.display = 'block';
		cartDescription()
	}
}

//DISPLAY CART CONTENTS
function cartDescription()
{
	cartArray = cartStr.split('|');
	cartArrayLength = cartArray.length;
	
	//Generate a table for each cart item
	var cartItemStr = '';
	var numberCartItems = (cartArrayLength-1)/8;
	for (var i = 0; i<numberCartItems; i++)
	{
		productCategory = cartArray[i*8];
		productDescription = cartArray[i*8 + 1];
		productCode = cartArray[i*8 + 2];
		productBoxPrice = cartArray[i*8 + 3];
		quantityOrdered = cartArray[i*8 + 4];
		totalPrice = cartArray[i*8 + 5];
		
		totalOrderPrice += totalPrice*1; //this multiplication defines totalPrice as an integer instead of a string
		
		deliveryDate = monthArray[cartArray[(i*8) + 6]] + ' ' + cartArray[(i*8) + 7]

		cartItemStr += '<img class="thumb" src="products/' + productCode + '.jpg" width="140" height="140" />';
		cartItemStr += '<div class="cart-table-outer"><div class="cart-table">';
		cartItemStr += '<img id="delete-' + i + '" src="graphics/icon-delete.jpg" width="49" height="93" alt="delete this item" title="delete this item" onclick="deleteItem(' + i + ')" />';

		cartItemStr += '<table class="product-description" cellspacing="0">';
		cartItemStr += '<tr><td class="product-description-left">';
		cartItemStr += '<h4 class="product-description">Product category:</h4>';
		cartItemStr += '</td><td>';
		
		cartItemStr += '<p class="product-description">' + productCategory;
		cartItemStr += '</p></td></tr>';

		cartItemStr += '<tr><td class="product-description-left">';
		cartItemStr += '<h4 class="product-description">Product type:</h4>';
		cartItemStr += '</td><td>';
		cartItemStr += '<p class="product-description">' + productDescription;
		cartItemStr += '</p></td></tr>';

		cartItemStr += '<tr><td class="product-description-left">';
		cartItemStr += '<h4 class="product-description">Product code:</h4>';
		cartItemStr += '</td><td>';
		cartItemStr += '<p class="product-description">' + productCode;
		cartItemStr += '</p></td></tr>';

		cartItemStr += '<tr><td class="product-description-left">';
		cartItemStr += '<h4 class="product-description">Price per box:</h4>';
		cartItemStr += '</td><td>';
		cartItemStr += '<p class="product-description">' + productBoxPrice + ' baht';
		cartItemStr += '</p></td></tr>';

		cartItemStr += '<tr><td class="product-description-left">';
		cartItemStr += '<h4 class="product-description">Quantity ordered:</h4>';
		cartItemStr += '</td><td>';
		cartItemStr += '<p class="product-description">' + quantityOrdered;

		quantityOrdered == 1 ? cartItemStr += ' box' : cartItemStr += ' boxes'

		cartItemStr += '</p></td></tr>';

		cartItemStr += '<tr><td class="product-description-left">';
		cartItemStr += '<h4 class="product-description">Total cost:</h4>';
		cartItemStr += '</td><td>';
		cartItemStr += '<p class="product-description">' + totalPrice + ' baht';
		cartItemStr += '</p></td></tr>';

		cartItemStr += '<tr><td class="product-description-left">';
		cartItemStr += '<h4 class="product-description">Delivery date:</h4>';
		cartItemStr += '</td><td>';
		cartItemStr += '<p class="product-description">' + deliveryDate;
		cartItemStr += '</p></td></tr></table>';
		
		cartItemStr += '</div></div>';
	}
	
	document.getElementById('items').innerHTML = cartItemStr; 
	
	var itemCounterStr = 'Your cart contains ' + numberCartItems;
	numberCartItems == 1 ? itemCounterStr += ' item' : itemCounterStr += ' items';
	document.getElementById('item-counter').innerHTML = itemCounterStr;

	document.getElementById('cart-info').innerHTML = 'Total Order: ' + Math.round(totalOrderPrice) + ' baht'
}

function deleteItem(item)
{
	for (var i = 0; i<8; i++)
	{
		cartArray[item*8 + i] = ''
	}
	cartStr = ''; 
	for (var i = 0; i<(cartArrayLength); i++)
	{
		if (cartArray[i] != '')
		{
			cartStr += cartArray[i];
			cartStr += '|'
		} 
	}

	location.href = 'program-files/cart-delete.php?q=' + cartStr
}

function order()
{
	if (document.getElementById('loggedIn').value == 'true')
	{
		var remember = readCookie('remember');
		//Check to see how customer is logged in
		//If a cookie has been set then customer may not have logged in on this visit
		//If customer has not logged in on this visit then PHP session customerName will NOT have been set
		//If this is the case, go to order-1.php to register session variable (order-1.php will redirect to order.php)
		//Else, just go straight to order.php    
		remember != null ? location.href = 'program-files/order-1.php?q=' + document.getElementById('customerName').value : location.href = 'program-files/order.php'	
	}
	else
	{
		document.getElementById('cart-login-bg').style.display = 'block';
		document.getElementById('cart-login').style.display = 'block'
	}
}


