var Home = {
	init: function() {
		Home.currentMenuBox = -1;
		var menuimages = $$('div#ticket-box div.box img');
		var boxFx = new Fx.Elements($$('div#ticket-box div.box'), {duration: 'normal', link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
		menuimages.each(function(menuimage, i) {
			menuimage.getParent('a').setProperty('href', 'javascript:void(0);');
			menuimage.setStyle('opacity', 0.85);
			menuimage.addEvent('mouseenter', function(e) {
				if (i != Home.currentMenuBox) {
					Home.displayMenuBoxMenu(menuimages, menuimage, i, boxFx);
				}
			});
			if (Browser.Engine.trident4) {
				menuimage.getParent().setStyle('opacity', 0.85);
			}
		});
		var smallMidTicketNumberOfBackgroundPics = $$('div#smallmidticket-box ul li').length;
		var backgroundpics = ['fileadmin/images/arbeitsbuehnen.jpg', 'fileadmin/images/baumaschinen.jpg'/*, 'fileadmin/images/busse.jpg'*/, 'fileadmin/images/maschinen.jpg', 'fileadmin/images/fertigung.jpg', 'fileadmin/images/landmaschinen.jpg', 
			'fileadmin/images/medizin.jpg', 'fileadmin/images/nahrungsmitteltechnik.jpg', 'fileadmin/images/lkw.jpg', 'fileadmin/images/pkw.jpg',
			'fileadmin/images/segelboot.jpg', 'fileadmin/images/fitness.jpg', 'fileadmin/images/versorgungsautomaten.jpg',
			'fileadmin/images/schiffe.jpg', 'fileadmin/images/it.jpg', 'fileadmin/images/luftfahrzeuge.jpg', 'fileadmin/images/grossprojekte.jpg'];
		var boxsubmenuitems = $$('div#ticket-box div.boxmenu ul li a');
		Home.currentBackgroundPicIndex = -1;
		$('background_fade').set('tween', {link: 'cancel'});
		boxsubmenuitems.each(function(boxsubmenuitem, i) {
			boxsubmenuitem.addEvent('mouseenter', function(e) {
				if (Home.currentBackgroundPicIndex != i) {
					Home.currentBackgroundPicIndex = i;
					if (Home.faderFuncTimer) {
						$clear(Home.faderFuncTimer);
					}
					var faderFunc = function() {
						$('background_pic_fade').setProperty('src', $('background_pic').getProperty('src'));
						$('background_fade').fade('show');
						var new_background_img = new Asset.image(backgroundpics[i], {
							onload: function() {
								$('background_pic').setProperty('src', this.src);
								$('background_fade').fade('out');
							}
						});
					};
					Home.faderFuncTimer = faderFunc.delay(500);
				}
			});
		});
		
		var randomMenu = $random(0, 1);
		Home.displayMenuBoxMenu(menuimages, menuimages[randomMenu], randomMenu, boxFx);
		
		$('background_fade').fade('show');
		var randomPic = (randomMenu == 0) ? $random(0, smallMidTicketNumberOfBackgroundPics-1) : $random(smallMidTicketNumberOfBackgroundPics, backgroundpics.length-1);
		var first_background_img = new Asset.image(backgroundpics[randomPic], {
			onload: function() {
				$('background_pic').setProperty('src', this.src);
				$('background_fade').fade('out');
			}
		});
	},
	displayMenuBoxMenu: function(menuimages, menuimage, index, boxFx) {
		var menuBox_images = new Asset.images(['fileadmin/images/smallmidticket.png', 'fileadmin/images/projectfinance.png']);
		var menuBox_images_active = new Asset.images(['fileadmin/images/smallmidticket_active.png', 'fileadmin/images/projectfinance_active.png']);

		var menuBox_menus = [$('smallmidticketmenu'), $('projectfinancemenu'), $('ticket-box')];
		var menuBoxFx = new Fx.Elements(menuBox_menus, {duration: 'normal', link: 'cancel', transition: Fx.Transitions.Quad.easeOut});
		if (Home.currentMenuBox != -1) {
			if (Browser.Engine.trident4) {
				menuimages[Home.currentMenuBox].setStyle('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\',src=\'' + menuBox_images[Home.currentMenuBox].src + '\', sizingMethod=\'scale\');');
			}
			else {
				menuimages[Home.currentMenuBox].setProperty('src', menuBox_images[Home.currentMenuBox].src);
			}
		}
		Home.currentMenuBox = index;
		
		var obj = {};
		menuObj = {};
		menuimages.each(function(otherimage, j) {
			if (index != j) {
				obj[j] = {};
				obj[j]['height'] = 113;
				menuObj[j] = {
					'width': 170,
					'height': 0,
					'margin-top': 0,
					'opacity': 0.85,
					'background-color': '#aab1ba'
				};
			}
			else {
				if (Browser.Engine.trident4) {

					menuimage.setStyle('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\',src=\'' + menuBox_images_active[index].src + '\', sizingMethod=\'scale\');');
				}
				else {
					menuimage.setProperty('src', menuBox_images_active[index].src);
				}
				obj[index] = {};
				obj[j]['height'] = 41;

				menuObj[index] = {
					'width':  (index==0) ? 280 : 320,
					'height': (index==0) ? 328 : 120,
					'opacity': 0.85,
					'background-color': '#083272'
				};
			}
		});
		menuObj[2] = {};
		menuObj[2]['margin-top'] = (index == 0) ? 0 : 200;
		
		for (i=0; i<2; i++) {
			if (i==index) {
				var submenuitems = menuBox_menus[i].getFirst('ul').getChildren('li');
				submenuitems.each(function(submenuitem, j) {
					if (Browser.Engine.trident) {
						submenuitem.setStyle('display', 'none');
					}
					else {
						submenuitem.setStyle('opacity', 0);
					}
				});
				menuBox_menus[i].getFirst('ul').setStyle('display', 'block');
			}
			else {
				menuBox_menus[i].getFirst('ul').setStyle('display', 'none');
			}
		}
		menuBoxFx.start(menuObj).chain(function() {
			if (index != -1) {
				var submenuitemsFx = new Fx.Elements(submenuitems, {duration: 120, link: 'chain', transition: Fx.Transitions.Quad.easeOut});
				submenuitems.each(function(submenuitem, j) {
					var subobj = {};
					subobj[j] = {};
					if (Browser.Engine.trident) {
						subobj[j]['display'] = 'block';
					}
					else {
						subobj[j]['opacity'] = 1;
					}
					submenuitemsFx.start(subobj);
				});
			}
		});
		boxFx.start(obj).chain(function() {
			menuimages.each(function(otherimage, j) {
				if (index != j) {
					if (Browser.Engine.trident4) {
						otherimage.setStyle('filter', 'progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=\'true\',src=\'' + menuBox_images[j].src + '\', sizingMethod=\'scale\');');
					}
					else {
						otherimage.setProperty('src', menuBox_images[j].src);
					}
				}
			});
		});
	}
};
window.addEvent('domready', Home.init);