var activePopup = false;
var activeFeedback = false;
var activeUpload = false;
var activePrivacy = false;

var activeMySearches = false;
var activeMyShortlist = false;

var warning = false;

$(document).ready(function() {

	navigation();
	job_search_panels();
	services();
	features();
	more_information();
	//advertpanels();
	swapsearchranges();
	toplevellink();
	onePopupToRuleThemAll();
	//accountLogin();
	feedback();
	
	addClearSearch();
	
	addPrintLink();
	
	function addClearSearch() {
		$('#job_search_options').prepend('<a href="#" id="clearSearch" style="margin-right:5px;"><img src="/stat/btn_clear_search.gif" width="88" height="22" alt="Clear search" /></a>')
		$('#job_search_options_left_col').prepend('<a href="#" id="clearSearch" style="margin-right:5px;"><img src="/stat/btn_clear.gif" width="51" height="22" alt="Clear search" /></a>')
		
		$('#clearSearch').click(function () {
			
			var inputs = $('#job_search input');
			for(i=0;i<inputs.length;i++) {
				if(inputs[i].checked) {
					inputs[i].checked = false;
				}
				if(inputs[i].getAttribute('type') == 'text' && inputs[i].value != '') {
					inputs[i].value = '';
				}
			}
		
			$('#job_type_3')[0].checked = true;
			$("#js_salary").addClass("hidden");
			//$("#print_page_holder").addClass("shift");
			
			return false;
			
		});
	}
	
	
	
	function addPrintLink() {
		
		$("#sectional_navigation").append('<div id="print_page_holder"><a href="#" id="print_page">Print this Page</a></div>');
		$("#job_search").append('<div id="print_page_holder"><a href="#" id="print_page">Print this Page</a></div>');
		$("#print_page_holder").addClass("shift");
		$("#print_page").click(printPage);
	}
	function printPage() {
		//window.print();
		if (window.print) {
			//alert('print it');
			window.print();
		} else {
			//alert('bugger');
		}
		
	}
	
	function accountLogin() {
		$("#account_login").submit(function () {
			if(warning) $('.warning').remove();
			var errors = new Array();
			var username = $("#username")[0];
			var password = $("#password")[0];
			
			if($("#username")[0].value == '') errors[errors.length] = new Array('Required',username);
			if($("#password")[0].value == '') errors[errors.length] = new Array('Required',password);
			
			if(errors.length != 0) {
				$(this).prepend('<p class="warning">Ey-up. Summats up wit t\'login!</p>');
				warning = true;
				return false;
			} else {
				return true;	
			}
		});
	}
	
	function clearfeedback(whichform) {
		$('em',whichform).remove(".feedback");
		$(':input[@class*=required]',whichform).each(function() {													  
			$(this).removeClass('error');
			$(this).parent().removeClass('error');
			$(this).parent().addClass('correct');
		});
		$('div.error',whichform).removeClass('error');
	}
	
	function navigation() {
		$("#navigation li").addClass("active");
		
		//$(".#navigation li").fadeTo("fast", 0.6); // This sets the opacity of the thumbs to fade down to 60% when the page loads
			
		//$(".#navigation li").hover(function(){
		//	$(this).fadeTo("fast", 1.0); // This should set the opacity to 100% on hover
		//}, function(){
		//	$(this).fadeTo("fast", 0.6); // This should set the opacity back to 60% on mouseout
		//});
		
		var nav = $("#navigation li");
		for(i=0;i<nav.length;i++) {
			nav[i].onclick = function() {
				var thelink = this.getElementsByTagName("A")[0];
				window.location = thelink;
			}
		}
	}
	
	function swapsearchranges() {
		$("#js_day_rate").addClass("hidden");
		$("#js_salary").addClass("hidden");
		var inputs = $("#js_job_type input");
		for(i=0;i<inputs.length;i++) {
			if(inputs[i].checked) {
				switch(inputs[i].id) {
				case "job_type_1" :
					$("#js_salary").removeClass("hidden");
					//$("#print_page_holder").addClass("shift");
				break;
				case "job_type_2" :
					$("#js_salary").addClass("hidden");
					//$("#print_page_holder").removeClass("shift");
				break;
				case "job_type_3" :
					$("#js_salary").addClass("hidden");
					//$("#print_page_holder").removeClass("shift");
				break;
				}
			}
		}
		$("#js_job_type input").bind("click", function(){						  
			var id = $(this)[0].getAttribute('id');
			switch(id) {
				case "job_type_1" :
					$("#js_salary").removeClass("hidden");
					//$("#print_page_holder").addClass("shift");
				break;
				case "job_type_2" :
					$("#js_salary").addClass("hidden");
					//$("#print_page_holder").removeClass("shift");
				break;
				case "job_type_3" :
					$("#js_salary").addClass("hidden");
					//$("#print_page_holder").removeClass("shift");
				break;
			}
 		});
		
		
	}
	
	function job_search_panels() {
		$("#nav_js").addClass("active");
		$("#nav_ls").addClass("active");
		$(".job_search_panel").hide();
		$("#nav_js").click(showjobsearch);
		$("#nav_ls").click(showlatestjobs);
	}
	function showjobsearch() {
		if(activePopup) removePopup();
		$(".job_search_panel").show();
		$(".latest_jobs_panel").hide();
		$("#nav_js").addClass("selected");
		$("#nav_ls").removeClass("selected");
		return false;
	}
	function showlatestjobs() {		 
		if(activePopup) removePopup();
		$(".latest_jobs_panel").show();
		$(".job_search_panel").hide();
		$("#nav_ls").addClass("selected");
		$("#nav_js").removeClass("selected");
		return false;
	}
	
	function onePopupToRuleThemAll()  {
		
		$("*").click(function() {
			$('.flag').remove();					  
		});
		
		$(".help").click(function(e) {
			if(activePopup) removePopup();
			var left = e.pageX - 325;
			var top = e.pageY - 190;
			
			//alert(e.pageX)
			if(e.pageY < 190) {
			
			
			} else {
				
				if (e.pageX > 325) {
					var left = e.pageX - 325;
					var top = e.pageY - 190;
					$("BODY").append('<div id="popup" class="help_la"><div class="pop_holder" style="left:'+ left + 'px;top:' + top + 'px;"><span class="top">&nbsp;<\/span><span class="right">&nbsp;<\/span><span class="bottom">&nbsp;<\/span><span class="left">&nbsp;<\/span><iframe src="' + this.href + '" frameborder="0" scrolling="no"></iframe></div></div>');
				} else {
					var left = e.pageX  - 40;
					var top = e.pageY - 190;
					$("BODY").append('<div id="popup" class="help_ra"><div class="pop_holder" style="left:'+ left + 'px;top:' + top + 'px;"><span class="top">&nbsp;<\/span><span class="right">&nbsp;<\/span><span class="bottom">&nbsp;<\/span><span class="left">&nbsp;<\/span><iframe src="' + this.href + '" frameborder="0" scrolling="no"></iframe></div></div>');
				}
				
			
			}
			
			//$("BODY").append('<div id="popup" class="help"><div class="pop_holder" style="left:'+ left + 'px;top:' + top + 'px;"><span class="top">&nbsp;<\/span><span class="right">&nbsp;<\/span><span class="bottom">&nbsp;<\/span><span class="left">&nbsp;<\/span><iframe src="' + this.href + '" frameborder="0" scrolling="no"></iframe></div></div>');
			activePopup = true;
			return false;
		});
		
		$("#acc_search").click(function (e) {
			if(!activeMySearches) {
				if(activePopup) removePopup();
				var left = $(this)[0].offsetLeft - 310;
				var thelink = this.getElementsByTagName("A")[0];
				$(this).append('<div id="popup" class="my_account"><iframe style="left:'+ left + 'px;top:-10px;" src="' + thelink + '" frameborder="0" scrolling="no"></iframe></div>');	
				$(this).addClass('popped_out')
				activePopup = true;
				activeMySearches = true;
			}
			return false;
		});
		
		$("#acc_shortlist").click(function (e) {
			if(!activeMyShortlist) {
				if(activePopup) removePopup();
				var left = $(this)[0].offsetLeft - 310;
				var thelink = this.getElementsByTagName("A")[0];
				$(this).append('<div id="popup" class="my_account"><iframe style="left:'+ left + 'px;top:-10px;" src="' + thelink + '" frameborder="0" scrolling="no"></iframe></div>');	
				$(this).addClass('popped_out')
				activePopup = true;
				activeMyShortlist = true;
			}
			return false;
		});
		
		$(".email_to_friend").click(function(e) {
			if(activePopup) removePopup();
			var left = e.pageX - 325;
			var top = e.pageY - 260;
			$("BODY").append('<div id="popup" class="email_to_friend"><div class="pop_holder" style="left:'+ left + 'px;top:' + top + 'px;"><span class="top">&nbsp;<\/span><span class="right">&nbsp;<\/span><span class="bottom">&nbsp;<\/span><span class="left">&nbsp;<\/span><iframe  src="' + this.href + '" frameborder="0" scrolling="no"><\/iframe><\/div><\/div>');
			activePopup = true;
			return false;
		});
		
		
		//$("#confirm_privacy").hide();
//		$("a.privacy_policy").click(function(e) {
//			if(!activePrivacy) {
//				removePrivacy();
//				$("div.privacy_policy").append('<div id="privacy_policy"><iframe src="' + this.href + '" frameborder="0" scrolling="no"></iframe></div>');
//				$("#confirm_privacy").show();
//				activePrivacy = true;
//			} else {
//				removePrivacy();
//				$("#confirm_privacy").hide();
//			}
//			return false;
//		});
		
		$("div.privacy_policy p.please_read").hide();
		$("div.privacy_policy").append('<div id="privacy_policy"><iframe src="/privacy_policy/privacy_policy_job" frameborder="0" scrolling="no"></iframe></div>');
		
		
		$(".add").click(function(e) {
			if(activePopup) removePopup();
			var left = e.pageX + 4;
			var top = e.pageY + 4;
			$("BODY").append('<div id="popup" class="add_doc"><iframe style="left:'+ left + 'px;top:' + top + 'px;" src="' + this.href + '" frameborder="0" scrolling="no"></iframe></div>');
			//activePopup = true;
			activeUpload = true;
			return false;
		});				 
		
		$("BODY").click(function() {
			if(activePopup == true) {
				removePopup();
			}
			if(activeUpload == true) {
				window.location.reload();
			}
			
			$('.popped_out').removeClass();
		});
	}
	
	function feedback() {
		$("a.feedback").click(function() {
			if(!activeFeedback) {			
			var feedbackP = $(this).parent();
			var feedbackDiv = $(this).parent().parent();
				feedbackDiv.append('<div id="feedback" class="feeback_holder"><iframe  src="' + this.href + '" frameborder="0"></iframe></div>');
				activeFeedback = true;
				return false;
			} else {
				$('#feedback').remove();	
				activeFeedback = false;
			}
			return false;
		});
	}
	
	function removePopup() {
		$("#popup").remove();
		$('.flag').remove();
		activePopup = false;
		activeMySearches = false;
		activeMyShortlist = false;
		$('.popped_out').removeClass();
	}
	function removePrivacy() {
		$('.flag').remove();
		$("#privacy_policy").remove();
		activePrivacy = false;
	}
	
	function services() {
		$("#serv_nav1").addClass("selected");
		$("#service2").addClass("hidden");
		$("#service3").addClass("hidden");
		$("#serv_nav1").click(function () {
			$("#service1").removeClass("hidden");	
			$("#service2").addClass("hidden");
			$("#service3").addClass("hidden");
			$("#serv_nav1").addClass("selected");
			$("#serv_nav2").removeClass("selected");
			$("#serv_nav3").removeClass("selected");
			return false;
		});
		$("#serv_nav2").click(function () {
			$("#service1").addClass("hidden");	
			$("#service2").removeClass("hidden");
			$("#service3").addClass("hidden");
			$("#serv_nav1").removeClass("selected");
			$("#serv_nav2").addClass("selected");
			$("#serv_nav3").removeClass("selected");
			return false;
		});
		$("#serv_nav3").click(function () {
			$("#service1").addClass("hidden");	
			$("#service2").addClass("hidden");
			$("#service3").removeClass("hidden");
			$("#serv_nav1").removeClass("selected");
			$("#serv_nav2").removeClass("selected");
			$("#serv_nav3").addClass("selected");
			return false;
		});
	}
	
	function features() {
		$("#feature_nav1").addClass("selected");
		$("#feature2").addClass("hidden");
		$("#feature3").addClass("hidden");
		
		$("#feature_nav1").click(function () {
			$("#feature1").removeClass("hidden");	
			$("#feature2").addClass("hidden");
			$("#feature3").addClass("hidden");
			$("#feature_nav1").addClass("selected");
			$("#feature_nav2").removeClass("selected");
			$("#feature_nav3").removeClass("selected");
			return false;
		});
		
		$("#feature_nav2").click(function () {
			$("#feature1").addClass("hidden");	
			$("#feature2").removeClass("hidden");
			$("#feature3").addClass("hidden");
			$("#feature_nav1").removeClass("selected");
			$("#feature_nav2").addClass("selected");
			$("#feature_nav3").removeClass("selected");
			return false;
		});
		
		$("#feature_nav3").click(function () {
			$("#feature1").addClass("hidden");	
			$("#feature2").addClass("hidden");
			$("#feature3").removeClass("hidden");
			$("#feature_nav1").removeClass("selected");
			$("#feature_nav2").removeClass("selected");
			$("#feature_nav3").addClass("selected");
			return false;
		});
	}
	
		function more_information() {
		$("#more_information_nav1").addClass("selected");
		$("#more_information2").addClass("hidden");
		$("#more_information3").addClass("hidden");
		
		$("#more_information_nav1").click(function () {
			$("#more_information1").removeClass("hidden");	
			$("#more_information2").addClass("hidden");
			$("#more_information3").addClass("hidden");
			$("#more_information_nav1").addClass("selected");
			$("#more_information_nav2").removeClass("selected");
			$("#more_information_nav3").removeClass("selected");
			return false;
		});
		
		$("#more_information_nav2").click(function () {
			$("#more_information1").addClass("hidden");	
			$("#more_information2").removeClass("hidden");
			$("#more_information3").addClass("hidden");
			$("#more_information_nav1").removeClass("selected");
			$("#more_information_nav2").addClass("selected");
			$("#more_information_nav3").removeClass("selected");
			return false;
		});
		
		$("#more_information_nav3").click(function () {
			$("#more_information1").addClass("hidden");	
			$("#more_information2").addClass("hidden");
			$("#more_information3").removeClass("hidden");
			$("#more_information_nav1").removeClass("selected");
			$("#more_information_nav2").removeClass("selected");
			$("#more_information_nav3").addClass("selected");
			return false;
		});
	}
	
	function advertpanels() {
		$("#panel1").click(function () {
			var targetLink =  this.getElementsByTagName("A")[0];
			window.parent.location = targetLink;
		});
		$("#panel2").click(function () {
			var targetLink =  this.getElementsByTagName("A")[0];
			window.parent.location = targetLink;
		});
		$("#panel3").click(function () {
			var targetLink =  this.getElementsByTagName("A")[0];
			window.parent.location = targetLink;
		});
	}
	
	function toplevellink() {
		$(".target_parent").click(function() {
			window.parent.location = this;
		});
	}
	
});

