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

(function($){

	$(document).bind('ready', function() {
		
		/* Accordion menu */
		$('.menu-accordion').accordionMenu({ mode:'slide' });

		/* Dropdown menu */
		$('div#menu li.parent').dropdownMenu({ mode: 'height', transition: 'easeOutExpo'});	
		
		/* Morph: color settings */
		var page = $('#page');
		
		$("#menu").find("li.level1").each(function(li){
			var li = $(this);
			for(var item in Warp.Settings.itemColors){
				if(li.hasClass(item)) {
					li.addClass(Warp.Settings.itemColors[item]);
					
					if(li.hasClass('active')){
						page.addClass(Warp.Settings.itemColors[item]);
					}
				}
			}
		});
		
		var enterColor = '#B45046';
		if (page.hasClass('green'))     enterColor = '#97AF82';
		if (page.hasClass('pink'))      enterColor = '#B995B1';
		if (page.hasClass('orange'))    enterColor = '#D1934E';
		if (page.hasClass('blue'))      enterColor = '#639FB7';
		if (page.hasClass('yellow'))    enterColor = '#AEAC57';
		if (page.hasClass('lilac'))     enterColor = '#87829D';
		if (page.hasClass('turquoise')) enterColor = '#789696';
		if (page.hasClass('black'))     enterColor = '#3C372D';
		
		/* Morph: main menu - level1 (background/color) */
		var menuEnter = { 'background-color': enterColor, 'color': '#ffffff' };
		var menuLeave = { 'background-color': '#E6E6D2','color': '#323232' };
		
		$('div#menu li.level1').morph(menuEnter, menuLeave,
			{ transition: 'linear', duration: 100, ignore: '.active'},
			{ transition: 'easeInSine', duration: 300 }, '.level1');

		/* Morph: main menu - level2 and deeper (background) */
		menuEnter = { 'margin-left': 0, 'margin-right': 0, 'text-indent': 20 };
		menuLeave = { 'margin-left': 5, 'margin-right': 5, 'text-indent': 15 };
		
		var selector = 'div#menu li.level2 > a, div#menu li.level2 > span.separator';
		
		$(selector).morph(menuEnter, menuLeave,
			{ transition: 'swing', duration: 0},
			{ transition: 'easeInSine', duration: 200 });
		

		/* Morph: main menu - level1 subline (color) */
		menuEnter = { 'color': '#ffffff' };
		menuLeave = { 'color': '#646464' };
		
		$('div#menu li.level1').morph( menuEnter, menuLeave,
			{ transition: 'swing', duration: 0, ignore: '.active'},
			{ transition: 'easeInSine', duration: 200 }, 'span.subtitle');

		/* Morph: sub menu (left/right) */
		submenuEnter = { 'margin-left': 0, 'margin-right': 0, 'padding-left': 5 };
		submenuLeave = { 'margin-left': 5, 'margin-right': 5, 'padding-left': 0 };

		$('div#middle ul.menu a, div#middle ul.menu span.separator').morph( submenuEnter, submenuLeave,
			{ transition: 'swing', duration: 0 },
			{ transition: 'easeInSine', duration: 200 });

		/* Morph: module (hover) */
		var moduleEnter = { 'background-color': '#F5F5E6'};
		var moduleLeave = { 'background-color': '#ffffff'};

		$('div.mod-hover div.box-2').morph( moduleEnter, moduleLeave,
			{ transition: 'easeOutExpo', duration: 100 },
			{ transition: 'easeInSine', duration: 300 });

		/* Smoothscroll */
		$('a[href="#page"]').smoothScroller({ duration: 500 });

		/* Match height of div tags */
		$('div.topbox div.deepest').matchHeight(40);
		$('div.bottombox div.deepest').matchHeight(40);
		$('div.maintopbox div.deepest').matchHeight(40);
		$('div.mainbottombox div.deepest').matchHeight(40);
		$('div.contenttopbox div.deepest').matchHeight(40);
		$('div.contentbottombox div.deepest').matchHeight(40);
		
	});

})(jQuery);