function load_state(current_state){
	//disable all buttons while loading the state
	jQuery('#previous').attr("disabled","disabled");
	jQuery('#next').attr("disabled","disabled")
  //load the content for this state into the wizard content div and fade in
  var content = jQuery('#step_' + current_state).html();
  jQuery('#wizardcontent').html(content);
	jQuery('#wizardcontent').fadeIn("slow");
  //set the wizard class to current state for next iteration
  jQuery('#wizard').attr('class','step_'+ current_state);
  var iterator = 1;
  // the state heading h3. removing is no biggie
  jQuery('#wizard h3').text("Step " + current_state);
  // loop through the list items and set classes for css coloring
  jQuery('#mainNav li').each(function(){
		var step = jQuery(this)
    if (iterator == current_state){ step.attr('class','current'); }
    else if (current_state - iterator == 1){ step.attr('class','lastDone'); }
    else if (current_state - iterator > 1){ step.attr('class','done'); }
    else{ step.attr('class',''); }
		// special case for step 5 because it doesn't have bacground image
		if (iterator == 5){ step.addClass('mainNavNoBg'); }
    iterator++;
  });
	//depending on the state, enable the correct buttons
	switch(current_state){
		case 1:
	  	jQuery('#next').removeAttr("disabled");
			break;
		case 5:
			jQuery('#previous').removeAttr("disabled");
			break;
		default:
			jQuery('#previous').removeAttr("disabled");
			jQuery('#next').removeAttr("disabled");
	}
}