var views = new Array();
views[1] = 'front';
views[2] = 'inside';
views[3] = 'back';



function switch_view(id)
	{
	$('preview-instructions').style.display = 'none';
	
	var i;
	
		for(i = 1; i < views.length; i++)
		{
		var view = $('view-'+views[i]);
		var preview = $('preview-'+views[i]);
		
			if(id == views[i])
			{
//			view.set('class', 'selected-view');
			view.setAttribute(attribute_name, 'selected-view');
					
			show_preloader('loading-preview');
			
				if((preview.style.display == 'none') || (!preview.style.display))
				{
				load_preview(views[i]);
				}
			
			} else {
//			view.set('class', '');
			view.setAttribute(attribute_name, '');
			
				if((preview.style.display == 'block') || (!preview.style.display))
				{
				hide_preview(views[i]);
				}
				
			}
		
		}
	
	}
	
	
	
function toggle_terms()
	{
	
		if($('terms_conditions').getStyle('display') == 'block')
		{
		$('terms_conditions').setStyle('display', 'none');
		} else {
		$('terms_conditions').setStyle('display', 'block');
		}
	
	}
	
	
	
function load_preview(viewID)
	{
//	var designID = $('input-designID').value;
	var designID = $('input-n').value;
//	var orientation = $('orientation'+designID).value;
	var orientation = cards[designID]['orientation'];

	var preview = $('preview-'+viewID);
	
		if(viewID == 'inside')
		{
		preview = $('preview-inside-container');
		var font = $('input-font').value;
		var style = 'style="font-family: \''+font+'\', arial, verdana, helvetica, sans-serif;"';
		var message = $('input-greeting').value;
		var logo = $('input-logo-thumb').value;
		var inside_content = '';
		
		inside_content = message;

			if(strlen(logo) > 0)
			{
			inside_content = inside_content+'<br /><img class="preview-logo" src="'+logo+'" width="60" alt="" /><br />';
			}
		
		preview.innerHTML = '<p id="preview-message" '+style+'>'+inside_content+'</p>';
		
		
			if(orientation == 'landscape')
			{
			$('preview-message').style.top = '125px';
			} else {
			$('preview-message').style.top = '300px';
			}
		
		
		show_preview(viewID);
		} else {
		
			if(orientation == 'portrait')
			{
			preview.innerHTML = '<img onload="show_preview(\''+viewID+'\')" src="system/cards/'+cards[designID]['id']+'-'+viewID+'.jpg" alt="'+viewID+'" width="450" />';
			} else {
			preview.innerHTML = '<img onload="show_preview(\''+viewID+'\')" src="system/cards/'+cards[designID]['id']+'-'+viewID+'.jpg" alt="'+viewID+'" width="450" />';
			}
		}
	
	}
	
	
	
function hide_preview(id)
	{
	$('preview-'+id).style.display = 'none';
	}
	
	
function show_preview(id)
	{
	hide_preloader('loading-preview');
	$('preview-'+id).style.display = 'block';
	}
	
	
function load_flash_preview(id)
	{
	var so = new SWFObject('system/cards/'+id+'-preview.swf?' + Math.round(new Date().getTime()/1000.0),'mpl','700','351','9', '#ffffff');
	so.addParam('wmode','opaque');
	so.write('flash-preview');
	}
	
	
	
	
function prepare_step5()
	{
	
		
		if($('input-type').value == 'ecard')
		{
		$('agree').checked = false;
		$('terms_conditions_checkbox').setStyle('display', 'block');
		
		$$('.preview-paper').setStyle('display', 'none');
		$$('.preview-ecard').setStyle('display', 'block');
		load_flash_preview($('input-designID').value);
		} else {
		$('agree').checked = true;
		$('terms_conditions_checkbox').setStyle('display', 'none');
		var designID = $('input-n').value; 
	
		var orientation = cards[designID]['orientation'];
	
		
			if(orientation == 'portrait')
			{
			$('cardnav').setAttribute(attribute_name, 'portrait');
			$('preview-inside-container').style.height = '655px';
	
			} else {
			$('cardnav').setAttribute(attribute_name, '');
			$('preview-inside-container').style.height = '309px';
			}
	
	
		$('preview-front').style.display = 'none';
		$('preview-inside').style.display = 'none';
		$('preview-back').style.display = 'none';
		
		$('preview-instructions').style.display = 'block';
	 	
	 	$('view-front').setAttribute(attribute_name, '');
	 	$('view-inside').setAttribute(attribute_name, '');
	 	$('view-back').setAttribute(attribute_name, '');


		$$('.preview-ecard').setStyle('display', 'none');
		$$('.preview-paper').setStyle('display', 'block');
		switch_view('front');
		}
		
		
	}