$(document).ready(function() {

	  $('.notes').hide();	
	  $('#slidetoggle1').click(function() {
		$('.notes.one').slideToggle(400);
		return false;
	  });	  
	  $('#slidetoggle2').click(function() {
		$('.notes.two').slideToggle(400);
		return false;
	  });	  
	  $('#slidetoggle3').click(function() {
		$('.notes.thr').slideToggle(400);
		return false;
	  });	  
	  $('#slidetoggle4').click(function() {
		$('.notes.for').slideToggle(400);
		return false;
	  });	  	
	  $('#slidetoggle5').click(function() {
		$('.notes.fiv').slideToggle(400);
		return false;
	  });
	   
	
	/*png fix for ie6*/	
    $.ifixpng('/images/pixel.gif');
	$('img[@src$=.png]').ifixpng(); 
  
	$('#basicsalary').hide();
	// Add onclick handler to checkbox w/id checkme
	$("#basic_sal_check").click(function(){
		// If checked
		if ($("#basic_sal_check").is(":checked"))	{
			//show the hidden div
			$("#basicsalary").show("fast");
		}
		else	{	   
			//otherwise, hide it 
			$("#basicsalary").hide("fast");
		}
	}); 	  
  	
	$('#container > ul').tabs({ fx: { opacity: 'toggle' } });
	
	$('<div class="nextButton"><a href="#" >Next &raquo;<\/a><\/div>').prependTo('#step-1').find('a').click(function() {
		$('#container > ul').tabs('select', 1);
		return false;
	});
	$('<div class="nextButton"><a href="#" >Next &raquo;<\/a><\/div>').prependTo('#step-2').find('a').click(function() {
		$('#container > ul').tabs('select', 2);
		return false;
	});
	$('<div class="nextButton"><a href="#" >Next &raquo;<\/a><\/div>').prependTo('#step-3').find('a').click(function() {
		$('#container > ul').tabs('select', 3);
		return false;
	});
	$('<div class="nextButton"><a href="#" >Next &raquo;<\/a><\/div>').prependTo('#step-4').find('a').click(function() {
		$('#container > ul').tabs('select', 4);
		return false;
	});	
	$('<div class="nextButton"><a href="#" >Next &raquo;<\/a><\/div>').prependTo('#step-5').find('a').click(function() {
		$('#container > ul').tabs('select', 5);
		return false;
	});
});