var prefix = '';
var width = '';
var height = '';
var borderPath = '';
var image1Path = '';
var image2Path = '';

function updateTemplate(t)
{
//	alert(prefix);
//	alert(width);
//	alert(height);
//	alert(borderPath);
//	alert(image1Path);
//	alert(image2Path);

	width = parseInt(t.substr(7, 3));
	height = parseInt(t.substr(11, 3));

	document.getElementById(prefix).style.display = 'none';
	prefix = t;
	document.getElementById(prefix).style.display = 'block';
	if (document.getElementById(prefix + '_coupon_title'))
	{
		document.getElementById('text_title').disabled = false;
		updateText('title');
	}
	else
		document.getElementById('text_title').disabled = true;

	if (document.getElementById(prefix + '_coupon_value'))
	{
		document.getElementById('text_value').diabled = false;
		updateText('value');
	}
	else
		document.getElementById('text_value').diabled = true;

	if (document.getElementById(prefix + '_coupon_text1'))
	{
		document.getElementById('text_text1').disabled = false;
		updateText('text1');
	}
	else
		document.getElementById('text_text1').disabled = true;

	if (document.getElementById(prefix + '_coupon_text2'))
	{
		document.getElementById('text_text2').disabled = false;
		updateText('text2');
	}
	else
		document.getElementById('text_text2').disabled = true;

	if (document.getElementById(prefix + '_coupon_finePrint'))
	{
		document.getElementById('text_finePrint').disabled = false;
		updateText('finePrint');
	}
	else
		document.getElementById('text_finePrint').disabled = true;

	updateDate();  //Just assume that it is always present.
	updateBorders(borderPath);  //Just assume that it is always present.

	if (document.getElementById(prefix + '_coupon_image1'))
	{
		document.getElementById('view_image1').disabled = false;
		document.getElementById('text_image1').disabled = false;
		updateImage('image1', image1Path);
	}
	else
	{
		document.getElementById('view_image1').checked = false;
		document.getElementById('view_image1').disabled = true;
		document.getElementById('div_image1').style.display = "none";
		document.getElementById('text_image1').disabled = true;
	}

	if (document.getElementById(prefix + '_coupon_image2'))
	{
		document.getElementById('view_image2').disabled = false;
		document.getElementById('text_image2').disabled = false;
		updateImage('image2', image2Path);
	}
	else
	{
		document.getElementById('view_image2').checked = false;
		document.getElementById('view_image2').disabled = true;
		document.getElementById('div_image2').style.display = "none";
		document.getElementById('text_image2').disabled = true;
	}
}

function updateText(e)
{
	var temp = document.getElementById('text_' + e).value;
	temp = temp.replace(/\r\n|\r|\n/g, "<br>");
	document.getElementById(prefix + '_coupon_' + e).innerHTML = temp;
}

function updateDate()
{
	var valid = '';
	var vMonth = document.getElementById('validMonth').value;
	var vDay = document.getElementById('validDay').value;
	var vYear = document.getElementById('validYear').value;
	if (vMonth != '' && vDay != '' && vYear != '')
		valid = '<i>Valid</i>: ' + vMonth + ' ' + vDay + ', ' + vYear;
	var expire = '';
	var eMonth = document.getElementById('expireMonth').value;
	var eDay = document.getElementById('expireDay').value;
	var eYear = document.getElementById('expireYear').value;
	if (eMonth != '' && eDay != '' && eYear != '')
		expire = '<i>Expires</i>: ' + eMonth + ' ' + eDay + ', ' + eYear;
	if (valid == '' && expire == '')
		document.getElementById(prefix + '_coupon_dates').innerHTML = 'No expiration';
	else
		document.getElementById(prefix + '_coupon_dates').innerHTML = valid + '&nbsp;&nbsp;&nbsp;' + expire;
}

