var fonts = new Array();
fonts[1] = 'arial';
fonts[2] = 'verdana';
fonts[3] = 'garamond';
fonts[4] = 'lucida';


/*
function update_from_input()
	{
	$('input-from').value = $('from-name').value;
	}
*/


	function limitText() 
	{
	var limitNum = 150;
	var limitField = document.getElementById('custom-message');
	var limitCount = document.getElementById('character-count');
	
		if (limitField.value.length > limitNum) 
		{
		limitField.value = limitField.value.substring(0, limitNum);
		} else {
		limitCount.innerHTML = (limitNum - limitField.value.length)+' characters left';
		}
		
	document.getElementById('input-greeting').value = nl2br(limitField.value);
	}
	
	
	
	
function select_font(id)
	{
	var i;
	
		for(i=1; i<fonts.length; i++)
		{
		var container = document.getElementById(fonts[i]+'-container');

			if(id == fonts[i])
			{
//			container.set('class', 'selected-font');
			container.setAttribute(attribute_name, 'selected-font');
					
			document.getElementById('input-font').value = document.getElementById('font-name-'+fonts[i]).innerHTML;
			document.getElementById('input-fontID').value = id;
			} else {
//			container.set('class', '');
			container.setAttribute(attribute_name, '');
			}

		}
	
	}
	
	
function select_greeting(greeting)
	{

		if(!greeting)
		{
		document.getElementById('input-greeting').value = '';
			
		} else if(greeting !== 'Custom message') {
		
			if(document.getElementById('custom-message-container').style.height)
			{
			var fxMessage = new Fx.Tween('custom-message-container', {duration:400});
			fxMessage.start('height', document.getElementById('custom-message-container').getStyle('height'), '0px');
			}

		
		document.getElementById('input-greeting').value = greeting;
		} else {
		
		var fxMessage = new Fx.Tween('custom-message-container', {duration:400});
		fxMessage.start('height', '0px', '72px');
		
		document.getElementById('input-greeting').value = document.getElementById('custom-message').value;
		}

	}
	
	
	
	
	
	
	
	
	
	
	
	
	
/* upload */





function select_logo_option(option)
	{
	
		if(option == 'yes')
		{
		document.getElementById('input-logo').value = 'Yes, I want to upload a photo.';

		var fxForm = new Fx.Tween('upload-form-container', {duration:500});
		fxForm.set('opacity', '0');
		fxForm.set('display', 'block');
		fxForm.start('opacity', 0, 1);
		
		update_statusbar('Image must be less than <em class="tooltip" title="5 megabytes or 5000 kilobytes">5MB</em> in size. Click Continue when your are done.', 'normal');
		} else {
	
		var fxForm = new Fx.Tween('upload-form-container', {duration:500});
		fxForm.set('display', 'none');
/* 		fxForm.start('opacity', 1, 0); */
		
		document.getElementById('input-logo').value = 'No, I do not want to upload a logo.';
		document.getElementById('input-logo-file').value = '';
		document.getElementById('input-logo-thumb').value = '';
		document.getElementById('upload-target-container').innerHTML = '';
		change_logo();
		
		update_statusbar('Click the Continue button when you are ready.', 'normal');
		}
	
	}
	
	

	
	
	
	
function upload_logo(thisform)
	{
	
		with(thisform)
		{
		
		
			if(file.value)
			{
			document.getElementById('upload-target-container').innerHTML = '<iframe id="upload_target" name="upload_target" src="" style="display:none; width: 0px; height: 0px;"></iframe>';
			action = '/card-creator/upload';
			target = 'upload_target';
			return true;
			} else {
			update_statusbar('Please choose a file before clicking the Upload button.', 'error');
			return false;
			}
			
		}
	
/*
	var params = 'test=tester';
	var req = new Request.HTML({
		method: 'post',
		url: 'system/handlers/upload_logo.php',
		update: $('upload-form-container')
	}).send(params);
*/
	

	}
	
	
	
function upload_finish(filepath, previewpath, message, success)
	{
//	alert(filepath);
//	filepath = 'system/uploads/logo.jpg'; //debug
	
		if(success)
		{
		document.getElementById('input-logo-file').value = filepath;
		document.getElementById('input-logo-thumb').value = previewpath;
		update_statusbar(message, 'success');

		document.getElementById('upload-success').innerHTML = '<p><a target="_blank" href="'+filepath+'" title="Click to view full size version of your logo in a new window." ><img src="'+previewpath+'" alt="Preview of your logo" width="80" /></a><br /><a href="#" onclick="change_logo(); return false;">Change</a></p>';
		
		
		document.getElementById('upload-form').style.display = 'none';
		document.getElementById('upload-success').style.display = 'block';
		
		} else {
		update_statusbar(message, 'error');
		document.getElementById('input-logo-thumb').value = '';
		document.getElementById('input-logo-file').value = '';
		document.getElementById('upload-form').style.display = 'block';
		document.getElementById('upload-success').style.display = 'none';
		}
	
	}
	
	
	
	
	
function change_logo()
	{
	document.getElementById('upload-form').style.display = 'block';
	document.getElementById('upload-success').style.display = 'none';
	document.getElementById('upload-success').innerHTML = '';
	document.getElementById('input-logo-thumb').value = '';
	document.getElementById('input-logo-file').value = '';
	update_statusbar('Image must be less than <em class="tooltip" title="5 megabytes or 5000 kilobytes">5MB</em> in size. Click Continue when your are done.', 'normal');
	}
	
	
	
	
	
function prepare_step3()
	{

		if($('input-type').value == 'ecard')
		{
		//$('input-greeting').value = 'N/A';
		//$('input-font').value = 'N/A';
	
/* 		$('customise-from').setStyle('display', 'block'); */
		$('customise-greeting').setStyle('display', 'block');
		$('no-greeting').setStyle('display', 'none');
		$('customise-font').setStyle('display', 'block');
		$('customise-logo').setStyle('display', 'block');
		} else {
/* 		$('input-from').value = 'N/A'; */
				
/* 		$('customise-from').setStyle('display', 'none'); */
		$('customise-greeting').setStyle('display', 'block');
		$('no-greeting').setStyle('display', 'block');
		$('customise-font').setStyle('display', 'block');
		$('customise-logo').setStyle('display', 'block');		
		}
	
	
	}