function showSection(sectionID, shareID) {

	switch(sectionID){
		case 0:
				// landing page of send ecard
				document.getElementById("lightboxContent_step1").style.display="block";
				document.getElementById("lightboxContent_step2").style.display="none";
				document.getElementById("lightboxContent_step3").style.display="none";
				document.getElementById("lightboxContent_step4").style.display="none";
				document.getElementById("lightboxContent_step5").style.display="none";
				document.getElementById("lightboxContent_step6").style.display="none";
				//document.getElementById("section7").style.display="none";
				break;
		case 1:
				document.contact2.shareid.value = shareID;
				// if user resend card, display user info
				if ((document.contact2.pcode.value != "") && (document.contact2.uid.value != ""))
				{
					getsenderinfo(document.contact2);
				}
				else
				{
				// rojak song title page
				document.getElementById("lightboxContent_step1").style.display="none";
				document.getElementById("lightboxContent_step2").style.display="block";
				document.getElementById("lightboxContent_step3").style.display="none";
				document.getElementById("lightboxContent_step4").style.display="none";
				document.getElementById("lightboxContent_step5").style.display="none";
				document.getElementById("lightboxContent_step6").style.display="none";
				//showfacebook();				
				//document.getElementById("section7").style.display="none";
				}
				break;
		case 2:
				
				if ((document.contact2.pcode.value != "") && (document.contact2.uid.value != ""))
				{
					//go to email from thank you page
					document.contact2.shareid.value = 1;
					document.getElementById("lightbox_step3_next_resend").style.display="block";
					document.getElementById("lightbox_step3_next").style.display="none";
					
					document.getElementById("lightboxContent_step1").style.display="none";
					document.getElementById("lightboxContent_step2").style.display="none";
					document.getElementById("lightboxContent_step3").style.display="block";
					document.getElementById("lightboxContent_step4").style.display="none";
					document.getElementById("lightboxContent_step5").style.display="none";
					document.getElementById("lightboxContent_step6").style.display="none";	
				}
				else
				{
					
	
				// if this is the first time user submit e-card
				if (document.contact2.userid.value == "")
				{
					if(validate1(document.contact2))
					{
						 if(document.contact2.notify.checked){
							document.contact2.notifyme.value="1";
						  }
						  else
						  {
							document.contact2.notifyme.value="0";
						  }
						//if user choose email, go back to contact import page
						if (document.contact2.shareid.value	== 1)
						{
						document.getElementById("lightboxContent_step1").style.display="none";
						document.getElementById("lightboxContent_step2").style.display="none";
						document.getElementById("lightboxContent_step3").style.display="block";
						document.getElementById("lightboxContent_step4").style.display="none";
						document.getElementById("lightboxContent_step5").style.display="none";
						document.getElementById("lightboxContent_step6").style.display="none";
						}
						//if user choose facebook / blog, go back to song title page 
						else
						{
						document.getElementById("lightboxContent_step1").style.display="none";
						document.getElementById("lightboxContent_step2").style.display="block";
						document.getElementById("lightboxContent_step3").style.display="none";
						document.getElementById("lightboxContent_step4").style.display="none";
						document.getElementById("lightboxContent_step5").style.display="none";
						document.getElementById("lightboxContent_step6").style.display="none";	
						}
					}
				}
				// if user choose email after create their cards using facebook or blog
				else
				{
				document.contact2.shareid.value =1;
				document.getElementById("lightboxContent_step1").style.display="none";
				document.getElementById("lightboxContent_step2").style.display="none";
				document.getElementById("lightboxContent_step3").style.display="block";
				document.getElementById("lightboxContent_step4").style.display="none";
				document.getElementById("lightboxContent_step5").style.display="none";
				document.getElementById("lightboxContent_step6").style.display="none";	
				}
				}
				
				//document.getElementById("section7").style.display="none";
				break;		
		case 3:
					// user contact info		
					if(validate3(document.contact2))
					{
						setLabelValue(); 
				
						document.getElementById("txtsendstatus").style.display="block";
						document.getElementById("txtsendstatus2").style.display="none";
				
						//if user select email, can preview card
						if (document.contact2.shareid.value	== 1)
						{
						document.getElementById("lightboxContent_step1").style.display="none";
						document.getElementById("lightboxContent_step2").style.display="none";
						document.getElementById("lightboxContent_step3").style.display="none";
						document.getElementById("lightboxContent_step4").style.display="none";
						document.getElementById("lightboxContent_step5").style.display="block";
						document.getElementById("lightboxContent_step6").style.display="none";
						}
					}
				
					break;
		case 4:
				//document.contact.submit();
				setLabelValue(); 
				
				document.getElementById("txtsendstatus").style.display="block";
				document.getElementById("txtsendstatus2").style.display="none";
		
				//if user select email, can preview card
				if (document.contact2.shareid.value	== 1)
				{
				document.getElementById("lightboxContent_step1").style.display="none";
				document.getElementById("lightboxContent_step2").style.display="none";
				document.getElementById("lightboxContent_step3").style.display="none";
				document.getElementById("lightboxContent_step4").style.display="none";
				document.getElementById("lightboxContent_step5").style.display="block";
				document.getElementById("lightboxContent_step6").style.display="none";
				}
				else
				//if user select facebook / blog, submit form
				{
					savepoll(document.contact2);
				}
				//document.getElementById("section7").style.display="none";
				break;
		case 5:
				//document.contact.submit();
				// this case no longer in use. will return result using ajax (select.js)
				document.getElementById("lightboxContent_step1").style.display="none";
				document.getElementById("lightboxContent_step2").style.display="none";
				document.getElementById("lightboxContent_step3").style.display="none";
				document.getElementById("lightboxContent_step4").style.display="none";
				document.getElementById("lightboxContent_step5").style.display="none";
				document.getElementById("lightboxContent_step6").style.display="block";
				//document.getElementById("section7").style.display="none";
				break;
		case 6:
				 if(document.contact2.notify.checked){
					document.contact2.notifyme.value="1";
				  }
				  else
				  {
					document.contact2.notifyme.value="0";
				  }
						
				if(validate1(document.contact2))
					{
						//if user select email, can preview card
					if (document.contact2.shareid.value	== 1)
						{
						document.getElementById("lightboxContent_step1").style.display="none";
						document.getElementById("lightboxContent_step2").style.display="none";
						document.getElementById("lightboxContent_step3").style.display="block";
						document.getElementById("lightboxContent_step4").style.display="none";
						document.getElementById("lightboxContent_step5").style.display="none";
						document.getElementById("lightboxContent_step6").style.display="none";
						}
						else
						//if user choose facebook / blog, skip contact page
						{
						
							savepoll(document.contact2);
							
						//document.getElementById("lightboxContent_step1").style.display="none";
						//document.getElementById("lightboxContent_step2").style.display="none";
						//document.getElementById("lightboxContent_step3").style.display="none";
						//document.getElementById("lightboxContent_step4").style.display="block";
						//document.getElementById("lightboxContent_step5").style.display="none";
						//document.getElementById("lightboxContent_step6").style.display="none";	
						}
					}
					break;
		case 7:
				document.contact2.reset();
				
				var pcode2 = document.contact2.pcode2.value;
				var uid2 = document.contact2.uid2.value;
				
				document.contact2.pcode.value = pcode2;
				document.contact2.uid.value = uid2;
				// landing page of re-send ecard
				document.getElementById("lightboxContent_step1").style.display="block";
				document.getElementById("lightboxContent_step2").style.display="none";
				document.getElementById("lightboxContent_step3").style.display="none";
				document.getElementById("lightboxContent_step4").style.display="none";
				document.getElementById("lightboxContent_step5").style.display="none";
				document.getElementById("lightboxContent_step6").style.display="none";

				//document.getElementById("section7").style.display="none";
				break;
		case 8:
				// resend card step2
				if ((document.contact2.pcode.value != "") && (document.contact2.uid.value != ""))
				{
					setThankyou(document.contact2.uid.value);
					//if user choose email
					if ((document.contact2.shareid.value== 1))
						{
						document.getElementById("lightbox_step3_next_resend").style.display="block";
						document.getElementById("lightbox_step3_next").style.display="none";
						
						document.getElementById("lightboxContent_step1").style.display="none";
						document.getElementById("lightboxContent_step2").style.display="none";
						document.getElementById("lightboxContent_step3").style.display="block";
						document.getElementById("lightboxContent_step4").style.display="none";
						document.getElementById("lightboxContent_step5").style.display="none";
						document.getElementById("lightboxContent_step6").style.display="none";
						}
					else if(document.contact2.shareid.value == 2 )
						//if user choose facebook 
					{
						showfacebook();
						document.getElementById("lightboxContent_step1").style.display="none";
						document.getElementById("lightboxContent_step2").style.display="none";
						document.getElementById("lightboxContent_step3").style.display="none";
						document.getElementById("lightboxContent_step4").style.display="none";
						document.getElementById("lightboxContent_step5").style.display="none";
						document.getElementById("lightboxContent_step6").style.display="block";
					}
					else if (document.contact2.shareid.value == 3 )
					{
						//if user choose blog 
						showblogit();
						document.getElementById("lightboxContent_step1").style.display="none";
						document.getElementById("lightboxContent_step2").style.display="none";
						document.getElementById("lightboxContent_step3").style.display="none";
						document.getElementById("lightboxContent_step4").style.display="none";
						document.getElementById("lightboxContent_step5").style.display="none";
						document.getElementById("lightboxContent_step6").style.display="block";
					}				
				}
				break;
		case 9:
				if(validate3(document.contact2))
					{
					resendcard(document.contact2);		
					}
					break;	
		case 10:	
					//go to email from thank you page
					document.contact2.shareid.value = 1;
					document.getElementById("lightbox_step3_next_resend").style.display="block";
					document.getElementById("lightbox_step3_next").style.display="none";
					
					document.getElementById("lightboxContent_step1").style.display="none";
					document.getElementById("lightboxContent_step2").style.display="none";
					document.getElementById("lightboxContent_step3").style.display="block";
					document.getElementById("lightboxContent_step4").style.display="none";
					document.getElementById("lightboxContent_step5").style.display="none";
					document.getElementById("lightboxContent_step6").style.display="none";
					
					break;
	
	}
}


