// JavaScript Document

var siteRoot = "/";

var menuItem = Class.create({
	initialize: function(name, bg_image){
		this.name = name;
		this.bg_image = bg_image;
	}
});



MainMenuObj = {
	bgImgPrefix: "url(../images/layout/",
	bgImgPostfix: ")",
	mainMenuItems: [
		new menuItem('home', 'menu-home.jpg'),
		new menuItem('apple', 'menu-apple.jpg'),
		new menuItem('ipod', 'menu-ipod.jpg'),
		new menuItem('zubehoer', 'menu-zubehoer.jpg'),
		new menuItem('multimedia', 'menu-multimedia.jpg'),
		new menuItem('service', 'menu-service.jpg'),
		//new menuItem('edu', 'menu-education.jpg'),
		new menuItem('screen', 'menu-screen.jpg'),
		new menuItem('search', 'menu-search.jpg')
	],	
	currentItem: 0,
	
	init: function(setupArgs){
		if(typeof(setupArgs.currentItem) != 'undefined') this.currentItem = setupArgs.currentItem;
		if(typeof(setupArgs.currentItemName) != 'undefined') this.currentItem = this.getItemByName(setupArgs.currentItemName);
		$('Mainmenu').style.backgroundImage = this.bgImgPrefix + this.mainMenuItems[this.currentItem].bg_image + this.bgImgPostfix;
		this.revert();
	},
	
	getItemByName: function(itemName){
		itemNo = 0;
		for(i = 0; i < this.mainMenuItems.length; i++){
			if(this.mainMenuItems[i].name == itemName){
				itemNo = i;
			}
		}
		return itemNo;
	},
	
	toggleItem: function(itemName){
		this.toggle(this.getItemByName(itemName));
	},	
	
	revert: function(){
		this.toggle(this.currentItem);
	},
	
	toggle: function(itemSelected){
		img_y = itemSelected * 50;
		bg_pos = "0px -" + img_y + "px";
		$('Mainmenu').style.backgroundPosition = bg_pos;
	}
	
};