$(document).ready(function(){
//this following block of code handles the active page indicator for the menu						   
$('#Pioneers').click(function(){
	$('#Pioneers a').css("background-position","100% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#Navigating').click(function(){
	$('#Navigating a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#Advice').click(function(){
	$('#Advice a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#Monsters').click(function(){
	$('#Monsters a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#ChooseSide').click(function(){
	$('#ChooseSide a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#Elves').click(function(){
	$('#Elves a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#Giants').click(function(){
	$('#Giants a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#FieldBosses').click(function(){
	$('#FieldBosses a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#Transformations').click(function(){
	$('#Transformations a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Event a').css("background-position","0% 0%");
	});
$('#Event').click(function(){
	$('#Event a').css("background-position","100% 0%");
	$('#Pioneers a').css("background-position","0% 0%");
	$('#Navigating a').css("background-position","0% 0%");
	$('#Advice a').css("background-position","0% 0%");
	$('#Monsters a').css("background-position","0% 0%");
	$('#ChooseSide a').css("background-position","0% 0%");
	$('#Elves a').css("background-position","0% 0%");
	$('#Giants a').css("background-position","0% 0%");
	$('#FieldBosses a').css("background-position","0% 0%");
	$('#Transformations a').css("background-position","0% 0%");
	});
//this following block of code is for the Next and Previous buttons to synchronize with the active page menu
$('#ContentFrame').load(function(){/*every time the iframe is loaded, make these functions available*/
	/*when the Cover button is pressed, reset all active page buttons. IMPORTANT: id="Cover" must be used in loaded pages*/
	$('#ContentFrame').contents().find('#Cover').click(function(){
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");		
		$('#Event a', top.document).css("background-position","0% 0%");
		});	
	/*when the Next button is pressed, highlight the appropriate menu item. IMPORTANT: id must match loaded pages button id*/
	$('#ContentFrame').contents().find('#GoToPioneers').click(function(){
		$('#Pioneers a', top.document).css("background-position","100% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#GoToNavigating').click(function(){
		$('#Navigating a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#GoToAdvice').click(function(){
		$('#Advice a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#GoToMonsters').click(function(){
		$('#Monsters a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#GoToChooseSide').click(function(){
		$('#ChooseSide a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#GoToElves').click(function(){
		$('#Elves a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#GoToGiants').click(function(){
		$('#Giants a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#GoToEvent').click(function(){
		$('#Event a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		});
	$('#ContentFrame').contents().find('#GoToFieldBosses').click(function(){
		$('#FieldBosses a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#GoToTransformations').click(function(){
		$('#Transformations a', top.document).css("background-position","100% 0%");
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	$('#ContentFrame').contents().find('#Previous').click(function(){
		$('#Pioneers a', top.document).css("background-position","0% 0%");
		$('#Navigating a', top.document).css("background-position","0% 0%");
		$('#Advice a', top.document).css("background-position","0% 0%");
		$('#Monsters a', top.document).css("background-position","0% 0%");
		$('#ChooseSide a', top.document).css("background-position","0% 0%");
		$('#Elves a', top.document).css("background-position","0% 0%");
		$('#Giants a', top.document).css("background-position","0% 0%");
		$('#FieldBosses a', top.document).css("background-position","0% 0%");
		$('#Transformations a', top.document).css("background-position","0% 0%");	
		$('#Event a', top.document).css("background-position","0% 0%");
		});
	});
});