/*global jquery:false */
jquery(document).ready(function($) {
"use strict";

		//add some elements with animate effect
		$(".box").hover(
			function () {
			$(this).find('span.badge').addclass("animated fadeinleft");
			$(this).find('.ico').addclass("animated fadein");
			},
			function () {
			$(this).find('span.badge').removeclass("animated fadeinleft");
			$(this).find('.ico').removeclass("animated fadein");
			}
		);
		
	(function() {

		var $menu = $('.navigation nav'),
			optionslist = '<option value="" selected>go to..</option>';

		$menu.find('li').each(function() {
			var $this   = $(this),
				$anchor = $this.children('a'),
				depth   = $this.parents('ul').length - 1,
				indent  = '';

			if( depth ) {
				while( depth > 0 ) {
					indent += ' - ';
					depth--;
				}

			}
			$(".nav li").parent().addclass("bold");

			optionslist += '<option value="' + $anchor.attr('href') + '">' + indent + ' ' + $anchor.text() + '</option>';
		}).end()
		.after('<select class="selectmenu">' + optionslist + '</select>');
		
		$('select.selectmenu').on('change', function() {
			window.location = $(this).val();
		});
		
	})();

		//navi hover
		$('ul.nav li.dropdown').hover(function () {
			$(this).find('.dropdown-menu').stop(true, true).delay(200).fadein();
		}, function () {
			$(this).find('.dropdown-menu').stop(true, true).delay(200).fadeout();
		});
		
});