String.prototype.trim = function()
{
	return this.replace(/^\s*|\s*$/g,'');
}

function editEcard(preview_div)
{

    var formDiv =  document.getElementById('form_container');

    if(!preview_div)
	{
	    preview_div = 'preview_container';
	}
    var previewDiv =  document.getElementById(preview_div);
    
    formDiv.style.display = "block";
    previewDiv.style.display = "none";

}


function previewEcard()
{
    
    var from_name = document.getElementById('sender_name').value;
    var to_name = document.getElementById('recipient_name').value;
    var message = document.getElementById('message').value;
    
    var from_nameP = document.getElementById('sender_nameP');
    var from_nameD = document.getElementById('dis_sender_name');
    var to_nameP = document.getElementById('recipient_nameP');
    var messageP = document.getElementById('messageP');

    var isIE = (window.navigator.userAgent.indexOf("MSIE") > 0);
    var formDiv =  document.getElementById('form_container');
    var previewDiv =  document.getElementById('preview_container');

    if (!checkForm())
	{
	    return false;
	}

    if (isIE)
	{
	    from_nameP.innerHTML = from_name;
	    to_nameP.innerHTML = to_name;
	    messageP.innerHTML = message;
	    if (typeof(from_nameD) != 'undefined')
		{
		    from_nameD.innerHTML = from_name;
		}
	}
    else
	{
	    from_nameP.textContent = from_name;
	    to_nameP.textContent = to_name;
	    messageP.textContent = message;
	    if (typeof(from_nameD) != 'undefined')
		{
		    from_nameD.textContent = from_name;
		}
	}

    previewDiv.style.display = "block";
    formDiv.style.display = "none";

}

function sendEcard()
{
    if (!checkForm())
	{
	    editEcard();
	    return false;
	}
    document.main_form.submit();
}

function checkForm()
{

    var form = document.getElementById('main_form');
    var error = '';
    
    if (form.sender_name.value.trim() == "")
	{
	    error += " * Sender name is required \n";
	    form.sender_name.focus();
	}
    
    if ((form.sender_email.value.trim() == "") || form.sender_email.value.search(/(.+)@(.+)\.(.+)/))
	{
	    error += " * Valid sender's email address is required \n";
	    form.sender_email.focus();
	}
    
    if (form.recipient_name.value.trim() == "")
	{
	    error += " * Recipient's name is required \n";
	    form.recipient_name.focus();
	}

    
    if ((form.recipient_email.value.trim() == "") || form.recipient_email.value.search(/(.+)@(.+)\.(.+)/))
	{
	    error += " * Valid recipient's email address is required \n";
	}
    
    if (form.message.value.trim() == "")
	{
	    error += " * Message is required \n";
	}
    
    if (typeof(form.tip_of_day) != 'undefined')
	{
	    if (form.tip_of_day.value.trim() == "")
		{
		    error += " * Select a tip is required\n";
		}
	}

    if (error != "") 
	{
	    alert("The following errors needs to be fixed: \n" +error);
	    return false;
	}
    return true;
}

function getTip_Of_Day(selectedTip)
{
    
    var tipObj = document.main_form.tips;
    var tod = document.main_form.tip_of_day;

    var tips = new Array(
			 'Got junk in the trunk? Increase your fuel efficiency by removing excess weight from your car.',
			 '14% of water "consumed" in the house is never used. Conserve by attending to leaky pipes and taps early.',
			 'Save electricity while getting in shape! Take your workout outside.',
			 'Feel good about paying your bills. Save trees and water by paying electronically.'
			 );

    if (!selectedTip)
	{
	    var tipLength = tipObj.length;
	    for(var i = 0; i < tipLength; i++) {
		if(tipObj[i].checked) {
		    selectedTip = tipObj[i].value;
		    break;
		}
	    }
	}

    selectedTip = parseInt(selectedTip);
    tod.value = tips[(selectedTip - 1)];
    return;
}

function previewCard_Tips()
     {
	 var isIE = (window.navigator.userAgent.indexOf("MSIE") > 0);
	 var tip_preview = document.getElementById('tip_wrapper');
	 var tod = document.getElementById('tip_of_day').value;
	 
	 if (isIE)
	     {
		 tip_preview.innerHTML = tod;
	     }
	 else
	     {
		 tip_preview.textContent = tod;
	     }
	 previewEcard();
     }

// based on code from 
// Steve | http://jsmadeeasy.com/ */
function activeCount(message,ctr_message,text,characters) 
{
    
    var msg = document.getElementById(message);
    var ctr = document.getElementById(ctr_message);
    var length = characters - msg.value.length;
    if (length <= 0) {
	length = 0;
	msg.value = msg.value.substr(0,characters);
    }
    ctr.innerHTML = text.replace("{NUM}",length);
}