JW = {};


JW.triggerMenu = function(){
	var menuArray = $('menuitems').getElements('div.menuItem');
	
	for(i=0;i<menuArray.length;i++){
		var menuItem = menuArray[i];
		var menuImage = menuItem.getElement('img');

		if(menuImage.className == "menuImage"){
			menuImage.addEvent('mouseover',function(image){
				var newSrc = image.src.replace('.gif', "-MARKED.gif");
				image.src = newSrc;
			}.bind(this,[menuImage]));
			
			menuImage.addEvent('mouseout',function(image){
				var newSrc = image.src.replace('-MARKED.gif', ".gif");
				image.src = newSrc;
			}.bind(this,[menuImage]));
		}
		
		var myFx = new Fx.Tween(menuItem,{duration: 1000});
		myFx.start('opacity', '0', '1');
		
	}
	
}

JW.resizeContentPanel = function(){
	
	if(window.getSize().x > 640){
		var newWidth = window.getSize().x - $('menupanel').getSize().x - 10;
		$('scrollable').setStyle('width',newWidth+'px');
		$('contentpanel').setStyle('width',newWidth+'px');
		//var images = $('scrollable').getElements('img');
	}
	if(window.getSize().y > 340){
		var newHeight = window.getSize().y - 70;
		var scrollHeight = newHeight - 50;
		$('scrollable').setStyle('height',scrollHeight+'px');
		$('contentpanel').setStyle('height',newHeight+'px');
		
		
	}
	$('contentpanel').setStyle('display','inline');
}


window.addEvent('load',function(){
	JW.triggerMenu();
	if($('scrollable')){
		JW.resizeContentPanel();
	}
});

window.addEvent('resize',function(){
	if($('scrollable')){
		$('contentpanel').setStyle('display','none');
		JW.resizeContentPanel();
	}	
});