//Form variables
var uName = "";
var cEmail = "";
var fSent = "";
var fType = "";
var uEnquiry = "";
var uEmail = "";
var uTel = "";
var propName = "";
var uComments = "";
var propAddress = "";
var viewTime  = "";
var els = "";
var formID = "";
var eStatus = "";
var response = "";


$(document).ready(function(){
    if(location.pathname == "/property_details.php"){
        showNav();
    }
    
	$('#downloadParticulars').click(function(){
		$('#downloading').css({'display':'block'});
		$('#downloadParticulars').css({'display':'none'});
		$('#downloadParticulars').delay(13000).queue(function(){
			$('#downloading').css({'display':'none'});
			$('#downloadParticulars').css({'display':'block'});
		});
		
	});
	
	
    $("#picGetInTouch a[rel^='prettyPhoto']").prettyPhoto({animationSpeed:'slow',theme:'grey_rounded',default_width: 300, keyboard_shortcuts: false, 
														  changepicturecallback: function(){
															  uName = $('#uName').val();
															  cEmail = $('#cEmail').val();
															  fSent = $('#fSent').val();
															  fType = $('#fType').val();
															  uEnquiry = $('#uEnquiry').val();
															  uEmail = $('#uEmail').val();
															  uTel = $('#uTel').val();
															  propName = $('#propName').val();
															  uComments = $('#uComments').val();
															  propAddress = $('#propAddress').val();
															  viewTime = $('.viewTime:checked').val();
															  }
														  });

    $(".hiddenDetails").hide();

    $(".btnGetInTouch").click(function(){
        var holder = $(this).parent();
        var panel = $(this).parent().parent();
        var contact = panel.find(".hiddenDetails");
        holder.fadeOut(function(){
            contact.fadeIn();
        });        
    });

    $(".closer").click(function(){
        var contact = $(this).parent();
        var panel = $(this).parent().parent();
        var back = panel.find(".searchResultContent");
        contact.fadeOut(function(){
            back.fadeIn();
        });
    });

    $("#jsImgs > .white").hide();
    $("#indexPanel1").show();


    $("#jsPanelMenu > ul > li > .white").mouseenter(function(){
        var id = $(this).attr("id");
        var num = "";
        for(var i = 0; i < id.length; i++){
            if(id.charAt(i) >= '0' && id.charAt(i) <= '9'){
                num += id.charAt(i);
            }
        }
        $("#jsImgs > .white").hide();
        $("#indexPanel"+num).fadeIn();
    });

    $("#viewingSubmit").live('click',function(){
       // handleViewingRequest();
	   	vars = Array(propName, uName, uTel);
		els = Array('.propName', '.uName', '.uTel' );
		submitForm('#propViewing', '#requestPanel');
		
    });
	
	$("#enquirySubmit").live('click',function(){
       // handleViewingRequest();
	   	vars = Array(uName, uTel, uEnquiry);
		els = Array('.uName', '.uTel', '.uEnquiry' );
		submitForm('#enqForm', '#requestPanel');
    });
	
	$("#contactSubmit").live('click',function(){
       // handleViewingRequest();
	   	vars = Array(uName, uEmail, uTel, uEnquiry);
		els = Array('.uName', '.uEmail', '.uTel', '.uEnquiry' );
		submitForm('#contactForm', '#enquiryForm');
    });
	
	 $("#mortgageSubmit").live('click',function(){
        //handleEnquiryRequest();
		vars = Array(uName, uEmail, uTel, uEnquiry);
		els = Array('.uName', '.uEmail', '.uTel', '.uEnquiry' );
		submitForm('#mortgagesForm', '#enquiryForm');
    });
	
	 $("#valuationSubmit").live('click',function(){
        //handleEnquiryRequest();
		vars = Array(uName, uEmail, uTel, propAddress);
		els = Array('.uName', '.uEmail', '.uTel', '.propAddress' );
		submitForm('#valuationForm', '#enquiryForm');
    });
	 
	  $("#lettingsSubmit").live('click',function(){
        //handleEnquiryRequest();
		vars = Array(uName, uEmail, uTel, propAddress);
		els = Array('.uName', '.uEmail', '.uTel', '.propAddress' );
		submitForm('#valuationForm', '#enquiryForm');
    });

	$("#professionalSubmit").live('click',function(){
        //handleEnquiryRequest();
		vars = Array(uName, uEmail, uTel, uEnquiry);
		els = Array('.uName', '.uEmail', '.uTel', '.uEnquiry' );
		submitForm('#valuationForm', '#enquiryForm');
    });




	$('#uName').live('blur',function(){
			uName = $(this).val();
	});
	$('#cEmail').live('blur',function(){
			cEmail = $(this).val();
	});
	$('#fSent').live('blur',function(){
			fSent = $(this).val();
	});
	$('#fType').live('blur',function(){
			fType = $(this).val();
	});
	$('#uEnquiry').live('blur',function(){
			uEnquiry = $(this).val();
	});
	$('#uEmail').live('blur',function(){
			uEmail = $(this).val();
	});
	$('#uTel').live('blur',function(){
			uTel = $(this).val();
	});
	$('#propName').live('blur',function(){
			propName = $(this).val();
	});
	$('#uComments').live('blur',function(){
			uComments = $(this).val();
	});
	$('#propAddress').live('blur',function(){
			propAddress = $(this).val();
	});
	$('#viewTime').live('blur',function(){
			viewTime =  $('.viewTime:checked').val();
	});



	function submitForm(formID, responseDiv){	
		
		if(fSent=='' || cEmail==''){
			fSent = $('#fSent').val();
			cEmail = $('#cEmail').val();
		}
		
		if(checkRequired(formID)==true){
			
			var args = '?cEmail='+cEmail+'&fSent='+fSent+'&fType='+fType+'&uName='+uName+'&uEmail='+uEmail+'&uTel='+uTel+'&uEnquiry='+uEnquiry+'&propName='+propName+'&propAddress='+propAddress+'&uComments='+uComments+'&viewTime='+viewTime;
			
			//document.location = 'phpScripts/form_processor.php'+args;
			//prompt("","ajaxFormProcessor.php"+args);
			
			$.ajax({
				type: "GET",
				url: "phpScripts/ajaxFormProcessor.php"+args,
				dataType: 'xml',
				success: function(xml){
					var messages = ($(xml).find('message').length);
					//alert(messages);
					//alert($(xml).find('message').length());
					$(xml).find('message').each(function(){
							eStatus = $(this).find('eStatus').text();
							response = $(this).find('response').text();
							
					});
						if(eStatus!='fail'){
							setResponse(response);
						}else{
							alert(response);
						}
				}
				
			});
	
		}
		
	}

});

