/*-------------------------------------------------------------------------------
#       File Name       : ecards.js
#       Project         : Kohinoor Passions
#       Created By      : Ajai Chandran
#       Created on      : 21-07-06
#       Purpose         : This js file is used for functions used for Ecards section
#                         including AJAX part
#-------------------------------------------------------------------------------*/

var msgArr = Array("-- Select --","Let's kiss and make up !","Let's meet tonite !","Ignite my passion!","Your place or mine?","I Love You!","You turn me on!","Looking forward to time together...","Will you be mine?","We are a perfect fit...","Thanks for the great time...");
var http   = createRequestObject(); 
/*------------------------------------------------------------------------------*/
function previewEcard(card,type)
{
	if(type == "swf")
	{
		str = htmlflash(card);
	}
	else
	{
		str ="<img src='/images/ecards/"+card+".jpg'>";
	}
	str   += "<div style=\"margin-left: 50px;\"><br><input  type=\"button\"  class=\"btn_personal\"   onclick=\"formEcard('','"+card+"','"+type+"')\">&nbsp;<input type='button' class='btn_choose' onclick='chooseAnother()'></div>";
	document.getElementById('ecardform').innerHTML = str;
}
function chooseAnother()
{
	window.location.href=getPath()+"/cafe-passion/ecards";
}
/*------------------------------------------------------------------------------*/
function personaliseCard(arrCard,card)
{	
	formEcard(arrCard,card);	
}

