Fatass = Class.create();

Fatass.prototype = {

	initialize: function() {
		$$('img.navigation').each(function(element) {
			element.observe("click", this._navigationSwitch.bind(this, element));
			element.observe("mouseover", this._switchNavOn.bind(this, element));
			element.observe("mouseout", this._switchNavOff.bind(this, element));
		}.bind(this));
		$$('img.setmember').each(function(element) {
			//console.log(element);
			element.observe("click", this._switchAllOff.bind(this, element));
		}.bind(this));
	},
	
	_navigationSwitch: function(element) {
		//console.log(element);
		if(element.hasClassName('on')) {
			if(!element.hasClassName('navcall')) {
				return;
			}
		}
		// alles abschalten
		$$('img.navigation').each(function(element) {
			if(element.hasClassName('on') && !element.hasClassName('navcall')) {
				element.removeClassName('on');
				var naviname = element.title.toLowerCase();
				element.src = "gfx/nav_" + naviname + "_off.gif";
			}
		})
		element.addClassName('on');
			
		// handle sets
		// all sets off
		$$('img.setmember').each(function(element) {
			if(element.hasClassName('on')) {
				element.removeClassName('on');
				element.hide();
			}
		})
		
		// case set
		switch(element.title.toLowerCase()) {
			
			case "mission":
				$$('img.postit_mission').first().style.display = "block";
				//new Effect.Fadein($$('img.postit_mission').first(), { x: 0, y: 0, mode: 'absolute',queue:'end', transition:Effect.Transitions.linear, duration:2 });
				$$('img.postit_mission').first().addClassName('on');
				$$('img.pizza1').first().style.display = "block";
				$$('img.pizza1').first().addClassName('on');
			break;
			
			case "menu":
				$$('img.postit_menu').first().style.display = "block";
				//new Effect.Fadein($$('img.postit_mission').first(), { x: 0, y: 0, mode: 'absolute',queue:'end', transition:Effect.Transitions.linear, duration:2 });
				$$('img.postit_menu').first().addClassName('on');
				$$('img.menu').first().style.display = "block";
				$$('img.menu').first().addClassName('on');
			break;

			case "method":
				$$('img.postit_method').first().style.display = "block";
				//new Effect.Fadein($$('img.postit_mission').first(), { x: 0, y: 0, mode: 'absolute',queue:'end', transition:Effect.Transitions.linear, duration:2 });
				$$('img.postit_method').first().addClassName('on');
				$$('img.pizza2').first().style.display = "block";
				$$('img.pizza2').first().addClassName('on');
			break;
			
			case "map":
				$$('img.postit_map').first().style.display = "block";
				//new Effect.Fadein($$('img.postit_mission').first(), { x: 0, y: 0, mode: 'absolute',queue:'end', transition:Effect.Transitions.linear, duration:2 });
				$$('img.postit_map').first().addClassName('on');
				$$('img.pizza3').first().style.display = "block";
				$$('img.pizza3').first().addClassName('on');
			break;
			
			case "call":
				$$('img.postit_call').first().style.display = "block";
				//new Effect.Fadein($$('img.postit_mission').first(), { x: 0, y: 0, mode: 'absolute',queue:'end', transition:Effect.Transitions.linear, duration:2 });
				$$('img.postit_call').first().addClassName('on');
				$$('img.menu').first().style.display = "block";
				$$('img.menu').first().addClassName('on');
			break;
			
		}
		
	}.bind(this),
	
	_switchNavOn: function(element) {
		if(!element.hasClassName('navcall')) {
			var naviname = element.title.toLowerCase();
			element.src = "gfx/nav_" + naviname + "_on.gif";
		}
	}.bind(this),
	
	_switchNavOff: function(element) {
		if(!element.hasClassName('on') && !element.hasClassName('navcall')) {
			var naviname = element.title.toLowerCase();
			element.src = "gfx/nav_" + naviname + "_off.gif";
		}
		
	}.bind(this),
	
	_allNavisOff: function(element) {
//		$$('img.navigation').each(function(element) {
//			if(element.hasClassName('on')) {
//				var naviname = element.title.toLowerCase();
//				element.src = "gfx/nav_" + naviname + "_off.gif";
//			}
//		})
	}.bind(this),
	
	_switchAllOff: function(element) {
		$$('img.navigation').each(function(element) {
			if(element.hasClassName('on') && !element.hasClassName('navcall')) {
				element.removeClassName('on');
				var naviname = element.title.toLowerCase();
				element.src = "gfx/nav_" + naviname + "_off.gif";
			}
		})
		$$('img.setmember').each(function(element) {
			if(element.hasClassName('on')) {
				element.removeClassName('on');
				element.hide();
			}
		})
	}.bind(this)
	
}