/**
 * include/css/esmtour.js.cfm 
 * ESM Tours JavaScript 
 * 
 * @copyright ESM Software Group Inc
 * <script language="javascript">
*/




var tourStep = 1;


// PERFORM
var intro_PBSC = {
	
}

// PERFORM
var intro_CYBER = {
	
}

// STRATEGY ENTERPRISE
// PERFORM
var intro_ARCH = {
	
}
var intro_RISK = {
	
}
var intro_WAP = {
	
}
var intro_LITE = {
	
}
var intro_ENT = {
	// intro_ENT
	step1: {
		titlecode:"Intro Tour", 
		bodycode:"<h3>Welcome to ESM+Strategy!</h3>\r\n\t\t\t\t\t<p>You can use this tour to learn how to navigate through ESM.</p>\r\n\t\t\t\t\t<p>You can restart this tour at any time by going to Help & Resources > ESM Tutorial in the left menu.</p>", 
		stepclass:"welcome-step1"
	},
	// profile
	step2: {
		titlecode:"My Profile/Logout", 
		bodycode:"<p>The my profile section can be accessed by selecting your name in the upper right of the screen.  From the my profile section you can select language and regional date settings.  You can also select your bookmarks, subscriptions, and log out.</p>",
		stepclass:"welcome-step2"
	},
	// BSC maps
	step3: {
		titlecode:"BSC & Maps", 
		bodycode:"Navigate to your Balanced Scorecard, Strategy Map, and Alignment views.  This is the best place to get a birds-eye view of your strategy.",
		stepclass:"welcome-step3"
	},
	// Strategic elements
	step4: {
		titlecode:"Strategic Elements", 
		bodycode:"<p>Use the Objectives, Measures, and Initiatives tabs to view and update your strategic reporting information.</p>",
		stepclass:"welcome-step4"
	},
	// dashboards
	step5: {
		titlecode:"Dashboards", 
		bodycode:"<p>The My Dashboards section allows you to create and view strategic dashboards.  These also function as your homepage when logging in.  To return to your homepage, you can also click the esm+strategy button in the top left of the screen.</p>",
		stepclass:"welcome-step5"
	},
	// edit dashboards
	step6: {
		titlecode:"Editing", 
		bodycode:"<img src=\'images/wizard/tutorial-edit.png\' style=\'float:left; margin-bottom:10px;\' \\><p>With the correct permissions, you can edit any piece of the Balanced Scorecard by clicking on the \"edit\" button.  Editing can be accomplished from your dashboard, summary views, or detail pages.</p>",
		stepclass:"welcome-step6"
	},
	// edit layouts
	step7: {
		titlecode:"Layouts", 
		bodycode:"<p>You can switch between screen views by using the layouts dropdown.  You can also modify your existing view by selecting the Edit Layout icon to the left of the dropdown.</p>",
		stepclass:"welcome-step7"
	},
	// documents
	step8: {
		titlecode:"Documents and Reports", 
		bodycode:"<p>The Documents and Reports menu is your portal to view documents stored in ESM, create Excel On Demand Reports, and generate custom Excel, PowerPoint, and PDF reports.</p>",
		stepclass:"welcome-step8"
	},
	// help
	step9: {
		titlecode:"Help", 
		bodycode:"<p>For more information on how to navigate and use ESM, please see our help section.</p>",
		stepclass:"welcome-step9",
		nonext:true
	}
}


// STRATEGY FREE/BASIC
	
var intro_FREE = {
	// intro_FREE
	step1: {
		titlecode:"Intro Tour", 
		bodycode:"<h3>Welcome to ESM+Strategy!</h3>\r\n\t\t\t\t\t<p>You can use this tour to learn how to navigate through ESM.</p>\r\n\t\t\t\t\t<p>You can restart this tour at any time by going to Help & Resources > ESM Tutorial in the left menu.</p>", 
		stepclass:"welcome-step1"
	},
	// profile
	step2: {
		titlecode:"My Profile/Logout", 
		bodycode:"<p>The my profile section can be accessed by selecting your name in the upper right of the screen.  From the my profile section you can select language and regional date settings.  You can also select your bookmarks, subscriptions, and log out.</p>",
		stepclass:"welcome-step2"
	},
	// BSC maps
	step3: {
		titlecode:"Strategy", 
		bodycode:"Navigate to your Balanced Scorecard, Strategy Map, and Alignment views.  This is the best place to get a birds-eye view of your strategy.",
		stepclass:"welcome-step3"
	},
	// Strategic elements
	step4: {
		titlecode:"Strategic Elements", 
		bodycode:"<p>Use the Objectives, Measures, and Initiatives tabs to view and update your strategic reporting information.</p>",
		stepclass:"welcome-step4"
	},
	// dashboards
	
	// edit dashboards
	
	step5: {
		titlecode:"Editing", 
		bodycode:"<img src=\'images/wizard/tutorial-edit.png\' style=\'float:left; margin-bottom:10px;\' \\><p>With the correct permissions, you can edit any piece of the Balanced Scorecard by clicking on the \"edit\" button.  Editing can be accomplished from your dashboard, summary views, or detail pages.</p>",
		stepclass:"welcome-step1"
	},
	// edit layouts
	
	// documents
	step6: {
		titlecode:"Documents and Reports", 
		bodycode:"<p>The Documents and Reports menu is your portal to view documents stored in ESM, create Excel On Demand Reports, and generate custom Excel, PowerPoint, and PDF reports.</p>",
		stepclass:"welcome-step8"
	},
	// help
	step7: {
		titlecode:"Help", 
		bodycode:"<p>For more information on how to navigate and use ESM, please see our help section.</p>",
		stepclass:"welcome-step9",
		nonext:true
	}
}


esm.tour = {
	
	welcomeTour: function( tour ) {
		tourObject = eval( tour ); // comes in as string
		$("#esm-tutorial").removeClass("hidden");
		esm.tour.loadstep( tourObject, 1);
		
	},
	
	loadstep: function( tour, step ) {

		var steplabel = "step" + step;
		
		if(tour[steplabel] !== undefined){
			
			// hide for effect
			$(".tutorial-box").addClass("hidden");
			
			// $(".tutorial-arrow").addClass("hidden");
	
			// set position
			// first reset
			$(".tutorial-box").attr("class","tutorial-box");
			// apply step class
			$(".tutorial-box").addClass(tour[steplabel]["stepclass"]);
			
			// set title
			$("#esm-tutorial .tutorial-box h2").html(tour[steplabel]["titlecode"]);
			// set body
			$("#esm-tutorial .tutorial-box .tutorial-body").html(tour[steplabel]["bodycode"]);
			if (tour[steplabel]["nonext"]==true){
				$(".tutorial-load-step").addClass("hidden");
			}
			$(".tutorial-box").removeClass("hidden");
			
		}
	},
	
	nextstep: function( tour, tourstep) {
		// need to figure out how to increment this dynamically
		tourObject = eval( tour ); // comes in as string
		tourStep = tourStep + 1;
		esm.tour.loadstep( tourObject, tourStep);
	}
	
	
}; //esm.tour



$(document).ready(function(){
	
	$(".tutorial-load-step").click(function(){
		esm.tour.nextstep( $(this).attr("tour"), tourStep);	
	});
	$(".tutorial-close").click(function(){
		var thisPath = $(this).attr("ajax-url");
		$.get( thisPath );
		$("#esm-tutorial").addClass("hidden");
	});
	

	
});