
function displayContent(i)
{
	if(navigator.appName.indexOf('Internet Explorer') != -1)
	{
		var code = '<div class="button">';
		code = code+'<a href="javascript:createMenuPage()" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/iconBack_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><a href="javascript:createMenuPage()" style="text-decoration:none;"><font color="#'+Data.MenuTextColor+'">'+Data.BackToMenuMessage+'</font></a></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
		code = code+'<div class="title"><font color="'+Data.ThemeColorCode+'">'+Data.Button[i].Title+'</font></div>';
		code = code+'<div class="content"><font color="#'+Data.ContentColor+'">'+Data.Button[i].Content+'</font></div>';
		code = code+'<div class="button">';
		code = code+'<a href="javascript:createMenuPage()" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/iconBack_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><a href="javascript:createMenuPage()" style="text-decoration:none;"><font color="#'+Data.MenuTextColor+'">'+Data.BackToMenuMessage+'</font></a></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
	}
	else
	{
		var code = '<div class="button">';
		code = code+'<a href="javascript:createMenuPage()" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/iconBack_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><font color="#'+Data.MenuTextColor+'">'+Data.BackToMenuMessage+'</font></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
		code = code+'<div class="title"><font color="'+Data.ThemeColorCode+'">'+Data.Button[i].Title+'</font></div>';
		code = code+'<div class="content"><font color="#'+Data.ContentColor+'">'+Data.Button[i].Content+'</font></div>';
		code = code+'<div class="button">';
		code = code+'<a href="javascript:createMenuPage()" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/iconBack_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><font color="#'+Data.MenuTextColor+'">'+Data.BackToMenuMessage+'</font></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
	}
	
	document.getElementById("container").innerHTML = code;
}

