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

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

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

		/* Morph: main menu - level1 (tab) */
		var menuEnter = { 'color': '#dc3200' };
		var menuLeave = { 'color': '#323232' };

		switch (Warp.Settings.color) {
			case 'yellow':
				menuEnter = { 'color': '#bb8a01' };
				break;
			case 'pink':
				menuEnter = { 'color': '#834b94' };
				break;
			case 'turquoise':
				menuEnter = { 'color': '#3c8b9c' };
				break;
			case 'mossgreen':
				menuEnter = { 'color': '#829333' };
				break;
			case 'green':
				menuEnter = { 'color': '#6a9939' };
				break;
			case 'blue':
				menuEnter = { 'color': '#2f66a7' };
				break;
		}

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

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

		/* Morph: main menu - level2 and deeper (color) */
		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, ignore: '.active' },
			{ transition: Fx.Transitions.sineIn, duration: 300 });

		/* Morph: sub menu - level1 */
		new Warp.Morph('div#middle ul.menu a, div#middle ul.menu span.separator', menuEnter, menuLeave,
			{ transition: Fx.Transitions.expoOut, duration: 0, ignore: '.active' },
			{ transition: Fx.Transitions.sineIn, duration: 300 });

		/* Smoothscroll */
		new SmoothScroll({ duration: 500, transition: Fx.Transitions.Expo.easeOut });
		
		/* Match height of div tags */
		Warp.Base.matchHeight('div.headerbox div.deepest', 0, 40);
		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);
		
	}

};

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