//Variables to handle the elements
var contact=$('contact'), contact_active=0;
var init_width = contact.getStyle('width'), init_height = contact.getStyle('height');
//var init_left = contact.getStyle('left').toInt(), init_top = contact.getStyle('top').toInt();
//var goto_left = init_left+430, goto_top = (init_top - 200).toString()+'px';
//alert(init_left);
//Variables to handle the contact form
var fx_contact = contact.effects({duration: 1000, transition: Fx.Transitions.Back.easeInOut});
var cont_form = '';
var mail_sent = '';
var cont_link = '';
//Add click event on contact area
contact.addEvent('click',function(){
if(!contact_active)
{
contact.innerHTML = '';
fx_contact.start({
'width': '340px',
'height': '160px',
'opacity': 0.7,
'background-color': '#000000'
}).chain(function(){
contact.innerHTML = cont_form;
});
contact_active = 1;
}
});
//Function to close the contact form
function close_form()
{
contact.innerHTML = '';
fx_contact.start({
'opacity': 1
}).chain(function(){
this.start({
'background-color': '#CCCCCC',
'width': init_width,
'height': init_height
});
}).chain(function(){
contact.innerHTML = cont_link;
contact_active = 0;
});
}
//Function to close the contact form after send email
function close_form2()
{
contact.innerHTML = mail_sent;
fx_contact.start({
'opacity': 1
}).chain(function(){
this.start.delay(2000,this,{
'background-color': '#CCCCCC',
'width': init_width,
'height': init_height
});
}).chain(function(){
contact.innerHTML = cont_link;
contact_active = 0;
});
}
//Function to alert name field
function alert_name()
{
var name=$('name');
var fx_name = name.effects({duration: 500});
fx_name.start({
'background-color': '#FF0000'
}).chain(function(){
this.start({
'background-color': '#FFC1C1'
});
});
name.focus();
}
//Function to alert email field
function alert_email()
{
var email=$('email');
var fx_email= email.effects({duration: 500});
fx_email.start({
'background-color': '#FF0000'
}).chain(function(){
this.start({
'background-color': '#FFC1C1'
});
});
email.focus();
}
//Function to send mail
function send_form()
{
var x = document.contact_form;
if(x.name.value == "")
{
alert_name();
}
else if(x.email.value == "")
{
alert_email();
}
else
{
sendMail(x.name.value,x.email.value,x.cmt.value);
}
}
//Ajax code to send mail
function createXMLtop()
{
if(window.ActiveXObject)
xhr=new ActiveXObject("Microsoft.XMLHTTP");
else if(window.XMLHttpRequest)
{
xhr=new XMLHttpRequest();
if(xhr.overrideMimeType)
{
xhr.overrideMimeType("text/xml");
}
}
}
function sendMail(name,email,cmt)
{
createXMLtop();
var url="send_balyhoo_mail.php?name="+name+"&email="+email+"&cmt="+cmt;
//alert(url);
xhr.onreadystatechange=responseMail;
xhr.open("GET",url,true);
xhr.send(null);
}
function responseMail()
{
var responseArea = $('response');
if(xhr.readyState == 1)
{
responseArea.innerHTML = "Sending Mail...";
}
if(xhr.readyState == 2)
{
responseArea.innerHTML = "Sending Mail...";
}
if(xhr.readyState == 3)
{
responseArea.innerHTML = "Sending Mail...";
}
if(xhr.readyState == 4)
{
close_form2();
}
}