http://masterdiver67.ru/templates/yoo_studio/js/template.js

1/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */
2
3(function($){
4
5	$(document).bind('ready', function() {
6
7		/* Accordion menu */
8		$('.menu-accordion').accordionMenu({ mode:'slide' });
9
10		/* Dropdown menu */
11		$('#menu').dropdownMenu({ mode: 'diagonal', dropdownSelector: 'div.dropdown', fancy: { mode: 'move', transition: 'easeOutExpo', duration: 500 } }).dropdownMenu("matchUlHeight");
12
13		/* set hover color */
14		switch (Warp.Settings.color) {
15			case 'ocean':
16				var menuEnter = '#cbdbe1';
17				var menuLeave = '#DEEAEF';
18				var submenuEnter = '#273c48';
19				var submenuLeave = '#2e4552';
20				break;	
21			case 'red':
22				var menuEnter = '#e6e3e1';
23				var menuLeave = '#EFEEED';
24				var submenuEnter = '#292222';
25				var submenuLeave = '#312828';
26				break;	
27			case 'green':
28				var menuEnter = '#dadcc1';
29				var menuLeave = '#E6E8D0';
30				var submenuEnter = '#2f2f27';
31				var submenuLeave = '#36362e';
32				break;	
33			case 'brown':
34				var menuEnter = '#d0cdbc';
35				var menuLeave = '#DBD9CC';
36				var submenuEnter = '#45403b';
37				var submenuLeave = '#4e4943';
38				break;	
39			case 'ecru':
40				var menuEnter = '#cdccb7';
41				var menuLeave = '#D8D7C7';
42				var submenuEnter = '#2a2a22';
43				var submenuLeave = '#313128';
44				break;	
45			case 'blue':
46				var menuEnter = '#d9e8f7';
47				var menuLeave = '#EBF3FF';
48				var submenuEnter = '#154d85';
49				var submenuLeave = '#1b558f';
50				break;	
51			case 'white':
52				var menuEnter = '#c9d1d9';
53				var menuLeave = '#D7DEE6';
54				var submenuEnter = '#576069';
55				var submenuLeave = '#646e78';
56				break;	
57			default:
58				var menuEnter = '#C8D0D7';
59				var menuLeave = '#D8DEE2';
60				var submenuEnter = '#262A2D';
61				var submenuLeave = '#2B2F32';
62		}
63
64
65		/* Morph: main menu - level2 (bg) */
66		var menuEnter = { 'background-color': menuEnter };
67		var menuLeave = { 'background-color': menuLeave };
68
69		$('#menu a.level2').morph(menuEnter, menuLeave,
70			{ transition: 'swing', duration: 0, ignore: '#menu li.level2 a.parent' },
71			{ transition: 'easeInSine', duration: 500 });
72
73		/* Morph: mod-fading sub menu - level1 (bg) */
74		var submenuEnter = { 'background-color': submenuEnter };
75		var submenuLeave = { 'background-color': submenuLeave };
76
77		$('div.mod-sidebar ul.menu li.level2 a, div.mod-sidebar ul.menu li.levek2 span.separator').morph(submenuEnter, submenuLeave,
78			{ transition: 'swing', duration: 0 },
79			{ transition: 'easeInSine', duration: 300 });
80
81		/* Smoothscroll */
82		$('a[href="#page"]').smoothScroller({ duration: 500 });
83
84		/* Match height of div tags */
85		$('div.headerbox div.deepest').matchHeight(20);
86		$('div.topbox div.deepest').matchHeight(20);
87		$('div.bottombox div.deepest').matchHeight(20);
88		$('div.maintopbox div.deepest').matchHeight(20);
89		$('div.mainbottombox div.deepest').matchHeight(20);
90		$('div.contenttopbox div.deepest').matchHeight(20);
91		$('div.contentbottombox div.deepest').matchHeight(20);
92
93	});
94
95})(jQuery);