/*------------------------------------------------------------------------------*/
function createRequestObject()
{
	var request_o; //declare the variable to hold the object.
	var browser = navigator.appName; //find the browser name
	if(browser == "Microsoft Internet Explorer")
		{
			request_o = new ActiveXObject("Microsoft.XMLHTTP");
		}
	else
		{
			request_o = new XMLHttpRequest();
		}
	return request_o; //return the object
}
/*------------------------------------------------------------------------------*/
var http = createRequestObject(); 
/*------------------------------------------------------------------------------*/
function DisplayValues()
{

	if(http.readyState == 4)
	{ 
		var response = http.responseText;
		document.getElementById('ecardform').innerHTML = response;
		document.getElementById('previewtexttop').innerHTML = "";
		document.getElementById('ecardpreview').innerHTML ="";
		document.getElementById('previewtextbottom').innerHTML ="";
		document.getElementById('ecardshow').innerHTML ="";
		document.getElementById('previewtexcommand').innerHTML ="";
		document.getElementById('blur').style.visibility= "hidden";
	}
}
/*------------------------------------------------------------------------------*/
function formEcard(arrStrCard,card,type)
{	
	  var message = 0;
	  var sender         = "";
	  var senderemail    = "";
	  var recepient      = "";
	  var recepientemail = "";
	  var comments       = "";
	  if(arrStrCard.length > 0)
	   {
		   arrCard = arrStrCard.split(":|:|");
		   sender         = arrCard[0];
		   senderemail    = arrCard[1];
		   recepient      = arrCard[2];
	       recepientemail = arrCard[3];
	       message        = arrCard[4];
	       comments       = arrCard[5];
		   document.getElementById('blur').style.visibility= "hidden";
		   document.getElementById('previewtexttop').innerHTML ="";
		   document.getElementById('ecardpreview').innerHTML ="";
		   document.getElementById('previewtextbottom').innerHTML ="";
		   document.getElementById('previewtexcommand').innerHTML ="";
	   }
	  

		var strselect = createselectbox(message);
		
		var frm  = "<form id=\"myform\" name=\"myform\" class=\"cssform\" action=\"\">"+
				   "<p><label for=\"user\">Your Name</label><input type=\"text\" class=\"txt1\"id=\"user\" value=\""+sender+"\" /></p>"+
			       "<p><label for=\"emailaddress\">Your Email</label><input type=\"text\" class=\"txt1\" id=\"emailaddress\" value=\""+senderemail+"\" /></p>"+
				   "<p><label for=\"recuser\">Recipient Name</label><input type=\"text\" class=\"txt1\" id=\"recuser\" value=\""+recepient+"\" /></p>"+
			       "<p><label for=\"recemailaddress\">Recipient Email</label><input type=\"text\" class=\"txt1\" id=\"recemailaddress\" value=\""+recepientemail+"\" /></p>"+
				   "<p><label for=\"message\">Select Message</label><select id=\"message\">"+strselect+"</select>"+
				   "<p><label for=\"comments\">Your Message</label><textarea id=\"comments\"  class='txtarea1'>"+comments+"</textarea></p>"+
				   "<div style=\"margin-left: 110px;\"><br><input type=\"button\" class=\"btn_preview\" onclick=previewCard('"+card+"','"+type+"') />"+
				   "&nbsp;<input type=\"button\" id=\"submit\" class=\"btn_send\" onclick=\"submitEcard(0,'','"+card+"','"+type+"')\" /></div></form>";

		//alert(frm);
		document.getElementById('ecardform').innerHTML = frm;
		document.getElementById('ecardshow').innerHTML = "";
}
/*------------------------------------------------------------------------------*/
  function submitEcard(flag,strEcard,card,type)
  {	  
	  if(flag == 1)
	  {
		  document.getElementById('submit1').disabled = true;
		  var arrCard		 = strEcard.split(":|:|");
		  var sender         = encodeURI(arrCard[0]);
		  var senderemail    = encodeURI(arrCard[1]);
		  var recepient      = encodeURI(arrCard[2]);
	      var recepientemail = encodeURI(arrCard[3]);
	      var message        = encodeURI(arrCard[4]);
	      var comment        = encodeURI(arrCard[5]);
		  fields		=	new Array();
		  fields.push("card="+card);
		  fields.push("sender="+sender);
		  fields.push("sendermail="+senderemail);
	      fields.push("recepient="+recepient);
		  fields.push("recepientemail="+recepientemail);
		  fields.push("message="+message);
		  fields.push("comment="+comment);
		  if(type == "swf")
		  {
			   fields.push("flash="+"y");
		  }
		  qs =	fields.join('&');
		  url  = getPath()	+"/cafe-passion/";
		  desturl =url +"submitecard/";
		  desturl = noCache(desturl);
		  http.open('POST', desturl);
		  http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
		  http.onreadystatechange = DisplayValues; 
		  http.send(qs);

	  }
	  else
	  {
		  if(validateForm() == true)
			{
				document.getElementById('submit').disabled = true;
				var arrCard		   = getFormElements();
				var sender         = arrCard[0];
				var senderemail    = arrCard[1];
				var recepient      = arrCard[2];
				var recepientemail = arrCard[3];
				var message        = arrCard[4];
				var comment		   = arrCard[5];
				fields		=	new Array();
				fields.push("card="+card);
				fields.push("sender="+sender);
				fields.push("sendermail="+senderemail);
				fields.push("recepient="+recepient);
				fields.push("recepientemail="+recepientemail);
				fields.push("message="+message);
				fields.push("comment="+comment);
				if(type == "swf")
				{
				   fields.push("flash="+"y");
				}
				qs =	fields.join('&');
				url  = getPath()	+"/cafe-passion/";
				desturl =url +"submitecard/";
				desturl = noCache(desturl);
				http.open('POST', desturl);
				http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				http.onreadystatechange = DisplayValues; 
				http.send(qs);

			/*	argurl = card+":|:|"+sender +":|:|"+senderemail+":|:|"+ recepient+":|:|"+recepientemail+":|:|"+message+":|:|"+comment;
				path = getPath();
				url  = path	+"/cafe-passion/ecards/";
				desturl =url +="submitecard/?arg="+argurl;
				//alert(desturl);
				desturl = noCache(desturl);
				http.open('GET', desturl);
				http.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
				http.onreadystatechange = DisplayValues; 
				http.send(null);*/
			}

	  }
	    
  }
