// JavaScript Document

//Form enable or disable
formTellFriend = false;
var popupStatus = 0;

//Top banners preload
var images = new Array(3);
for(i=0; i<images.length; i++){
	images[i] = new Image;
	images[i].src = "images/slider_"+(i+1)+".jpg";
}
//Tell a friend background image preload
var bg_tafrnd = new Image;
bg_tafrnd.src = "images/input_text_bg_error.jpg";
//Current banner number in slide show
var current = 0;
$(document).ready(function(){
	//Position banner navigation buttons
	$("#quick_links").css("left", ($(document).width()/2)-400);
	//Tell a friend on focus
	$("form#tellFriend input#email").focus(function(){
		mailId = $(this).val();
		if(mailId==$(this)[0].defaultValue){
			$(this).val("");	
		}
	});
	$("form#tellFriend input#email").blur(function(){
		mailId = $(this).val();
		if(mailId==""){
			$(this).val($(this)[0].defaultValue);	
			$(this).attr("class","inputText");
		}				  
	});
	$("form#tafPopup input#name").focus(function(){
		mailId = $(this).val();
		if(mailId==$(this)[0].defaultValue){
			$(this).val("");	
		}
	});
	$("form#tafPopup input#name").blur(function(){
		mailId = $(this).val();
		if(mailId==""){
			$(this).val($(this)[0].defaultValue);	
			$(this).attr("class","inputText");
		}				  
	});
	$("form#tellFriend input#email").keyup(function(){
		mailId = $(this).val();
		$("#messageTAF").html("");
		$.ajax({
			type: "POST",
			url: "validateEmail.php",
			data: "email="+mailId,
			success: function(message){
				if(message.length>0)
					if(message=="False"){
						$("form#tellFriend input#email").attr("class","wrong");
						formTellFriend = false;
					}else{
						$("form#tellFriend input#email").attr("class","inputText");
						formTellFriend = true;
					}
			}			
		});
	});
	$("form#tellFriend").submit(function(){
		if(formTellFriend==true){
			loadPopup();
			return false;
		}else{
			$("#messageTAF").html("**Invalid Email ID.");
			return false;
		}
		return false;
	});
	$("form#tafPopup").submit(function(){
		nameVal = $("form#tafPopup input#name").val();
		emailVal = $("form#tellFriend input#email").val();
		$("#messageTAFpopup").html("Sending...");
		if(nameVal=="" || nameVal==$("form#tafPopup input#name")[0].defaultValue){
			$("#messageTAFpopup").html("**Please type your name first");
			return false;
		}
		$.ajax({
			type: "POST",
			url: "tellAfriend.php",
			data: "name="+nameVal+"&email="+emailVal,
			success: function(message){
				if(message.length>0)
					if(message=="True"){
						$("#messageTAFpopup").css("color","#009900");
						$("#messageTAFpopup").html("**Invitation sent successfully.");
					}else{
						$("#messageTAFpopup").css("color","#FF0000");
						$("#messageTAFpopup").html("**Error! Invitation sending failed.");
					}
			}
		});
		return false;
	});
	//CLOSING POPUP
	//Click the x event!
	$("#popupContactClose, #close").click(function(){
		disablePopup();
	});
	//Click out event!
	$("#popupBackground").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});
	
	//Handeling Subscription form
	if($("#subscriber")){
		$("#subscriber").submit(function(){
			$message = $("#message");
			$name = $("#sname");
			$email = $("#semail");
			$phone = $("#phone");
			$mobile = $("#mobile");
			$country = $("#country");
			$status = true;
			//Name validatoin
			if($name.val().length <= 4){
				var message = "**Please type your full name.";
				error($name, message);
				return false;
			}else{
				setGreen($name);
			}
			//Email validation
			if($email.val() <= 4){
				var message = "**Please type your proper email.";
				error($email, message);
				return false;
			}else{
				setGreen($email);
			}
			//Email validation
			if($phone.val() == "" && $mobile.val() == ""){
				var message = "**Please type your phone or mobile number.";
				if($phone.val() == "")
					error($phone, message);
				if($mobile.val() == "")
					error($mobile, message);
				return false;
			}else{
				if($phone.val()=="")
					setDefault($phone);
				else
					setGreen($phone);
				if($mobile.val()=="")
					setDefault($mobile);
				else
					setGreen($mobile);
			}
			//Country Validation
			if($country.val() == ""){
				var message = "**Please type your country name.";
				error($country, message);
				return false;
			}else{
				setGreen($country);
			}
			if($status){
				$("#message").load("subscribe2.php", $("#subscriber").serializeArray());
				setDefault($name);
				setDefault($email);
				setDefault($phone);
				setDefault($mobile);
				setDefault($country);
			}else{
				return false;
			}
			return false;
		});
	}
	if($("#contact")){
		$("#contact").submit(function(){
			$message = $("#message");
			$name = $("#sname");
			$email = $("#semail");
			$phone = $("#sphone");
			$country = $("#scountry");
			$smessage = $("#smessage");
			$status = true;
			//Name validatoin
			if($name.val().length <= 4){
				var message = "**Please type your full name.";
				error($name, message);
				return false;
			}else{
				setGreen($name);
			}
			//Email validation
			if($email.val() <= 4){
				var message = "**Please type your proper email.";
				error($email, message);
				return false;
			}else{
				setGreen($email);
			}
			//Phone validation
			if($phone.val() == ""){
				var message = "**Please type your phone or mobile number.";
				error($phone, message);
				return false;
			}else{
				setGreen($phone);
			}
			//Message Validation
			if($smessage.val() == ""){
				var message = "**Please type your message.";
				$message.html(message);
				$smessage.css("border-color", "red");
				$smessage.focus();
				$status = false;
				return false;
			}else{
				$smessage.css("border-color", "#666666");
			}
			
			if($status){
				$("#message").load("contact2.php", $("#contact").serializeArray());
				setDefault($name);
				setDefault($email);
				setDefault($phone);
				setDefault($smessage);
				setDefault($country);
			}else{
				return false;
			}
			return false;
		});
	}
});
function error($obj, message){
	$message.html(message);
	$obj.css("background-position", "center -25px");
	$obj.focus();
	$status = false;
}
function setDefault($obj){
	$obj.css("background-position", "center top");
}function setGreen($obj){
	$obj.css("background-position", "center -50px");
}
function fadeInSlider(){
	$("#slider>img").attr("src", images[current].src);
	$("#slider").fadeIn(2000);
	if(current<images.length-1)
		pause = setTimeout(fadeOutSlider, 5000);			
	//alert($("#slider>img").attr("src"));
}
function fadeOutSlider(){
	clearTimeout(pause);
	current++;
	$("#slider").fadeOut(2000, fadeInSlider);
}
//Popup tell a friend
//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	centerPopup();
	if(popupStatus==0){
		$("#popupBackground").css({
			"opacity": "0.7"
		});
		$("#popupBackground").fadeIn("slow");
		$("#popupWindow").fadeIn("slow");
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#popupBackground").fadeOut("slow");
		$("#popupWindow").fadeOut("slow");
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#popupWindow").height();
	var popupWidth = $("#popupBackground").width();
	//centering
	$("#popupWindow").css({
		"position": "absolute",
		"top": (windowHeight/2-popupHeight/2)+$(window).scrollTop(),
		"left": windowWidth/2-popupWidth/2
	});
	//only need force for IE6
	
	$("#popupBackground").css({
		"position": "absolute",
		"top": (windowHeight/2-(popupHeight/2)-10)+$(window).scrollTop(),
		"left": (windowWidth/2-(popupWidth/2)-10)
	});
}
