/* Copyright (C) 2007 - 2010 YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

var WarpTemplate = {
		
	start: function() {
		
		/* Match height of div tags */
		(function(){
			Warp.Base.matchHeight('div.topbox div.deepest', 0, 40);
			Warp.Base.matchHeight('div.bottombox div.deepest', 0, 40);
			Warp.Base.matchHeight('div.maintopbox div.deepest', 0, 40);
			Warp.Base.matchHeight('div.mainbottombox div.deepest', 0, 40);
			Warp.Base.matchHeight('div.contenttopbox div.deepest', 0, 40);
			Warp.Base.matchHeight('div.contentbottombox div.deepest', 0, 40);
		})();

		/* Accordion menu */
		new Warp.AccordionMenu('div#middle ul.menu li.toggler', 'ul.accordion', { accordion: 'slide' });

		/* Dropdown menu */
		new Warp.Menu('div#menu li.parent', { mode: 'height', transition: Fx.Transitions.Expo.easeOut });

		/* Morph: main menu - level1 (tab) */
		var menuEnter = { 'color': '#000000', 'background-color': '#FFFFFF', 'margin-top': 0, 'padding-bottom': 5, 'background-position': '0 35' };
		var menuLeave = { 'color': '#787878', 'background-color': '#EBEBEB', 'margin-top': 5, 'padding-bottom': 0, 'background-position': '0 24' };

		if(window.ie) { $$('div#menu li.level1 a.level1').each(function(elm){ elm.setStyle('background-position', '0 24'); }); }
		if(window.ie6) { $$('div#menu li.level1 a.level1').each(function(elm){ elm.setStyles({ 'background-color': '#EBEBEB', 'background-position': '0 25' }); }); }
		if(window.ie6) { $$('div#menu li.active a.level1').each(function(elm){ elm.setStyle('background-color', '#FFFFFF'); }); }

		new Warp.Morph('div#menu li.level1', menuEnter, menuLeave,
			{ transition: Fx.Transitions.linear, duration: 100, ignore: '.active'},
			{ transition: Fx.Transitions.sineIn, duration: 300 }, 'a.level1, span.level1');

		/* Morph: main menu - level1 subline (color) */
		menuEnter = { 'color': '#000000' };
		menuLeave = { 'color': '#505050' };
		
		new Warp.Morph('div#menu li.level1', menuEnter, menuLeave,
			{ transition: Fx.Transitions.linear, duration: 100, ignore: '.active'},
			{ transition: Fx.Transitions.sineIn, duration: 300 }, 'span.sub');

		/* Morph: main menu - level2 and deeper (color) */
		menuEnter = { 'color': '#000000', 'background-color': '#EBEBEB' };
		menuLeave = { 'color': '#646464', 'background-color': '#FFFFFF' };
		
		var selector = 'div#menu li.level2 a, div#menu li.level2 span.separator';
		/* fix for Opera because Mootools 1.1 is not compatible with latest Opera version */
		if (window.opera) { selector = 'div#menu li.item1 li.level2 a, div#menu li.item1 li.level2 span.separator, div#menu li.item2 li.level2 a, div#menu li.item2 li.level2 span.separator, div#menu li.item3 li.level2 a, div#menu li.item3 li.level2 span.separator, div#menu li.item4 li.level2 a, div#menu li.item4 li.level2 span.separator, div#menu li.item5 li.level2 a, div#menu li.item5 li.level2 span.separator, div#menu li.item6 li.level2 a, div#menu li.item6 li.level2 span.separator, div#menu li.item7 li.level2 a, div#menu li.item7 li.level2 span.separator'; }
		
		new Warp.Morph(selector, menuEnter, menuLeave,
			{ transition: Fx.Transitions.linear, duration: 0 },
			{ transition: Fx.Transitions.sineIn, duration: 500 });

		/* Morph: sub menu - level1 */
		var submenuEnter = { 'background-color': '#FFFFFF'};
		var submenuLeave = { 'background-color': '#ebebeb'};

		new Warp.Morph('div#middle ul.menu a.level1, div#middle ul.menu span.level1', submenuEnter, submenuLeave,
			{ transition: Fx.Transitions.expoOut, duration: 0 },
			{ transition: Fx.Transitions.sineIn, duration: 300 });

		/* Morph: sub menu - level2 and deeper */
		var submenuEnter = { 'background-color': '#FFFFFF'};
		var submenuLeave = { 'background-color': '#f5f5f5'};

		new Warp.Morph('div#middle ul.menu li.level2 a, div#middle ul.menu li.level2 span.separator', submenuEnter, submenuLeave,
			{ transition: Fx.Transitions.expoOut, duration: 0 },
			{ transition: Fx.Transitions.sineIn, duration: 300 });

		/* Smoothscroll */
		new SmoothScroll({ duration: 500, transition: Fx.Transitions.Expo.easeOut });
	}

};

/* Add functions on window load */
window.addEvent('domready', WarpTemplate.start);