/**
 * @author Mikael Georges
 * @company Kandi Media
 * @date 7 december 2009
 * 
 */
$(document).ready(function() {
	$(".menu_items img").mouseover(function() {
		var imgSrc = "images/" + $(this).attr("id") + "_ov.gif";
		$(this).attr("src", imgSrc);
	});
	
	$(".menu_items img").mouseout(function() {
		var imgSrc = "images/" + $(this).attr("id") + "_up.gif";
		$(this).attr("src", imgSrc);
	});
	
	/*
	 * CONTACT
	 */
	$("#f_clear").click(function() {
		$("input").val("");
		$("textarea").val("");
	});
	
	$("#f_submit").click(function() {
		$("#f_contact").submit();
	});
	
	// CONTACT FORM JSON PART 1
	var contact_options = {
		dataType:  'json',
		beforeSubmit: processContactBeforeSubmit,
		success: processContactJson
	};
	
	$("#f_contact").ajaxForm(contact_options);
	
	$("input").focus(function(){
		if ($(this).css("background-color") == "rgb(255, 0, 0)") {
			$(this).css("background-color", "#000");
		}
	});
	
	/*
	 * SUBSCRIPTION
	 */
	$("#s_submit").click(function() {
		$("#f_subscription").submit();
	});
	
	// CONTACT FORM JSON PART 1
	var subscription_options = {
		dataType:  'json',
		beforeSubmit: processSubscriptionBeforeSubmit,
		success: processSubscriptionJson
	};
	
	$("#f_subscription").ajaxForm(subscription_options);
	
	$("input").focus(function(){
		if ($(this).css("background-color") == "rgb(255, 0, 0)") {
			$(this).css("background-color", "#000");
		}
	});
	/*
	 * DISTRIBUTION
	 */
	$(".city_texts").hide();
	$(".city_dots").mouseover(function(){
		var currentId = $(this).attr("id").substr(($(this).attr("id").length - 2), $(this).attr("id").length);
		var currentCity = "#city_text_" + currentId;
		$(".city_texts").hide();
		$(currentCity).show();
		//alert(currentId);
		//alert($(this).attr("id"))
	});
	
	
	$(".city_dots").mouseout(function(){
		$(".city_texts").fadeOut("normal");
	});
});

/*
 * CONTACT FORM JSON PART 2
 * @response : the json object returned from the server 
 */
function processContactJson(response) {
	$("#contact_response").html("");
	$("#contact_response").append("Success! Your message has been sent");
}

function processContactBeforeSubmit(formData, jqForm, options) {
    var queryString = $.param(formData);
    //alert('About to submit: \n\n' + queryString);
	
	$("#contact_response").html("");
	$("#contact_response").append("Please wait...");
   
	if($("#f_name").val() == "") {
		$("#f_name").css("background-color", "#FF0000");
		$("#contact_response").html("");
		$("#contact_response").append("<span class='error'>Please insert your name</span>");
		return false;
	} else if($("#f_email").val() == "" || $("#f_email").val().indexOf("@") == -1 || $("#f_email").val().indexOf(".") == -1) {
		$("#f_email").css("background-color", "#FF0000");
		$("#contact_response").html("");
		$("#contact_response").append("<span class='error'>Please insert your email</span>");
		return false;
	} else {
	    return true;
	}
}

/*
 * SUBSCRIPTION FORM  PART 2
 * @response : the json object returned from the server 
 */
function processSubscriptionJson(response) {
	$("#subscription_response").html("");
	$("#subscription_response").append("Success! Your message has been sent");
}

function processSubscriptionBeforeSubmit(formData, jqForm, options) {
    var queryString = $.param(formData);
    //alert('About to submit: \n\n' + queryString);
	
	$("#subscription_response").html("");
	$("#subscription_response").append("Please wait...");
 	
	if($("#f_email").val() == "" || $("#f_email").val().indexOf("@") == -1 || $("#f_email").val().indexOf(".") == -1) {
		$("#f_email").css("background-color", "#FF0000");
		$("#subscription_response").html("");
		$("#subscription_response").append("<span class='error'>Please insert your email</span>");
		return false;
	} else if($("#f_firstname").val() == "") {
		$("#f_firstname").css("background-color", "#FF0000");
		$("#subscription_response").html("");
		$("#subscription_response").append("<span class='error'>Please insert your First Name</span>");
		return false;
	} else if($("#f_surname").val() == "") {
		$("#f_surname").css("background-color", "#FF0000");
		$("#subscription_response").html("");
		$("#subscription_response").append("<span class='error'>Please insert your Surname</span>");
		return false;
	} else if($("#f_address_1").val() == "") {
		$("#f_address_1").css("background-color", "#FF0000");
		$("#subscription_response").html("");
		$("#subscription_response").append("<span class='error'>Please insert your address</span>");
		return false;
	} else if($("#f_city").val() == "") {
		$("#f_city").css("background-color", "#FF0000");
		$("#subscription_response").html("");
		$("#subscription_response").append("<span class='error'>Please insert your city</span>");
		return false;
	} else if($("#f_postcode").val() == "") {
		$("#f_postcode").css("background-color", "#FF0000");
		$("#subscription_response").html("");
		$("#subscription_response").append("<span class='error'>Please insert your post code</span>");
		return false;
	} else {
	    return true;
	}
}