/*------------------------------------------------------------------------------*/
function previewCard(card,type)
{
	
	if(validateForm() ==true)
    {
	var arrCard = Array();
	arrCard			   = getFormElements();
	
	var sender         = arrCard[0];
	var senderemail    = arrCard[1];
	var recepient      = arrCard[2];
	var recepientemail = arrCard[3];
	var message        = arrCard[4];
	var comments       = arrCard[5];
	var strCard        = sender +":|:|"+senderemail+":|:|"+ recepient+":|:|"+recepientemail+":|:|"+message+":|:|"+comments;
	document.getElementById('ecardform').innerHTML = "";
	//document.getElementById('previewmain').style.visibility= "visible";
	document.getElementById('blur').style.visibility= "visible";
	document.getElementById('previewtexttop').innerHTML ="<p>Hi <b>" +recepient+"</b>"+
														 "<p class='msgsubheading'>"+msgArr[message]+"<p>";
	if(type =="swf")
	{
		imgstr = htmlflash(card);
	}
	else
	{
		imgstr = "<img src='/images/ecards/"+card+".jpg'>";
	}
	document.getElementById('ecardpreview').innerHTML = imgstr ;
	document.getElementById('previewtextbottom').innerHTML ="<p class='msgsub'>"+comments+"</p>"+
		                                                    "<p><b>"+sender +"</b></p>";
	document.getElementById('previewtexcommand').innerHTML ="<p><p><input  type=\"button\" class=\"btn_edit\" onclick=\"formEcard('"+ strCard +"','"+card+"','"+type+"')\"/>&nbsp;"+
															"<input  id =\"submit1\"type=\"button\" class=\"btn_send\"  onclick=\"submitEcard('1','"+ strCard +"','"+card+"','"+type+"')\"/>&nbsp;<input type='button' class='btn_choose' onclick='chooseAnother()'></p>";
	
	}
}
/*------------------------------------------------------------------------------*/
function validateForm()
{	
    var arrCard         = getFormElements();
	var sender			= arrCard[0];
	var senderemail		= arrCard[1];
	var recepient		= arrCard[2];
	var recepientemail	= arrCard[3];
	var message			= arrCard[4];
	if( sender == "")
	{
		alert("Please Enter Your Name");
		document.getElementById('user').focus();
		return false;
	}
	if( senderemail == "")
	{
		alert("Please Enter Your Email");
		document.getElementById('emailaddress').focus();
		return false;
	}
	if(!isEmail(senderemail))
	{
		alert("Please Enter vaild Email");
		document.getElementById('emailaddress').focus();
		return false;
	}
	if( recepient == "")
	{
		alert("Please Enter Recepient Name");
		document.getElementById('recuser').focus();
		return false;
	}
	if( recepientemail == "")
	{
		alert("Please Enter Recepient Email");
		document.getElementById('recemailaddress').focus();
		return false;
	}
	if(!isEmail(recepientemail))
	{
		alert("Please Enter vaild Email");
		document.getElementById('recemailaddress').focus();
		return false;
	}
	if( message == "0")
	{
		alert("Please select a message");
		document.getElementById('message').focus();
		return false;
	}

 return true;
}
/*------------------------------------------------------------------------------*/
function isEmail (s)
{   
	var i = 1;
	var sLength = s.length;

	// look for @
	while ((i < sLength) && (s.charAt(i) != "@"))
	{ i++
	}

	if ((i >= sLength) || (s.charAt(i) != "@")) return false;
	else i += 2;

	// look for .
	while ((i < sLength) && (s.charAt(i) != "."))
	{ i++
	}

	// there must be at least one character after the .
	if ((i >= sLength - 1) || (s.charAt(i) != ".")) return false;
	else return true;
}
/*------------------------------------------------------------------------------*/
function getFormElements()
{
	var arrForm   = new Array();
	var message   = document.getElementById('message').value;
	var comment   = document.getElementById('comments').value;
	arrForm[0]	  = document.getElementById('user').value;
	arrForm[1]    = document.getElementById('emailaddress').value;
	arrForm[2]    = document.getElementById('recuser').value;
	arrForm[3]    = document.getElementById('recemailaddress').value;
	arrForm[4]    = message;
	arrForm[5]    = comment;
	return arrForm;
}
/*------------------------------------------------------------------------------*/
function createselectbox(val1)
{
	str = "";
	sel = "";
	for (i=0;i< msgArr.length;i++ )
	{
		if(i == val1)
		{
			sel = "selected";
		}
		else
		{
			sel = "";
		}
		str += "<option value='"+i+"' "+sel+">"+msgArr[i]+"</option>";
	}
	
	return str;
}
/*------------------------------------------------------------------------------*/
function noCache(url)
{
	var sep = (-1 < url.indexOf("?")) ? "&" : "?"	
	url = url + sep + "__=" + encodeURIComponent((new Date()).getTime());	
	return url;
}
//*------------------------------------------------------------------------------*/
function getPath()
{
	url		=	document.location.href;
	x		=	url.indexOf(".");
	x		=	url.indexOf("/",x);
	return url.substring(0,x);
}
/*------------------------------------------------------------------------------*/
function htmlflash(card)
{
	var width = "335";
	var height = "500";
	if(card =='card20' )
	{
		width = "482";
		height = "358";
	}
	var flashstr = "<object classid='clsid:d27cdb6e-ae6d-11cf-96b8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0' width='"+width+"' height='"+height+"' id='"+card+"' align='middle'><param name='allowScriptAccess' value='sameDomain' /><param name='movie' value='"+getPath()+"/images/ecards/"+card+".swf' /><param name='quality' value='high' /><param name='bgcolor' value='#000000' /><embed src='"+getPath()+"/images/ecards/"+card+".swf' quality='high' bgcolor='#000000' width='"+width+"' height='"+height+"' name='"+card+"' align='middle' allowScriptAccess='sameDomain' type='application/x-shockwave-flash' pluginspage='http://www.macromedia.com/go/getflashplayer' /></object>";
	return flashstr;
}