$(document).ready(function() {
	$('input').focus(function() {
		if( $(this).attr('value') == $(this).attr('alt') ) {
			$(this).attr('value','');
			$(this).css('color','#000');
		}
	});
	$('input').blur(function() {
		if( $(this).attr('value') == "") {
			$(this).attr('value',$(this).attr('alt'));
			$(this).css('color','#ccc');
		}
	});

	$('select').click(function() {
		$(this).css('color','#000');
	});

	$('#listing_type').change(function() {
		if($(this).attr("selectedIndex")==0){
			$('#pay').html('<select name="salary"><option value="1-20,000">&pound;1,000-&pound;20,000</option><option value="20,000-30,000">&pound;20,000-&pound;30,000</option><option value="30,000-40,000">&pound;30,000-&pound;40,000</option><option value="40,000-60,000">&pound;40,000-&pound;60,000</option><option value="60,000-80,000">&pound;60,000-&pound;80,000</option><option value="100,000">Over &pound;100,000</option></select>');
			$('#pay_label').text('Anual Salary');			
		}else if($(this).attr("selectedIndex")==1){
			$('#pay').html('<select name="hourly_rate"><option value="">Select Hourly Rate</option><option value="Up to 10">Up to &pound;10</option><option value="10-14">&pound;10-14 per hour</option><option value="14-18">&pound;14-18 per hour</option><option value="18-22">&pound;18-22 per hour</option><option value="22-25">&pound;22-25 per hour</option><option value="25-30">&pound;25-30 per hour</option><option value="30-40">&pound;30-40 per hour</option><option value="40+">&pound;40+ per hour</option></select>');
			$('#pay_label').text('Hourly Rate');
		}
	});

	$(".accordion").accordion( { header: '.title-block', autoheight: false } );
	$("a[rel*='external']").each(function() { this.target = '_blank';});
	$("#more_options").click(function(){
		if($.open==false){
			$.open = true;
			$("#jobsearch").animate({'top':'-195px'},500);
			$("#more_options").text('More Options');
		}else{
			$.open = false;
			$("#jobsearch").animate({'top':'0px'},500);
			$("#more_options").text('Less Options');
		}
	});

	$("input").each(function() { 
		if($(this).attr('alt')==$(this).attr('value')){
			$(this).css('color','#ccc');
		}
	});
	
	$("select").each(function() { 
		if($(this).val()==""){
			$(this).css('color','#ccc');
		}
	});

	$('#date').datepicker({ maxDate: '0' });


});