$(document).ready(function() {
	// Progress Bar
	$("#progressbar").progressbar({ value: 0 });
	setTimeout(updateProgress, 50);
	
	$("#progressbar_AFirst").progressbar({ value: 0 });
	setTimeout(updateProgress, 50);
	
	// Accordion
	$("#accordion").accordion({ header: "h3" });

	// Initialize a accordion with the autoHeight option specified.
	$( "#accordion" ).accordion({ autoHeight: true });
	// Get or set the autoHeight option, after init.
	//getter
	var autoHeight = $( "#accordion" ).accordion( "option", "autoHeight" );
	//setter
	$( "#accordion" ).accordion( "option", "autoHeight", false );

	//	Initialize a accordion with the collapsible option specified.
	$( "#accordion" ).accordion({ collapsible: true });
	// Get or set the collapsible option, after init.
	//getter
	var collapsible = $( "#accordion" ).accordion( "option", "collapsible" );
	//setter
	$( "#accordion" ).accordion( "option", "collapsible", true );

	// Initialize a accordion with the active option specified. (NO NEED TO INITIALIZE)
	// $( "#accordion" ).accordion({ active: 2 });
	// Get or set the active option, after init.

	if (sub_page == "sub_heritage") {
		var active = $( "#accordion" ).accordion( "option", "active" );
		//setter
		$( "#accordion" ).accordion( "option", "active", 1 );
	} 
	if (sub_page == "sub_gardens")   {
		var active = $( "#accordion" ).accordion( "option", "active" );
		//setter
		$( "#accordion" ).accordion( "option", "active", 2 );
	}
	if (sub_page == "sub_parish") {
		var active = $( "#accordion" ).accordion( "option", "active" );
		//setter
		$( "#accordion" ).accordion( "option", "active", 3 );
	}
	if (sub_page == "sub_basilian") {
		var active = $( "#accordion" ).accordion( "option", "active" );
		//setter
		$( "#accordion" ).accordion( "option", "active", 4 );
	}	
	if (sub_page == "sub_kofc") {
		var active = $( "#accordion" ).accordion( "option", "active" );
		//setter
		$( "#accordion" ).accordion( "option", "active", 5 );
	}
	if (sub_page == "sub_snjm") {
		var active = $( "#accordion" ).accordion( "option", "active" );
		//setter
		$( "#accordion" ).accordion( "option", "active", 6 );
	}	 	
	if (sub_page == "sub_sustainability") {
		var active = $( "#accordion" ).accordion( "option", "active" );
		//setter
		$( "#accordion" ).accordion( "option", "active", 7 );
	}
});

// Main Progress Bar
function updateProgress() {
	var progress;
	progress = $("#progressbar")
	.progressbar("option","value");
	if (progress < percentNum) {  // This is where to set the raised percentage
	  $("#progressbar")
		.progressbar("option", "value", progress + 1);
	  setTimeout(updateProgress, 50);
	}
}