function step(id) {
	
    var callback =
    {
	success: function(o) {
	  					
	    eval(o.responseText);
	    var feature_image = document.getElementById("feature_image");
	    var feature_box_content = document.getElementById("feature_box_content");
	    var feature_text = document.getElementById("feature_text");
	    var view_larger = document.getElementById("micro_button_link");

	    var feature_image_bg = "";
	    switch(id) {
		case 1:
		    feature_image_bg = "url('/common/images/interface/tour/bg__request_appointments.jpg')";
		    break;
		case 3:
		    feature_image_bg = "url('/common/images/interface/tour/bg__manage_appointments.jpg')";
		    break;
		case 5:
		    feature_image_bg = "url('/common/images/interface/tour/bg__appointment_book.jpg')";
		    break;
		case 7:
		    feature_image_bg = "url('/common/images/interface/tour/bg__customer_profiles.jpg')";
		    break;
		case 9:
		    feature_image_bg = "url('/common/images/interface/tour/bg__reporting.jpg')";
		    break;

	    }

	    feature_image.style.backgroundImage = feature_image_bg;

	    /** set navigation state **/
	    if (id % 2 != 0){
		var nav_link = document.getElementById("step_"+id);
		for (var i=1; i<=9; i=i+2){
		    document.getElementById("step_"+i).className = "";
		}
		nav_link.className = "selected";
	    }
						
	    /** set feature box content **/
	    feature_box_content.innerHTML = step_short;
						
	    /** set main text content **/
	    if(step_long != ""){
		feature_text.innerHTML = step_long;
	    }
						

	    /** Set view larger link **/
	    if (id % 2 != 0){
		//view_larger.href="photo.php?id="+id;
	    }
	    initialize();
  
	},
	failure: function(o) {
	    alert("failure"+o.responsText);
	}
    }
    var transaction = YAHOO.util.Connect.asyncRequest('POST', "/online_appointment_scheduling/tour_content.php", callback, "step="+id);
}