function displayForm(i)
{
	
	if(navigator.appName.indexOf('Internet Explorer') != -1)
	{
		var code = '<div class="button">';
		code = code+'<a href="javascript:createMenuPage()" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/iconBack_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><a href="javascript:createMenuPage()" style="text-decoration:none;"><font color="#'+Data.MenuTextColor+'">'+Data.BackToMenuMessage+'</font></a></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
		code = code+'<form name="contactForm" action="">';
		code = code+'<div class="title"><font color="'+Data.ThemeColorCode+'">'+Data.Button[i].Title+'</font></div>';
		//code = code+'<div class="content"><font color="'+Data.ContentColor+'">'+Data.Button[i].Message+'</font></div>';
		code = code+'<div class="title"><font color="#'+Data.ContentColor+'">Your Email</font></div>';
		code = code+'<div class="input_holder"><input type="text" name="email" class="inputForm" style="border-color:#'+Data.ContentColor+'; color:#'+Data.ContentColor+';" value="" /></div>';
		code = code+'<div class="title"><font color="#'+Data.ContentColor+'">Your Name</font></div>';
		code = code+'<div class="input_holder"><input type="text" name="name" class="inputForm" style="border-color:#'+Data.ContentColor+'; color:#'+Data.ContentColor+';" value="" /></div>';
		code = code+'<div class="title"><font color="#'+Data.ContentColor+'">Your Message</font></div>';
		code = code+'<div class="input_holder"><textarea name="message" rows="6" cols="" class="inputForm" style="border-color:#'+Data.ContentColor+'; color:#'+Data.ContentColor+';"></textarea></div>';
		code = code+'<div class="button">';
		code = code+'<a href="javascript:sendMessage('+i+')" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/icon'+Data.Button[i].IconCode+'_'+Data.ThemeColor+'.png" border="0px" alt="" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><a href="javascript:sendMessage('+i+')" style="text-decoration:none;"><font color="#'+Data.MenuTextColor+'">Send message</font></a></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
		code = code+'</form>';
		code = code+'<div class="button">';
		code = code+'<a href="javascript:createMenuPage()" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/iconBack_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><a href="javascript:createMenuPage()" style="text-decoration:none;"><font color="#'+Data.MenuTextColor+'">'+Data.BackToMenuMessage+'</font></a></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
	}
	else
	{
		var code = '<div class="button">';
		code = code+'<a href="javascript:createMenuPage()" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/iconBack_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><font color="#'+Data.MenuTextColor+'">'+Data.BackToMenuMessage+'</font></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
		code = code+'<form name="contactForm" action="">';
		code = code+'<div class="title"><font color="'+Data.ThemeColorCode+'">'+Data.Button[i].Title+'</font></div>';
		//code = code+'<div class="content"><font color="'+Data.ContentColor+'">'+Data.Button[i].Message+'</font></div>';
		code = code+'<div class="title"><font color="#'+Data.ContentColor+'">Your Email</font></div>';
		code = code+'<div class="input_holder"><input type="text" name="email" class="inputForm" style="border-color:#'+Data.ContentColor+'; color:#'+Data.ContentColor+';" value="" /></div>';
		code = code+'<div class="title"><font color="#'+Data.ContentColor+'">Your Name</font></div>';
		code = code+'<div class="input_holder"><input type="text" name="name" class="inputForm" style="border-color:#'+Data.ContentColor+'; color:#'+Data.ContentColor+';" value="" /></div>';
		code = code+'<div class="title"><font color="#'+Data.ContentColor+'">Your Message</font></div>';
		code = code+'<div class="input_holder"><textarea name="message" rows="6" cols="" class="inputForm" style="border-color:#'+Data.ContentColor+'; color:#'+Data.ContentColor+';"></textarea></div>';
		code = code+'<div class="button">';
		code = code+'<a href="javascript:sendMessage('+i+')" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/icon'+Data.Button[i].IconCode+'_'+Data.ThemeColor+'.png" border="0px" alt="" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><font color="#'+Data.MenuTextColor+'">Send message</font></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
		code = code+'</form>';
		code = code+'<div class="button">';
		code = code+'<a href="javascript:createMenuPage()" style="text-decoration:none;">';
		code = code+'<table border="0" cellpadding="0" cellspacing="0" width="100%">';
		code = code+'<tr>';
		code = code+'<td width="40px"><img src="content/images/iconBack_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'<td class="button_content" style="background-image:url(content/images/buttonBackground_'+Data.ThemeColor+'.png);"><font color="#'+Data.MenuTextColor+'">'+Data.BackToMenuMessage+'</font></td>';
		code = code+'<td width="15px"><img src="content/images/buttonEnd_'+Data.ThemeColor+'.png" border="0px" alt="'+Data.BackToMenuMessage+'" /></td>';
		code = code+'</tr>';
		code = code+'</table>';
		code = code+'</a>';
		code = code+'</div>';
	}
	
	document.getElementById("container").innerHTML = code;
}

function sendMessage(i)
{
	if (document.contactForm.email.value == "")
		{alert("Error! Please add your email.");}
	else
	if (document.contactForm.name.value == "")
		{alert("Error! Please add your name.");}
	else
	if (document.contactForm.message.value == "")
		{alert("Error! Please add your message.");}
	else
	{
		Data.ConfirmationMessage = "Message sent!";
		
		xmlHttpMessage = new GetXmlHttpObject();
		var url = "includes/sendEmail.php";
		var variables = "email="+document.contactForm.email.value+"&name="+document.contactForm.name.value+"&message="+document.contactForm.message.value+"&toemail="+Data.Button[i].Email+"&title="+Data.SiteTitle;
		xmlHttpMessage.onreadystatechange = stateChangedMessage;
		xmlHttpMessage.open("POST",url,true);
		xmlHttpMessage.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
		xmlHttpMessage.setRequestHeader("Content-length", variables.length);
		xmlHttpMessage.setRequestHeader("Connection", "close");
		xmlHttpMessage.send(variables);
	}
}

function stateChangedMessage()
{
    if (xmlHttpMessage.readyState == 4)
    {
		alert(Data.ConfirmationMessage);
		document.contactForm.email.value = "";
		document.contactForm.name.value = "";
		document.contactForm.message.value = "";
	}
}