/**************************************************************
return number of imageMenus that are actually displayed
**************************************************************/
	function getMaxImageMenuCount() {
			var count =(function($){
				return $("div.imageMenu").length;
			})(jQuery);
			return count;
	}
	
/**************************************************************
Request content, hide boxes, load content, show boxes, start imagemenu and multibox (JQUERY)
**************************************************************/
	function requestContent(src) {
		(function($){
			// hide all of them before hiding the fadebox (needed for IE)
			for(var i = 1; i <= getMaxImageMenuCount(); i++){
				$("#imageMenu"+i).hide('fast');
			}
			
			//hide fadebox
			$("#fadebox").hide('slow',function(){
				//load new content
				$("#content").load(src, {}, function(){
					//show fadebox
					$("#fadebox").show('slow');
					
					var started = 0; // needed to make sure that startmultibox/imagemenu is called only once
					
					// show all imagemenus
					for(var i = 1; i <= getMaxImageMenuCount(); i++){
						$("#imageMenu"+i).show('slow', function(){
								// start the scripts when all image menus are faded in -> needed to make sure that overlay works fine
								if(started == 0){
									startmultibox();
									startimagemenu();
									started = 1;
								}
						});
					}
					
				});
			});
		})(jQuery);	
	}

/**************************************************************
initialize imagemenu & multibox (MOOTOOLS)
**************************************************************/
	var startimagemenu = function() {
		for(var i = 1; i <= getMaxImageMenuCount(); i++){
			if($("imageMenu"+i) != null){
				new ImageMenu('#imageMenu'+i+' a', {openWidth:310, onOpen:function(e,i){console.log(e)}});
			}
		}
	}
	window.addEvent('domready', startimagemenu);

	var startmultibox = function(){
			var box = new MultiBox('mb', {descClassName: 'multiBoxDesc', useOverlay: true});
	}
	window.addEvent('domready', startmultibox);


/**************************************************************
sprite script for navigation (JQUERY)
**************************************************************/
	(function($){
		$(document).ready(function(){
			for(var i = 0; i<=4; i++){
				$("#link"+i).mouseover(
					function(e){
						var i = parseInt(this.id.substr(this.id.length-1,this.id.length));
						
						for(var k = 0; k<=4; k++){
							if(k!=i){
								$("#item"+k).removeClass("selected");
							}
						}
						
						$("#item"+i).addClass("selected");
						
				},i);
				
				$("#link"+i).mouseout(
					function(e){
						var i = parseInt(this.id.substr(this.id.length-1,this.id.length));
						
						$("#item"+i).removeClass("selected");
						
				},i);
				
				
				$("#link"+i).click(
					function(e){
						var i = parseInt(this.id.substr(this.id.length-1,this.id.length));
						
						for(var k = 0; k<=4; k++){
							if(k!=i){
								$("#item"+k).removeClass("active");
							}
						}
						
						$("#item"+i).addClass("active");
				},i);
				
			}
		});
		
	})(jQuery);