function handleViewingRequest(){
	if(validateViewing()){
		var fSent       = $('#fSent').val();
		var cEmail      = $('#cEmail').val();
		var cTel        = $('#cTel').val();
		var propName    = $('#propName').val();
		var uName       = $('#uName').val();
		var uTel        = $('#uTel').val();
		var uEmail      = $('#uEmail').val();
		var uComments   = $('#uComments').val();
		var viewTime    = $('input:radio[name=viewTime]:checked').val();

		var aData = "fSent="+fSent+"&cEmail="+cEmail+"&cTel="+cTel+"&propName="+propName+"&uName="+uName+"&uTel="+uTel+"&uEmail="+uEmail+"&uComments="+uComments+"&viewTime="+viewTime;
		//prompt("", aData);

		$.ajax({
			type: "GET",
			url: "phpScripts/ajaxFormProcessor.php",
			data: aData,
			dataType: 'xml',
			success: function(xml){
				var panel = document.getElementById("requestPanel");
				var origHTML = panel.innerHTML;
				panel.innerHTML = "";
				var messages = ($(xml).find('message').length);
				//alert(messages);
				//alert($(xml).find('message').length());
				var sentHTML = "<br /><br /><br /><br /><br /><br />";
				$(xml).find('message').each(function(){
						var eStatus = $(this).find('eStatus').text();
						sentHTML += $(this).find('response').text();
					
						divText.innerHTML = sentHTML;
						
				});
			}

		});
	}
}