function closePopup() {
	var popup = document.getElementById('popup');
	//popup.parentNode.removeChild(popup); //doesn't actually work - well throws an error in the validator
	popup.style.display = "none";
	$('.popped_out').removeClass();
}
function closeFeedback() {
	var feedback = document.getElementById('feedback');
	//popup.parentNode.removeChild(popup); //doesn't actually work - well throws an error in the validator
	feedback.style.display = "none";
	activeFeedback = false;
}
function closePrivacy() {
	var privacy = document.getElementById('privacy_policy');
	//popup.parentNode.removeChild(popup); //doesn't actually work - well throws an error in the validator
	privacy.style.display = "none";
	activePrivacy = false;
}
function closeUpload() {
	window.location.reload();
}
function privPolAgree(job_id) {
	window.location = 'step_one.php?job_id=' + job_id;
}

function switchDisplay(){
	var vcard_default = document.getElementById('vcard');
	var edit_vcard = document.getElementById('edit_vcard');
	
	vcard_default.style.display = (vcard_default.style.display == 'none' ? '' : 'none');
	edit_vcard.style.display = (edit_vcard.style.display == 'none' ? '' : 'none');
}

function switchDisplayMoreAboutYou(){
	var more_about_you_default = document.getElementById('more_about_you');
	var edit_more_about_you = document.getElementById('edit_more_about_you');
	
	more_about_you_default.style.display = (more_about_you_default.style.display == 'none' ? '' : 'none');
	edit_more_about_you.style.display = (edit_more_about_you.style.display == 'none' ? '' : 'none');
}

function switchDisplayAboutCareer(){
	var about_your_career_default = document.getElementById('about_your_career');
	var edit_about_your_career = document.getElementById('edit_about_your_career');
	
	about_your_career_default.style.display = (about_your_career_default.style.display == 'none' ? '' : 'none');
	edit_about_your_career.style.display = (edit_about_your_career.style.display == 'none' ? '' : 'none');
}




function add_tandc_feedback()
{
	$("DIV.confirmation").prepend('<div id="confirmation_feedback" class="warning"><p class="warning">You must read the privacy policy to continue.<\/p><\/div>');
}

// removed additional questions error that's displayed when all boxes not ticked.
function clear_tandc_feedback() 
{
		$('#confirmation_feedback').remove();
}


$(document).ready(function() {
	$('form#continue_form').submit(function(){
			// only do the validation if the privacy checkbox is on the page.
			if($('#confirm_privacy_checkbox').length > 0)
			{

				// remove existing warning if trying again...
				clear_tandc_feedback();
			
				// check each additional question tickbox is ticked.
				if(!  $('#confirm_privacy_checkbox').is(':checked') )
				{
					add_tandc_feedback();
					return false;
				}
				return true;
			}
		}
	);
});