function setThankyou(uid)
{
		document.getElementById("blogitsnippet").innerHTML = "<object classid=\"clsid:d27cdb6e-ae6d-11cf-96b8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=9,0,0,0\" width=\"100%\" height=\"100%\" id=\"loader\" align=\"middle\">"
	+ "<param name=\"allowScriptAccess\" value=\"always\" />"
	+ "<param name=\"allowFullScreen\" value=\"true\" />"
	+ "<param name=\"movie\" value=\"http://www.rojaksong.com.my/rojak_blog.swf\" /><param name=\"quality\" value=\"high\" /><param name=\"bgcolor\" value=\"#ffffff\" />"
	+ "<param name=\"wmode\" value=\"transparent\" />	"
	+ "<param name=\"FlashVars\" value=\"id=&uid="+uid.replace(/^\s+|\s+$/g, '')+"\"/>"
	+ "<embed src=\"http://www.rojaksong.com.my/rojak_blog.swf\" FlashVars=\"id=&uid="+uid.replace(/^\s+|\s+$/g, '')+"\" width=\"100%\" height=\"100%\" align=\"middle\" quality=\"high\" bgcolor=\"#ffffff\" name=\"loader\" allowScriptAccess=\"always\" allowFullScreen=\"true\" type=\"application/x-shockwave-flash\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" wmode=\"transparent\" />"
  + "</object>";
  
document.getElementById("fburl").href ="http://www.facebook.com/sharer.php?u=http://www.rojaksong.com.my/index.php?uid="+uid.replace(/^\s+|\s+$/g, '')+"&t=Rojak%20–%20A%20Malaysian%20Love%20Song"; 

document.getElementById("fburl2").href ="http://www.facebook.com/sharer.php?u=http://www.rojaksong.com.my/index.php?uid="+uid.replace(/^\s+|\s+$/g, '')+"&t=Rojak%20–%20A%20Malaysian%20Love%20Song"; 

document.getElementById("fburl3").href ="http://www.facebook.com/sharer.php?u=http://www.rojaksong.com.my/index.php?uid="+uid.replace(/^\s+|\s+$/g, '')+"&t=Rojak%20–%20A%20Malaysian%20Love%20Song"; 
}