function handleEnquiryRequest(formID){
		if(validateEnquiry()){
			var fSent       = $('#fSent').val();
			var cEmail      = $('#cEmail').val();
			var cTel        = $('#cTel').val();
			var propName    = $('#propName').val();
			var uName       = $('#uName').val();
			var uTel        = $('#uTel').val();
			var uEmail      = $('#uEmail').val();
			var uEnquiry    = $('#uEnquiry').val();
			var propAddress = $('#propAddress').val();
			
	
			var aData = "fSent="+fSent+"&cEmail="+cEmail+"&cTel="+cTel+"&propName="+propName+"&uName="+uName+"&uTel="+uTel+"&uEmail="+uEmail+"&uEnquiry="+uEnquiry;
			//prompt("", "phpScripts/ajaxFormProcessor.php"+aData);
	
			$.ajax({
				type: "GET",
				url: "phpScripts/ajaxFormProcessor.php",
				data: aData,
				dataType: 'xml',
				success: function(xml){
					var panel = document.getElementById("requestPanel");
					var origHTML = panel.innerHTML;
					panel.innerHTML = "";
					var messages = ($(xml).find('message').length);
					//alert(messages);
					var sentHTML = "<br /><br /><br /><br /><br /><br />";
					//alert($(xml).find('message').length());
					$(xml).find('message').each(function(){
							var eStatus = $(this).find('eStatus').text();
							sentHTML += $(this).find('response').text();
					
							divText.innerHTML = sentHTML;
							
					});
				}
				
			});
		}
	}

function suggest(){
		var holder = $('#suggestionHolder').get(0);
	
		while(holder.firstChild){
				holder.removeChild(holder.firstChild);
		}
	
		var value = $('#indexEnterPCode').get(0).value;
	
		$.ajax({
				type: "POST",
				url: "phpScripts/suggest.php",
				data: "Town="+value,
				success: function(data){
					
					var xmldoc = data.documentElement;
					var suggestions = xmldoc.getElementsByTagName("suggestion");
					if(suggestions.length > 0){
	
						var suggest = document.createElement("div");
						suggest.setAttribute("id", "suggestion");
	
						var newHTML = "";
						for(var i = 0; i < suggestions.length; i++){
							var thisSuggestion = suggestions[i].firstChild.data;
							newHTML+= "<p class=\"suggestion\" onclick=\"selectSuggestion(this);\" onmouseover=\"insertHint(this);\">"+thisSuggestion+"</p>";
						}
						suggest.innerHTML = newHTML;
						holder.appendChild(suggest);
					}
				}
		});
	
	}

	function selectSuggestion(el){
			$('#indexEnterPCode').get(0).value = el.innerHTML;
			var holder = $('#suggestionHolder').get(0);
	
			while(holder.firstChild){
					holder.removeChild(holder.firstChild);
			}
	}

	function insertHint(el){
		$('#indexEnterPCode').get(0).value = el.innerHTML;
	}

function checkRequired(formID){
	var checkRequired = true;
	
	var message = 'Please fill in all required fields\n(Highlighted in Red)';

	for(i=0; i<=vars.length; i++){
		if(vars[i]==""){
			$(els[i]).css('color','red');
			//message += $(getClass).text()+'\n';
			checkRequired = false;
		}else{
			$(els[i]).css('color','white');
		}
	}	
	
	if(!checkRequired){
		alert(message);
	}
	return checkRequired;
}

						 
function setResponse(addHTML) {
	$(".ppt").html(addHTML);
	$("#enquiryForm").html(addHTML);
}						


/*function checkRequired(formID){
	var checkRequired = true;
	
	//alert($(formID).find(".required").val());
	//var els = $(formID).find(".required");
	var l = els.length;
	
	var message = 'Please fill in all required fields\n(Highlighted in Red)';
	//alert($(formID).find(".required").val());
	//if($(formID).find(".required").val()==""){
//			var getClass = "."+$(this).attr("id");
//			$(getClass).css('color','red');
//			message += $(getClass).text()+'\n';
//			checkRequired = false;
//		}
	$(els).each(function(index) {
		
		alert($(this).val());
		//alert($(this).attr("id"));
		if($(this).val()==""){
			var getClass = "."+$(this).attr("id");
			//alert(getClass);
			//alert($(getClass).length);
			
			$(getClass).css('color','red');
			//message += $(getClass).text()+'\n';
			checkRequired = false;
			
		}
	  });	
	
	if(!checkRequired){
		alert(message);
	}
	return checkRequired;
}
*/