// JavaScript Document


var active_color = '#B22165'; // Colour of user provided text
var inactive_color = '#ccc'; // Colour of default text


$(document).ready(function() {	
	//
	/*
	maximizeWin();
	
	//CHECK IF VISITED (do not open modal on index.php if already visited)
	$.get("modals/ask_ingrid/php/visited.php", {}, function(data){
   		//data = split(':'); //data is now an array of your vars
		if(data=="false"){ //true = already open modal once //false = first time opening
			init();	
		}
		//alert(data); //debug only
		
	}); 
	*/	   
						   
	/*******************************************/
	/*DEFAULT AND FOCUS FOR INPUT-TEXT FIELDS  */
	/*******************************************/
	//$("input.default-value").css("color", inactive_color); //INPUT-TEXT
	$(".focus_field").css("color", inactive_color); //TEXTAREA
	var default_values = new Array();
	//
	//$("input.default-value").focus(function() { //INPUT-TEXT
	$(".focus_field").focus(function() { //TEXTAREA
		if (!default_values[this.id]) {
			default_values[this.id] = this.value;
		}
		if (this.value == default_values[this.id]) {
			this.value = '';
			this.style.color = active_color;
		}
		$(this).blur(function() {
			if (this.value == '') {
				this.style.color = inactive_color;
				this.value = default_values[this.id];
			}
		});
	});
	
	//vars
	//form1 = search, form2 = email, form3 = comment
	$.panels = Array('#msg', '#form1','#error1','#thanks1','#form2','#error2','#thanks2','#form3','#error3','#thanks3');
	
	//helper
	function randomId(){
		var min_num = 1; 
		var max_num = 10000; 
		var diff = max_num-min_num+1 ; 
		var rnd_number=Math.floor(Math.random()*diff + min_num); 
		return rnd_number;
	}
	
	//helper
	function maximizeWin() {
		//alert();
		if (window.screen) {
			var aw = screen.availWidth;
			var ah = screen.availHeight;
			window.moveTo(0, 0);
			window.resizeTo(aw, ah);
		}
	}

	//
	function init(){
		//
		//show form 1
		hideAll();
		$('#form3').show(); //show only comments
		resetForm3();
		resetForm2();
	}
	//init();
	
	//
	function hideAll(){
		//
		for(var i=0; i<$.panels.length; i++){
			$($.panels[i]).hide();
		}
		//$("#msg").show(); //debug only
		//$("#form2").show(); //debug only
	}
	//hideAll('#form1');
	
	
	
	/*******************************/
	/* RESET FORMS   */
	/*******************************/
	//
	//reset search (form1)
	function resetForm1(){ //search
		$("#search_string").val("Tu search").css("color", inactive_color); //INPUT-TEXT

	}
	
	//reset email (form2)
	function resetForm2(){ //email
		$("#user_name").val("Tu Nombre").css("color", inactive_color); //INPUT-TEXT
		$("#user_email").val("Tu Email").css("color", inactive_color); //INPUT-TEXT
		$("#friend_name").val("Nombre de Amigo(a)").css("color", inactive_color); //INPUT-TEXT
		$("#friend_email").val("Email de Amigo(a)").css("color", inactive_color); //INPUT-TEXT
	}
	
	//reset comments (form3)
	function resetForm3(){ //email
		$("#user").val("Tu Nombre").css("color", inactive_color); //INPUT-TEXT
		$('#comment').val("Tu comentario").css("color", inactive_color); //TEXT-AREA
	}
	
	
	
	/*******************************/
	/* OPEN LINKS   */
	/*******************************/	
	//
	/*SHOW SEARCH PANEL */
	$('#open_search').click(function() {
		 //
		hideAll();
		$("#form1").show();
		//$("#open_search").hide(); //show link to search panel
		resetForm1();
		//setTimeout('$("#form1").fadeIn(1000)', 300);	//show question form
		//setTimeout('$("#form1").show()', 500);
	});
	
	/*SHOW EMAIL PANEL */
	$('#open_email').click(function() {
		 //
		hideAll();
		$("#form2").show();
		//$("#open_search").show(); //show link to search panel
		resetForm2();
		//setTimeout('$("#form1").fadeIn(1000)', 300);	//show question form
		//setTimeout('$("#form1").show()', 500);
	});
	
	/*SHOW COMMENTS PANEL */
	$('#open_comments').click(function() {
		 //
		hideAll();
		$("#form3").show();
		//$("#open_search").show(); //show link to search panel
		resetForm3();
		//setTimeout('$("#form1").fadeIn(1000)', 300);	//show question form
		//setTimeout('$("#form1").show()', 500);
	});
	
	
	/*******************************/
	/* VOLVER LINKS   */
	/*******************************/	
	//
	/*SHOW EMAIL FORM */
	$('#volver_bttn2').click(function() {
		//alert("test");
		hideAll();
		$('#form2').show();	//show form
		//resetForm2();
	});
	//
	/*SHOW COMMENTS FORM */
	$('#volver_bttn3').click(function() {
		//alert("test");
		hideAll();
		$('#form3').show();	//show form
		//resetForm3();
	});
	
	
	/*******************************/
	/* CLOSE LINK  */
	/*******************************/	
	//
	$('#close_bttn').click(function() {
		//alert("test");
		hideAll();
		$('#form1').show();	//show search
		//$("#open_search").hide(); //show link to search panel
	});
	

	/*************************/
	/* PROCESS EMAIL FORM (FORM-2) */
	/*************************/
	//
	$("#form_email").submit(function(){								   
		//data
		var str = $("#form_email").serialize();
		//
		$.ajax({
			scriptCharset: "utf-8", 
			type: "POST",
			url: "mail/fns_emailfriend.php?"+randomId(),
			data: str,
			cache: false,
			success: function(result2){
				//$("#msg2").ajaxComplete(function(event, request, settings){
					//
					if(result2 == 1){// Message Sent? Show the 'Thank You' message and hide the form
						resetForm2();
						hideAll();
						$('#thanks2').show();	
						//
					}else{
						hideAll();
						$('#error2').show();
						$("#msg2").html(result2);	

					}
				//});
			}
		});
		return false;
	});

	
	/*************************/
	/* PROCESS COMMENTS FORM (FORM-3) */
	/*************************/
	//
	$("#form_comment").submit(function(){								   
		//data
		var str = $("#form_comment").serialize();
		//
		$.ajax({
			scriptCharset: "utf-8", 
			type: "POST",
			url: "php/fns_comments.php?"+randomId(),
			data: str,
			cache: false,
			success: function(result3){
				//$("#msg3").ajaxComplete(function(event, request3, settings3){
					//
					if(result3 == 1){// Message Sent? Show the 'Thank You' message and hide the form
						resetForm3();
						hideAll();
						$('#thanks3').show();
						//
					}else{
						hideAll();
						$('#error3').show();
						$("#msg3").html(result3);	
					}
				//});
			}
		});
		return false;
	});

	
	

			
});