function showblogit()
{

	document.getElementById("blog_tq").style.display="block";
	document.getElementById("email_tq").style.display="none";
	document.getElementById("facebook_tq").style.display="none";
				
}

function showfacebook()
{
	document.getElementById("blog_tq").style.display="none";
	document.getElementById("email_tq").style.display="none";
	document.getElementById("facebook_tq").style.display="block";
}

function showemail()
{
	document.getElementById("blog_tq").style.display="none";
	document.getElementById("email_tq").style.display="block";
	document.getElementById("facebook_tq").style.display="none";	
}

function validate1(form1)
{
	var title		= form1.title.value;
	var message     = form1.mymessage.value.replace(/^\s*/, "").replace(/\s*$/, "");
	var name		= form1.myname.value;
	var email	= form1.myemail.value;
	var mobile	= form1.mymobile.value;
	var reqfield	= "";
	var subform		= true;
	
	if (title == '') {
		reqfield = reqfield + "\n - Title";
		subform = false;
	}
	if (name == '') {
		reqfield = reqfield + "\n - Name";
		subform = false;
	}
	if (mobile == '') {
		reqfield = reqfield + "\n - Mobile No.";
		subform = false;
	}
	if (email == '') {
		reqfield = reqfield + "\n - Email Address";
		subform = false;
	}
	if (message == '') {
		reqfield = reqfield + "\n - Message";
		subform = false;
	}
		
	if 	(subform == false)
	{
		alert("Oops! Hang on...\nPlease fill in your:" + reqfield);
		return false;
	}
	else if (echeck(email)==false)
	{
		return false;
	}
	else if (checkNumeric(mobile)==false)
	{
		return false;
	}
	
	else
	return true;
}

