window.addEvent('load', function(){

    // make body visible
    $('Loading').setStyles({'display': 'none'});
    $('WholePage').setStyles({'display': 'inline'});

    // Content
    var SisMainContent1_1 = new MainContent($('Content1Sub1'));
    var SisMainContent1_2 = new MainContent($('Content1Sub2'));
    var SisMainContent1_3 = new MainContent($('Content1Sub3'));
    var SisMainContent2 = new MainContent($('Content2'));
    var SisMainContent3 = new MainContent($('Content3'));

    // Sub Menu
    var SisSubMenu1 = new SubMenu($('Menu1Sub'));

    var SisSubMenu1Item1 = new SubMenuItem($('Menu1Sub1Link'));
    SisSubMenu1Item1.SetContent(SisMainContent1_1);
    SisSubMenu1.AddItem(SisSubMenu1Item1);

    var SisSubMenu1Item2 = new SubMenuItem($('Menu1Sub2Link'));
    SisSubMenu1Item2.SetContent(SisMainContent1_2);
    SisSubMenu1.AddItem(SisSubMenu1Item2);

    var SisSubMenu1Item3 = new SubMenuItem($('Menu1Sub3Link'));
    SisSubMenu1Item3.SetContent(SisMainContent1_3);
    SisSubMenu1.AddItem(SisSubMenu1Item3);

    // Main Menu
    var SisMainMenu = new MainMenu($('Menu'));
    var startPos = new Pos(50, 125);

    var SisMainMenuItem1 = new MainMenuItem($('Menu1'));
    SisMainMenuItem1.SetPos(startPos);
    SisMainMenuItem1.SetChildMenu(SisSubMenu1);
    SisMainMenu.AddItem(SisMainMenuItem1);
    
    var SisMainMenuItem2 = new MainMenuItem($('Menu2'));
    SisMainMenuItem2.SetPos(startPos);
    SisMainMenuItem2.SetContent(SisMainContent2);
    SisMainMenu.AddItem(SisMainMenuItem2);

    var SisMainMenuItem3 = new MainMenuItem($('Menu3'));
    SisMainMenuItem3.SetPos(startPos);
    SisMainMenuItem3.SetContent(SisMainContent3);
    SisMainMenu.AddItem(SisMainMenuItem3);

//    SisMainMenu.Enable();

	var slideMiscBox = new Fx.Slide('MiscBoxContent');

    // determine what page to initially show (php url integration)
    // submenus first! These must be known before mainmenu item is selected.
    
	if (contentSub == "resume"){
		SisSubMenu1.Select(0);
	}
	else if (contentSub == "subjects"){
		SisSubMenu1.Select(1);
	}
	else if (contentSub == "portfolio"){
		SisSubMenu1.Select(2);
	}	
	
	if (contentMain == "profile"){
		SisMainMenu.Select(1);
	}
	else if (contentMain == "work"){
		SisMainMenu.Select(0);
	}
	else if (contentMain == "contact"){
		SisMainMenu.Select(2);
	}

	var windowSize = Window.getSize();
	var miscBoxSize = $('MiscBox').getSize();
	
	slideMiscBox.hide();

	$('MiscBox').setStyles({
		'top': windowSize.y-miscBoxSize.y+window.getScrollTop()+'px'
	}); 
	
	//---------------------------------------------------------------------------------------------------------------------------------------
	// Action handlers
	
	window.addEvent('scroll', function(){
		$('MiscBox').setStyles({
			'top': windowSize.y-miscBoxSize.y+window.getScrollTop()+'px'
		}); 
	});
	
	// miscbox click
	$('MiscBoxLink').addEvent('click', function(){
		slideMiscBox.toggle();
	});
	
	// Hover over link
	var list = $$('#Menu a');
	list.each(function(element) {
		var myFx = new Fx.Tween(element);
		
		element.addEvent('mouseenter', function(){
			myFx.start('color', '#a9a690');
			(function(){ myFx.start('color', '#36352e'); }).delay(1000);
		});
	});			

	// click actions 
	$('Menu1Link').addEvent('click', function(e){
		e = new Event(e);
		SisMainMenu.Select(0);
		e.stop();
	});
	
	$('Menu2Link').addEvent('click', function(e){
		e = new Event(e);
		SisMainMenu.Select(1);
		e.stop();
	});
	
	$('Menu3Link').addEvent('click', function(e){
		e = new Event(e);
		SisMainMenu.Select(2);
		e.stop();
	});

	$('Menu1Sub1Link').addEvent('click', function(e){
		e = new Event(e);
		SisSubMenu1.Select (0);
		e.stop();
	});

	$('Menu1Sub2Link').addEvent('click', function(e){
		e = new Event(e);
		SisSubMenu1.Select (1);
		e.stop();
	});

	$('Menu1Sub3Link').addEvent('click', function(e){
		e = new Event(e);
		SisSubMenu1.Select (2);
		e.stop();
	});
});