function updateImage(imageField, imagePath)
{
	if (imageField == 'image1')
		image1Path = imagePath;
	else if (imageField == 'image2')
		image2Path = imagePath;

	if (imagePath == '')
		document.getElementById(prefix + '_coupon_' + imageField).innerHTML = '<img src="../images/i.gif">';
	else
		document.getElementById(prefix + '_coupon_' + imageField).innerHTML = '<img src="' + imagePath + '">';
}

function showImages(imageField)
{
	if (document.getElementById('view_' + imageField).checked)
		document.getElementById('div_' + imageField).style.display = "block";
	else
		document.getElementById('div_' + imageField).style.display = "none";
}

function sync(imageField, name)
{
	document.getElementById('text_' + imageField).value = name;
}

function updateBorders(path)
{
	borderPath = path;
	if (path == '')
	{
		document.getElementById(prefix + '_coupon_tBorder').innerHTML = '<img src="images/i.gif" width="' + width + '" height="10">';
		document.getElementById(prefix + '_coupon_lBorder').innerHTML = '<img src="images/i.gif" width="10" height="' + height + '">';
		document.getElementById(prefix + '_coupon_rBorder').innerHTML = '<img src="images/i.gif" width="10" height="' + height + '">';
		document.getElementById(prefix + '_coupon_bBorder').innerHTML = '<img src="images/i.gif" width="' + width + '" height="10">';
		document.getElementById(prefix + '_coupon_tlBorder').innerHTML = '<img src="images/i.gif" width="10" height="10">';
		document.getElementById(prefix + '_coupon_trBorder').innerHTML = '<img src="images/i.gif" width="10" height="10">';
		document.getElementById(prefix + '_coupon_blBorder').innerHTML = '<img src="images/i.gif" width="10" height="10">';
		document.getElementById(prefix + '_coupon_brBorder').innerHTML = '<img src="images/i.gif" width="10" height="10">';
	}
	else
	{
		document.getElementById(prefix + '_coupon_tBorder').innerHTML = '<img src="' + path + '/t.gif" width="' + width + '" height="10">';
		document.getElementById(prefix + '_coupon_lBorder').innerHTML = '<img src="' + path + '/l.gif" width="10" height="' + height + '">';
		document.getElementById(prefix + '_coupon_rBorder').innerHTML = '<img src="' + path + '/r.gif" width="10" height="' + height + '">';
		document.getElementById(prefix + '_coupon_bBorder').innerHTML = '<img src="' + path + '/b.gif" width="' + width + '" height="10">';
		document.getElementById(prefix + '_coupon_tlBorder').innerHTML = '<img src="' + path + '/tl.gif" width="10" height="10">';
		document.getElementById(prefix + '_coupon_trBorder').innerHTML = '<img src="' + path + '/tr.gif" width="10" height="10">';
		document.getElementById(prefix + '_coupon_blBorder').innerHTML = '<img src="' + path + '/bl.gif" width="10" height="10">';
		document.getElementById(prefix + '_coupon_brBorder').innerHTML = '<img src="' + path + '/br.gif" width="10" height="10">';
	}
}

function testDate()
{
	var d = new Date();
	var m = new Array("Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec");

	var v_year = document.getElementById('validYear');
	if (v_year.value.length == 0) v_year.value = d.getFullYear();
	var v_month = document.getElementById('validMonth');
	if (v_month.value.length == 0) v_month.value = "Jan";
	var v_day = document.getElementById('validDay');
	if (v_day.value.length == 0) v_day.value = 1;
	var v_date = Date.parse(v_month.value + v_day.value + ", " + v_year.value);
	var v = new Date(v_date);

	var e_year = document.getElementById('expireYear');
	if (e_year.value.length == 0) e_year.value = v.getFullYear() + 1;
	var e_month = document.getElementById('expireMonth');
	if (e_month.value.length == 0) e_month.value = "Dec";
	var e_day = document.getElementById('expireDay');
	if (e_day.value.length == 0) e_day.value = 28;
	var e_date = Date.parse(e_month.value + e_day.value + ", " + e_year.value);

	if (e_date <= v_date)
	{
		alert ("Expiration date must be after the start date.");
		return false;
	}
	else
		return true;
}