function validate2(form1)
{

	var state	= form1.mystate.value;
	var mobile	= form1.mymobile.value;
	var address	= form1.myaddress.value;
	var reqfield	= "";
	var subform		= true;
	
	
	if (mobile == '') {
		reqfield = reqfield + "\n - Mobile No.";
		subform = false;
	}
	if (form1.mycountry.value == "Malaysia")
	{
		if (state == '') {
			reqfield = reqfield + "\n - State";
			subform = false;
		}
	}
	if (address == '') {
		reqfield = reqfield + "\n - Address";
		subform = false;
	}	
	if 	(subform == false)
	{
		alert("Oops! Hang on...\nPlease fill in your:" + reqfield);
		return false;
	}
	else
	return true;
}

function validate3(form1){
	blank = "";
	if ((form1.Message.value == "") || (form1.Message.value.indexOf('@') == -1) || (form1.Message.value.indexOf('.') == -1)) {
	blank += "\n  -  Send to or Contact Details";
	}
	if (blank != "") {
		blank = "Oops! Hang on...\nDon't forget to tag your friends! Enter their emails before proceeding.";
		alert(blank);
		return false;
	}
	else {
		return true;
	}
}

function setLabelValue() {
var val = document.getElementById('mymessage');
var lab = document.getElementById('lblmessage');
var val2 = document.getElementById('myname');
var lab2 = document.getElementById('lblname');
var val3 = '';
val = val.value;
if (val.length > 35)
{
var temp = new Array();
temp = val.split(' ');

	for (i =0; i <= temp.length -1; i++) {
	if((temp[i].length) > 35){
		if((temp[i].length) > 140){
		temp[i] = temp[i].substring(0,35) + ' ' + temp[i].substring(35,70)+ ' ' + temp[i].substring(70,105) + ' ' + temp[i].substring(105,140) + ' ' + temp[i].substring(140,temp[i].length);
			}
		else if((temp[i].length) > 105){
		temp[i] = temp[i].substring(0,35) + ' ' + temp[i].substring(35,70)+ ' ' + temp[i].substring(70,105) + ' ' + temp[i].substring(105,temp[i].length);
			}
		else if((temp[i].length) > 70){
		temp[i] = temp[i].substring(0,35) + ' ' + temp[i].substring(35,70)+ ' ' + temp[i].substring(70,temp[i].length);
			}
		else if((temp[i].length) > 35){
		temp[i] = temp[i].substring(0,35) + ' ' + temp[i].substring(35,temp[i].length);
			}	
		}
	}
	for (i =0; i <= temp.length -1; i++) {
		val3 = val3 + ' ' + temp[i];
	}
	val = val3;
}

lab.innerHTML = val;
lab2.innerHTML = val2.value;
}

