$(document).ready(function () {

	function change_logo(old, change){$('#logo').children('img').attr('src', $('#logo').children('img').attr('src').replace(old, change));}
	
	$('#css_size').click(function(){
								   
		var css_size = $("link[id=size]").attr('href');
		
		var slash = css_size.lastIndexOf("/") + 1;
		var css_location = css_size.substr(0, slash);
		var css_file = css_size.substr(slash, css_size.length);
		
		if(css_file == 'big.css'){ css_cookie = 'small';css_new = css_location + 'small.css';old = 'big';}
		else{css_cookie = 'big'; css_new = css_location + 'big.css';old = 'small';}
		
		$.cookie("css_size", css_cookie, {expires: 365, path: '/'});
		$("link[id=size]").attr({href : css_new});
		
		change_logo(old, css_cookie);
		
		return false;
	});
	
	$('#css_color').click(function(){
								   
		var css_color = $("link[id=color]").attr('href');
		
		var slash = css_color.lastIndexOf("/") + 1;
		var css_location = css_color.substr(0, slash);
		var css_file = css_color.substr(slash, css_color.length);
		
		if(css_file == 'hires.css'){ css_cookie = 'lores';css_new = css_location + 'lores.css';old='hires';}
		else{ css_cookie = 'hires'; css_new = css_location + 'hires.css';old='lores';}
		
		$.cookie("css_color", css_cookie, {expires: 365, path: '/'});
		
		 $(".color_swap").each(function () {
				
			if($(this).attr('src').indexOf('_hires')==-1) {	new_src = $(this).attr('src').replace('_lores','_hires');}
			else{new_src = $(this).attr('src').replace('_hires','_lores');}

			$(this).attr('src',new_src);
		});
		
		$("link[id=color]").attr({href : css_new});
		
		change_logo(old, css_cookie);
		
		return false;
	});
	
	$('#css_links').click(function(){
								   
		if ($.cookie("css_links") == 'underline'){
				
			$("a").css("text-decoration","none");
			$("input.button").css("text-decoration","none");
			
			var underline =  {'text-decoration':'underline'};
			var no_underline =  {'text-decoration':'none'};
			
			$("a, input.button").hover (function () {$(this).css(underline)},function () {$(this).css(no_underline)});
			
			$.cookie("css_links", 'none', {expires: 365, path: '/'});
		}
		else{
			$("input.button").css("text-decoration","underline");
			$("a").css("text-decoration","underline");
			$.cookie("css_links", 'underline', {expires: 365, path: '/'});
		}
		return false;

	});

	$('a.printable').click(function(){
		window.open(this.href,'','height=500,width=500,left=10,top=10,resizable=yes,scrollbars=yes,toolbar=no,status=no');
		return false;
	});
	
	$('#accesskeys').click(function(){
	
		if($("#left_panel .block a span").css("display")=='none'){
			$("#left_panel .block a span").css("display","inline");	
			$("a span").css("text-decoration", "underline");
		}
		else {
			$("#left_panel .block a span").css("display",'none');
			$("a span").css("text-decoration", "none");
		}
		return false;
	});
	
	$(".radio_replace").each(function (i) {			
		if($(this).attr("checked") == true) { var content = 'X';} else {var content = '';}
		$(this).before('<div class="radio_div"><div class="radio_box" rel="' + 
		$(this).attr('id') + '" id="radio_box_' + $(this).attr('id') +'">' + content + '</div>');
		$(this).after('</div>');
		$(this).css('position','absolute');
		$(this).css('left','-20px');
		$(this).css('z-index','-100');
	}); 
	
	$(".radio_replace").bind("focus", function(e){
		var radio_box = '#radio_box_' + $(this).attr('id');
		$(radio_box).addClass('focus');
	});
	 
	$(".radio_replace").bind("click", function(e){
		var radio_box = '#radio_box_' + $(this).attr('id');
		$(this).parents('.radiogroup').filter(':first').find(".radio_box").html('');
		$(radio_box).html('X');
	});
	 
	$(".radio_replace").bind("blur", function(e){
		var radio_box = '#radio_box_' + $(this).attr('id');
		$(radio_box).removeClass('focus');
	});
	
	$('.radio_box').click(function(){
		var radio = '#' + $(this).attr('rel');
		$(radio).attr("checked", true);
		$(this).parents('.radiogroup').filter(':first').find(".radio_box").html('');
		$(this).html('X');
		$(radio).focus();	
	});
	
	$(".weekly_availability").find('input').bind("focus", function(){
		$(this).parent().parent().addClass('focus');
	});
	$(".weekly_availability").find('input').bind("blur", function(){
		$(this).parent().parent().removeClass('focus');
	});	
	
	$(".check_label").each(function (i) {													  
		
		label = $(this).parent().find('label');
		var content = check_content($(this));
		
		$(label).append(' { <span class="yes_no">' + content + '</span> }');

	});
	
	 $(".check_label").click(function(){check_content($(this)); });
	 $(".check_label").focus(function(){check_content($(this)); });
	
	function check_content(check){

		if($(check).attr("checked") == true) {answer='yes';} else {answer='no';}
		$(check).parent().find('label .yes_no').html(answer);
		return answer;
	}
		
	$(".data_table tr td").click(function(){
										  
		var row_link = $(this).parent().find("a").attr("href");
		if(row_link != undefined){window.location.href = row_link;}
	});
	
	$(".data_table tr td").hover(
		function () {$(this).parent().addClass('mouse_pointer');}, 
		function () {$(this).parent().removeClass('mouse_pointer');}
	);
		
	$('#add_employment').click(function(){	
										
		var employments = parseInt($('input[name=employments]').val());
		
		var i = employments+1;
		
		output = '<h6>Past Employment ' + i + '</h6><div class="input"><label for="past_employer_' + i + '">Past Employer/Organisation</label><input type="text" name="past_employer_' + i + '" value="" id="past_employer_' + i + '"  /></div><div class="textarea"><label for="past_position_' + i + '">Position held and brief description of duties and responsibilities</label><textarea name="past_position_' + i + '" cols="100" rows="10" id="past_position_' + i + '" ></textarea></div><div class="input"><label for="past_started_' + i + '">Date Started</label><input type="text" name="past_started_' + i + '" value="" id="past_started_' + i + '"  /></div><div class="input"><label for="past_finished_' + i + '">Date Finished</label><input type="text" name="past_finished_' + i + '" value="" id="past_finished_' + i + '"  /></div><div class="textarea"><label for="past_details_' + i + '">Reasons for leaving and final salary</label><textarea name="past_details_' + i + '" cols="100" rows="10" id="past_details_' + i + '" ></textarea></div>';
		
		$('input[name=employments]').val(i);
		$(this).before(output);
		
		return false;
		
	});
	
	/* Multi Form Fieldset Controls */
	var multiform_total = $('form input[name=multiform]').val();		
	
	var multiform_links = '<ul class="multiform_links">';	
	for (p=1;p<=multiform_total;p++) { 
		multiform_links += '<li id="multiform_link_' + p + '"><a href="javascript:set_multiform(' + p + ',' + multiform_total+ ')" class="button">' + p + '</a></li>'; 					
	}					
	multiform_links += '</ul>';	
	
	$(".multiform").before(multiform_links);	
	set_multiform(1,multiform_total);
										
});

