var tutorialVisible = false;

$(document).ready(function () {
	$("#tutorial-slides").cycle({ 
	    fx:     "fade", 
	    speed:  "slow", 
	    timeout: 12000, 
		pause: 1,
		pauseOnPagerHover: 1,
	    pager:  "#tutorial-pager"
	});
	
	// do some things after cycle is instantiated. 
	// Some styles are in place to make it look pretty as page loads.
	//$("#tutorial-slides").cycle("pause");
	//$("#tutorial-container").hide();
	//$("#tutorial-controls").hide();
	$("#tutorial-controls").show();
	$("#tutorial-container").css("margin-top", "5px");
	
	$("#tutorial-toggler,#tutorial-question-icon").click(function() {
		// hide tutorial
		if(tutorialVisible)	{
			// handle ie bug for sliding animations
			if($.browser.msie)
				$("#tutorial-container").hide();
			else
				$("#tutorial-container").slideUp("slow");
			
			$("#tutorial-controls").hide();
			$("#tutorial-slides").cycle("pause");
			tutorialVisible = false;
		}
		// show tutorial
		else {
			// handle ie bug for sliding animations
			if($.browser.msie)
				$("#tutorial-container").show();
			else
				$("#tutorial-container").slideDown("slow");
				
			$("#tutorial-controls").show();
			$("#tutorial-slides").cycle("resume");
			tutorialVisible = true;
		}
	});
	
	$(".tutorial-control-first").click(function() {
		// Go to first slide
		$("#tutorial-slides").cycle("first");
		$("#tutorial-slides").cycle("pause");
	});

	$(".tutorial-control-prev").click(function() {
		// Go to previous slide
 		$("#tutorial-slides").cycle("previous");
		$("#tutorial-slides").cycle("pause");
	});

	$(".tutorial-control-next").click(function() {
		// Go to next slide
		$("#tutorial-slides").cycle("next");
		$("#tutorial-slides").cycle("pause");
	});
	
	$(".tutorial-control-last").click(function() {
		// Go to last slide
		$("#tutorial-slides").cycle("last");
		$("#tutorial-slides").cycle("pause");
	});
	
	$(".pager-control").click(function() {
		// Cycle plugin handles the change, manually stop the cycle if clicked.
		$("#tutorial-slides").cycle("pause");
	});
});