function echeck(str) {

		var at="@"
		var dot="."
		var lat=str.indexOf(at)
		var lstr=str.length
		var somestring  = lstr - 15;
	  var add = str.substring(somestring, lstr);
	 if (str != ""){
	  if (str.indexOf(at)==-1){
		   alert("Oops! Hang on...\nPlease provide a valid email address.");
		   return false;
		}
	
		if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
		   alert("Oops! Hang on...\nPlease provide a valid email address.");
		   return false;
		}
		if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
		   alert("Oops! Hang on...\nPlease provide a valid email address.");
		    return false;
		}
		 if (str.indexOf(at,(lat+1))!=-1){
		   alert("Oops! Hang on...\nPlease provide a valid email address.");
		    return false;
		 }
		 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
		   alert("Oops! Hang on...\nPlease provide a valid email address.");
		    return false;
		 }
		 if (str.indexOf(dot,(lat+2))==-1){
		   alert("Oops! Hang on...\nPlease provide a valid email address.");
		    return false;
		 }
		 if (str.indexOf(" ")!=-1){
		   alert("Oops! Hang on...\nPlease provide a valid email address.");
		    return false;
		 }
	  } 
 	return true;					
}

function checkNumeric2(str){
  if(invChars=str.match(/\D/g)){
    	alert("Oops! Hang on...\nPlease provide a valid phone number.");
    	return false;
  }
  else
  {
  		return true;
  }
}

function checktnc()
{
 	if(!document.contact2.notify.checked)
		{
		if(confirm("PLEASE READ CAREFULLY\n\nBy unchecking the box, you indicate that you disagree with the Contest Terms & Conditions and/or do not want to participate in the Contest.\n\nBy clicking 'OK', you acknowledge that ALL PREVIOUSLY ACCUMULATED POINTS WILL BE ERASED (if any).") == false)
		{
			document.contact2.notify.checked = true;
			}
		
		}

}

function checkNumeric(TheNumber) {
	var valid = 1;
	var GoodChars = "0123456789";
	var i = 0;
	for (i =0; i <= TheNumber.length -1; i++) {
		if (GoodChars.indexOf(TheNumber.charAt(i)) == -1) {
		valid = 0;
		} // End if statement
	} // End for loop
	if(valid==0){
    	alert("Oops! Hang on...\nPlease provide a valid phone number.");
    	return false;
  	}
	else if ((TheNumber.length < 8) || (TheNumber.length > 10))
	{
		alert("Oops! Hang on...\nPlease provide a valid Mobile No.");
		return false;
	}
	else if ((TheNumber.substring(0,2) != "01") && (TheNumber.substring(0,2) != "65"))
	{
		alert("Oops! Hang on...\nPlease provide a valid Mobile No.\nExample: 01XXXXXXXX, 65XXXXXXXX");
		return false;
	}
  	else
  	{
  		return true;
  	}
}