function set_multiform (c,t){
		
	c = parseInt(c);
	if ( isNaN(c) || c < 1 || c > t ) c = 1;
	
	$(".multiform_links").children().removeClass('on');
	$("#multiform_link_" + c).addClass('on');
	
	$(".multiform").children("fieldset").hide();
	$(".multiform_" + c).show();
	
	set_multiform_controls(c,t)
	scroll(0,0);
}
	
function set_multiform_controls (c,t){
	
	$('*').remove('.multiform_controls');
	
	var  multiform_controls = '<div class="multiform_controls">';					
	if (c != 1) {
	multiform_controls += '<a href="javascript:set_multiform('+ (c-1) +',' + t + ')" id="multiform_prev" class="button">&laquo; previous step</a>';}
	if (c != t) {
	multiform_controls += '<a href="javascript:set_multiform('+ (c+1) +',' + t + ')" id="multiform_next" class="button">next step &raquo;</a>';}
	multiform_controls += '</div>';		
		
	$(".multiform").after(multiform_controls);
}

set_multiform_error = function (form,info){
	
	var multiform_total = $('form input[name=multiform]').val();
	field = info[0][0];
	$(field).focus();
	fieldset = $(field).parent().parent().attr('class').replace('multiform_','');
	set_multiform(fieldset, multiform_total);	
}