var theme_color = '';

$(document).ready(function() {
    var canbe = 4; // jen aby prosly ostatni podminky (jako ze je firefox 4 a vys, protoze 3 umela rotaci, ale blbe)
    var firefox = navigator.userAgent.match(/Firefox\/(\d)/);
    if(firefox != undefined)
        var canbe = firefox[1];
    var menu_cookie = $.cookie('craemo_menu');
    var $menu_changer = $('.menu_changer');
    var main_menu = $menu_changer.attr('id');
    if((main_menu == 'main_menu' || menu_cookie == 'menu1' || menu_cookie == undefined) &&
        (main_menu != 'main_menu2') && (main_menu != 'main_menu3') && (canbe > 3 && Modernizr.csstransforms)) {
        $('.menu_changer').attr('id', 'main_menu');
        var left = 0;   
        var num_menu = 1;   
        var submenu_active = 0; 
        var menu_active = 0;
        $('#menu > li').each(function() {
            var submenu_class = ''; 
            $(this).easyRotate({ 
              degrees: -54 // rotation degree of menu
            }).css('left', left);   
            left += 115;    // distance between each menu item
            var $sub_ul = $(this).find('ul');
            if($sub_ul.length > 0) {
                $('li', $sub_ul).each(function() {
                    if($(this).is('.active')) {
                        $('a', this).addClass('active');
                    }
                });
            }
            var html = $(this).find('ul').html();   
            if(html != null) { 
                html = html.replace(/<li[^>]*>/ig, ''); 
                html = html.replace(/<\/li>/ig, '');
                                    if($(this).is('.active')) { 
                                            submenu_class = 'active';
                                            submenu_active = num_menu;
                                    }
                $('#submenu-container').append('<nav class="submenu craemo-submenu-' + num_menu + ' ' + submenu_class + '">' + html + '</nav>')
                $(this).find('ul').html(''); 
            }
            else {
                if($(this).is('.active')) { 
                    menu_active = num_menu;
                }
            }
            $(this).addClass('craemo-menu-' + num_menu); 
            num_menu++;
        });

        var item_num = 0;
        var tt;
        $('#menu li').hover(function() {
            clearTimeout(tt); 
            $('#menu li.craemo-menu-' + submenu_active ).removeClass('active'); 
            $(this).addClass('active'); 
            $('#submenu-container nav').stop(true,true).hide(); 
            var class_names = $(this).attr('class'); 
            var item_nums = class_names.match(/craemo-menu-(\d)/); 
            item_num = item_nums[1];
            $('#submenu-container nav.craemo-submenu-' + item_num).show(0); 
        },
        function() {
            $(this).removeClass('active'); 
            tt = setTimeout(function() {
                $('nav.craemo-submenu-' + item_num).hide(); 
                $('#submenu-container nav.craemo-submenu-' + submenu_active).show(0); 
                $('#menu li.craemo-menu-' + submenu_active ).addClass('active'); 
                $('#menu li.craemo-menu-' + menu_active ).addClass('active'); 
                item_num = submenu_active; 
            }, 300); 
        })

        $('nav.submenu').hover(function() {
            clearTimeout(tt); 
            $('#menu li.craemo-menu-' + item_num ).addClass('active'); 
            if(submenu_active != item_num && item_num != 0 && submenu_active != undefined) {
                $('#submenu-container nav.craemo-submenu-' + submenu_active).hide(0); 
            }
        },
        function() {
            $('#menu li.craemo-menu-' + item_num ).removeClass('active'); 
            if(submenu_active != item_num && item_num != 0 ) {
                $(this).hide();
                $('#submenu-container nav.craemo-submenu-' + submenu_active).delay(300).show(0);
                item_num = submenu_active;
            }
            $('#menu li.craemo-menu-' + submenu_active ).addClass('active');
            $('#menu li.craemo-menu-' + menu_active ).addClass('active');
        })
    }
    else if(((main_menu == 'main_menu2' || menu_cookie == 'menu2') ||
        (main_menu == 'main_menu' || menu_cookie == 'menu1' || menu_cookie == undefined))
        && main_menu != 'main_menu3'){
        $('.menu_changer').attr('id', 'main_menu2');
        $('#main_menu2 #menu > li').hover(function() {
            if(!$(this).is('.active'))
                $('#main_menu2 ul li.active ul').css('left', '-9999px');
        }, function(){
            if(!$(this).is('.active')) 
                $('#main_menu2 ul li.active ul').css('left', '30px');
        });
    }
    else if(main_menu == 'main_menu3' || menu_cookie == 'menu3'){
        $('.menu_changer').attr('id', 'main_menu3');
        $('#main_menu3 #menu > li').hover(function() {
            if(!$(this).is('.active')) 
                $('#main_menu3 ul li.active ul').css('left', '-9999px');
        }, function(){
            if(!$(this).is('.active'))
                $('#main_menu3 ul li.active ul').css('left', '30px');
        });
    }
    
    var themes = new String('red blue orange green barbie dark');
    var athemes = themes.split(' ');
    for(i in athemes) {
        if($('body').is('.' + athemes[i])) {
            theme_color = athemes[i];
        }
        else{
            theme_color = 'blue';
        }
    }
    switch(theme_color) {
        case 'red': theme_color = "#b20d0d"; break;
        case 'blue': theme_color = "#6fbdc6"; break;
        case 'orange': theme_color = "#ea8604"; break;
        case 'green': theme_color = "#a4aa00"; break;
		case 'barbie': theme_color = "#ea6868"; break;
        case 'dark': theme_color = "#5f5f5f"; break;       
    }
});


// plugin jquery for slowly change color of border
jQuery.fn.bColor = function(start, end, speed) {
	//default values
	if(speed == undefined)
		var speed = 450;
	if(start == undefined)
		var start = 0;
	if(end == undefined)
		var end = 0;
	return this.each(function() {
		$(this).hover(function(){
					$(this).stop(true, true).animate({
						top: end,
						borderColor: theme_color,
					},speed, 'swing');
				},
				function(){
					$(this).animate({
						top: start,
						borderColor: "#000",
					},speed, 'swing');
				}	
			);
	});
	
}