function init()
{
	var productVariables = document.getElementById('product-variables').value;
	var productVariablesArray = productVariables.split('|');
	productCategory = productVariablesArray[0];
	productDescription = productVariablesArray[1];
	productCode = productVariablesArray[2];	
	productBoxPrice = productVariablesArray[3];
	
	welcome();
	
	document.getElementById('quantity').selectedIndex = 0;
	document.getElementById('faq').selectedIndex = 0
}

function initCalendar(specifyMonth)
{
	var nextmonth = 1;
	var currentmonth = 0;	
	
	var dateStr = document.getElementById('date').value;
	var dateStrSplit = dateStr.split('|');
	var date = dateStrSplit[1];
	var month = dateStrSplit[2]-1;
	var year = dateStrSplit[3];
	
	if (specifyMonth == 1) 
	{
		month ++; date = 1;
		if (month == 12) {month = 0; year ++}
	}

	var calendarStr = '<table class="calendar" cellspacing="0"><tr class="month" id="table-month">';
	
	if (specifyMonth == 0) 
	{
		calendarStr += '<td><img class="close-left" src="graphics/close.gif" alt="close calendar" title="close calendar" onclick="openCloseCalendar(' + 0 + ')" /></td>'
	}
	else
	{
		calendarStr += '<td><img class="calendar" src="graphics/back.gif" alt="current month" title="current month" onclick="initCalendar(' + currentmonth + ')" /></td>'
	}
	
	calendarStr += '<td class="month" colspan="5">' + monthArray[month] +', ' + year + '</td>';
	
	if (specifyMonth == 0) 
	{
		calendarStr += '<td><img class="calendar" src="graphics/forward.gif" alt="next month" title="next month" onclick="initCalendar(' + nextmonth + ')" /></td>'	
	}
	else
	{
		calendarStr += '<td><img class="close-right" src="graphics/close.gif" alt="close calendar" title="close calendar" onclick="openCloseCalendar(' + 0 + ')" /></td>'
	}
	
	calendarStr += '</tr><tr class="days"><td class="sun">Su</td>';
	
	for (var i = 1; i<7; i++)
	{
		calendarStr += '<td class="day">' + daysOfWeek[i] +'</td>'
	}
	calendarStr += '</tr><tr>';

	var d=new Date(year, month, 1);
	var day = d.getDay();

	//pad out empty <td> elements occuring prior to first day of month (ie, startDate)
	for (var i = 0; i<day; i++)
	{
		calendarStr += '<td></td>'
	}

	//populate calendar
	for (var i = 1; i<daysPerMonth[month]+1; i++)
	{
		if (i<date) {calendarStr += '<td><p id="past" class="past">' + i + '</p></td>'}
		if (i==date && specifyMonth==0) {calendarStr += '<td><p id="present" class="present">' + i + '</p></td>'}
		if (i>date || specifyMonth==1) {calendarStr += '<td><p id="' + month + ',' + i + '" class="future" title="' + monthArray[month] + ' ' + i + ordinalArray[i-1] +'" onclick="calendar(' + month + ',' + i + ')">' + i + '</p></td>'}
		var d=new Date(year, month, i);
		var day = d.getDay();
		if (day == 6) {calendarStr += '</tr><tr>'}
	}
	calendarStr += '</tr></table>'
	document.getElementById('calendar').innerHTML = calendarStr
}

function calendar(month, date)
{
	deliveryMonth = month;
	deliveryDate = date;
	var dateArray = document.getElementById('calendar').getElementsByTagName('p');
	var dateArrayLength = dateArray.length;
	for (var i = 0; i<dateArrayLength; i++)
	{
		dateArray[i].style.border = 'none'
	}

	var border = document.getElementById(month + ',' + date);
	var borderStr = 'solid 1px #8c7840';
	border.style.borderLeft = borderStr;
	border.style.borderRight = borderStr;
	border.style.borderTop = borderStr;
	border.style.borderBottom = borderStr;
	
	document.getElementById('table-month').style.backgroundImage = 'url(graphics/bg.gif)'; //RE: IE bug

	document.getElementById('deliveryDate').innerHTML = 'Delivery date: ' + monthArray[deliveryMonth] + ' ' + deliveryDate;
	document.getElementById('dateError').style.display = 'none'
}

function openCloseCalendar(openClose)
{
	initCalendar(0);
	
	var calendar = document.getElementById('calendar-outer').style;
	openClose == 1 ? calendar.visibility = 'visible' : calendar.visibility = 'hidden';
	calendar = document.getElementById('calendar-top').style;
	openClose == 1 ? calendar.visibility = 'visible' : calendar.visibility = 'hidden'
	calendar = document.getElementById('calendar-touchup').style;
	openClose == 1 ? calendar.visibility = 'visible' : calendar.visibility = 'hidden'	
}

function total(value)
{
	if (value != "null")
	{
		quantityOrdered = value;	
		totalPrice = Math.round(value * productBoxPrice);
		document.getElementById('number').innerHTML = 'Number of boxes: ' + quantityOrdered;
		document.getElementById('total').innerHTML = 'Total cost: ' + totalPrice + ' baht';
		document.getElementById('quantityError').style.display = 'none'
	}
}

function addToCart()
{
	if (deliveryDate == '')
	{
		document.getElementById('dateError').style.display = 'block'
	}	
	else if (quantityOrdered == '')
	{
		document.getElementById('quantityError').style.display = 'block'
	}
	else
	{
		cartStr = productCategory + '|' + productDescription + '|' + productCode + '|' + productBoxPrice + '|' + quantityOrdered + '|' + totalPrice + '|' + deliveryMonth + '|' + deliveryDate + '|';
		location.href = 'program-files/cart-add.php?q=' + cartStr
	}	
}

function getPhoto(photo)
{
	
	document.getElementById('full-size-outer').style.display = 'none';
	document.getElementById('full-size-throbber').style.display = 'none';
	openCloseCalendar(0);
	document.getElementById('quantity').style.display = 'block'              //re: IE6
	
	if (photo == 1) 
	{
		document.getElementById('full-size-outer').style.display = 'block';
		document.getElementById('full-size-throbber').style.display = 'block';
		document.getElementById('quantity').style.display = 'none';              //re: IE6
		document.getElementById('full-size').style.backgroundImage = 'url(photo-library/' + productCode + '.jpg)'	
	}
}