var other_type;
var type;
var animate_timer;

$(document).ready(function(){

    getTypes();

    if($('.carousel-'+type).length) {
        var show_sub_end = 0;
    
        if ($.browser.msie) {
            $('.carousel-menu li a').each(function(){
                $(this).css('width', $(this).outerWidth()+'px');
            });
            var w = $('#blockCenter').width()-150;
            
            $('.carousel-menu li a').css('display', 'block');
        }
        
        $('.carousel-menu').jcarousel();
        
		if ($.browser.safari) {
			$('.center-menu-sub').css('height', '100%');
			
	        $('.carousel-menu').each(function(){
	            if($(this).width() < $('#blockCenter').width())
	            {
	                $(this).closest('.carousel-block').find('.jcarousel-next').addClass('jcarousel-next-disabled');
	                $(this).closest('.carousel-block').find('.jcarousel-next').addClass('jcarousel-prev-disabled-horizontal');
	            }
	        });
	     }   
			
	
		$('.center-menu-sub ul').each(function(){
		
			$(this).jcarousel({
				start: $(this).find('.active').index()+1
			});
			if (($.browser.safari) || (($.browser.msie) && ($.browser.version == '8.0'))) {
		        if($(this).width() < $('#blockCenter').width())
		        {
		            $(this).closest('.center-menu-sub').find('.jcarousel-next').addClass('jcarousel-next-disabled');
		            $(this).closest('.center-menu-sub').find('.jcarousel-next').addClass('jcarousel-prev-disabled-horizontal');
		               
		        }
			}
	    });
			
        
        if (($.browser.msie) && ($.browser.version == '6.0')) {
            $('.center-menu-sub .jcarousel-prev-horizontal').css('left', '-40px');
            $('.jcarousel-clip').css('width', w+'px');
			$('#carousel-block').css('position', 'absolute');
        }
        
        $('.carousel-menu').before('<div class="centermenucurrent"></div>');
//        $('.carousel-menu').before('<div class="centermenuactive"><div></div></div>');
        

        $('.carousel-'+type).clone(true).appendTo($('#centerMenuMainCarousel'));
        $('#centerMenuMainCarousel').show();


        $('.carousel-menu').each(function(){
            $(this).css('width', $(this).width()-100+'px');
        });

		var correct_width;
		$('.center-menu-sub ul').each(function(){
			correct_width = 0;
			$(this).find('li').each(function(){
				correct_width += $(this).outerWidth()+20;
			});
		
            $(this).css('width', correct_width+'px');
        });

		var offset = 40;
				
		$('.carousel-'+type+' .centermenucurrent').animate({
			'left': $('.carousel-'+type+' li .active').closest('ul').position().left + 
					$('.carousel-'+type+' li .active').closest('div').position().left + 
					$('.carousel-'+type+' li .active').width()/2 +
					sum_width($('.carousel-'+type+' li .active').parent('li').prevAll('li')) - offset + 'px'},
					800, 'easeOutQuart');
					
		$('.carousel-'+other_type+' .centermenucurrent').animate({
			'left': $('.carousel-'+other_type+' li .active').closest('ul').position().left + 
					$('.carousel-'+other_type+' li .active').closest('div').position().left +
					$('.carousel-'+other_type+' li .active').width()/2 +
					sum_width($('.carousel-'+other_type+' li .active').parent('li').prevAll('li')) - offset + 'px'},
					800, 'easeOutQuart');
		//$('.carousel-'+type+' .centermenucurrent').animate({'left': $('.carousel-'+type+' li .active').offset().left+$('.carousel-'+type+' li .active').width()/2-offset +'px'}, 800, 'easeOutQuart');
		//$('.carousel-'+other_type+' .centermenucurrent').animate({'left': $('.carousel-'+other_type+' li .active').offset().left+$('.carousel-'+other_type+' li .active').width()/2-offset +'px'}, 800, 'easeOutQuart');

		//$('#carousel-block').hide();
        //$('.carousel-block').css('visibility', 'visible');
		
		$('.center-menu-sub').hide();
        $('.center-menu-sub').css('visibility', 'visible');


        set_default_sub($('.carousel-menu li .active'));

        $('.centermenusub_active').show('slide', {direction: 'right'}, 500);

            $('.carousel-menu li .active').parent('li').css('background', 'url(/templates/default/imgCenterMenu/center_menu_bg_left.png) no-repeat');
			
		if (($.browser.msie) && ($.browser.version < 9)) {
			
           $('.carousel-menu li').each(function(){
				
               if($(this).find('a').html().indexOf('BR') == -1) {
                    $(this).find('a').html('<span>'+$(this).find('a').html()+'</span>');  //css('padding-top', '10px');
					$(this).find('a').find('span').css('position', 'relative');
					$(this).find('a').find('span').css('top', '10px');
        
                }
           });
       }

    }
    else {
			
		if ($.browser.safari) {
			$('.center-menu-sub').css('height', '100%');
		}
		
		if ($.browser.msie) {

            var w = $('#blockCenter').width()-150;        
		}
	
        $('.center-menu-sub ul').jcarousel({
			start: $('.center-menu-sub ul .active').index()+1

		}); 
		
		if (($.browser.msie) && ($.browser.version == '6.0')) {

            $('.center-menu-sub .jcarousel-prev-horizontal').css('left', '-40px');
            $('.jcarousel-clip').css('width', w+'px');
			$('.jcarousel-clip img').stop().animate({'top': '0px'}, 10);
        }
        
        //$('.center-menu-sub ul').each(function(){
        //    $(this).css('width', $(this).width()-100+'px');
        //});
		
		var correct_width;
		$('.center-menu-sub ul').each(function(){
			correct_width = 0;
			$(this).find('li').each(function(){
				correct_width += $(this).outerWidth()+20;
			});
		
            $(this).css('width', correct_width+'px');
        });

		$('.center-menu-sub').hide();
        $('.center-menu-sub').css('visibility', 'visible');
        
        if (($.browser.msie) && ($.browser.version < 8)){
             $('.center-menu-other').height($('.center-menu-other').height()+20);
        }
		
		$('.center-menu-sub').show('slide', {direction: 'right'}, 500);
		
    }
	
	$('.center-menu-sub li a span').css('behavior', 'url(js/PIE.htc)');
    

    $('.carousel-menu li a').hover(function(){
	
//            $('.carousel-'+type+' .centermenuactive').animate({
//                'left': $(this).offset().left+$(this).width()/2-offset-50 +'px',
//                'width': $(this).width()+15+'px'
//            }, 800);
        $(this).parent('li').css('background', 'url(/templates/default/imgCenterMenu/center_menu_bg_left.png) no-repeat');

       $(this).css('background', 'url(/templates/default/imgCenterMenu/center_menu_bg_right.png) no-repeat right')
             .css('color', '#ffffff');
    },
    function(){
        if($(this).hasClass('active') == false) {
            $(this).parent('li').css('background', '');
            $(this).css('background', '')
                   .css('color', '#000000');
        }
    });
        
//        $('.carousel-menu').mouseleave(function(){
//            setTimeout(function() {
//                $('.carousel-'+type+' .centermenuactive').animate({'left': $('.carousel-'+type+' li .active').offset().left+$('.carousel-'+type+' li .active').width()/2-offset +'px'}, 800, 'easeOutQuart');
//            }, 500);
//        });

    $('.carousel-menu li a').click(function(){
        if(show_sub_end == 0) {
            if($(this).hasClass('active') == false) {
                
                type = getType($(this).attr('id'));
                
                set_cookie('type', type);
                
                var index_active = $('.carousel-menu li .active').parent('li').index();
                var index_current = $(this).parent('li').index();
                var sub_show = 'right';
                var sub_hide = 'left';
                var id = getId($(this).attr('id'));
                
                if(index_current < index_active) {
                    sub_show = 'left';
                    sub_hide = 'right';
                }
                
                $('.carousel-'+type+' li .active').css('background', '')
                                                  .css('color', '#000000');
                
                $('.carousel-'+type+' li .active').parent('li').css('background', '');
                $('.carousel-'+type+' li .active').removeClass('active');
                
                $('.carousel-'+type).find('li:eq('+$(this).parent('li').index()+')').find('a').addClass('active');
                $('.carousel-'+type).find('li:eq('+$(this).parent('li').index()+')').css('background', 'url(/templates/default/imgCenterMenu/center_menu_bg_left.png) no-repeat');

              
           
				$('.carousel-'+type+' .centermenucurrent').animate({
					'left': $('.carousel-'+type+' li .active').closest('ul').position().left + 
							$('.carousel-'+type+' li .active').closest('div').position().left + 
							$('.carousel-'+type+' li .active').width()/2 +
							sum_width($('.carousel-'+type+' li .active').parent('li').prevAll('li')) - offset + 'px'},
							800, 'easeOutQuart');
				
                show_sub_end = 1;

                $('.centermenusub_active').hide('slide', {direction: sub_hide}, 250, function(){
                    $('.centermenusub_active').removeClass('centermenusub_active');
                    $('#'+type+'sub_'+id).addClass('centermenusub_active');
                    $('#'+type+'sub_'+id).show('slide', {direction: sub_show}, 250, function(){
                        show_sub_end = 0;
                    });
                });
            }
        }
        
    });
    
    $('.center-menu-sub ul li a').hover(function(){
        animate_timer = 1;
        animate_sub($(this));
    }, 
    function(){
        animate_timer = 0;
        $(this).find('img').stop().animate({'top': '0px'}, 300);
    });

    $('.center-menu-sub ul li a').click(function(){
		$('.center-menu-sub ul li span :not(.active)').css('background', '');
		$('.center-menu-sub ul li').removeClass('active');
		$(this).parent('li').addClass('active');
	
    });
    /*
    $('#clientType a').click(function(){
        if($(this).parent('li').hasClass('active') == false) {
            $('#clientType ul .active').removeClass('active');
            $(this).parent('li').addClass('active');
            
            if($(this).parent('li').attr('id') == 'ctCorporative') {
                type = 'corporate';
                $('.centermenusub_active').hide('slide', {direction: 'left'}, 500);
                $('.carousel-private .active').css('color', '#ffffff');
                $('#centerMenuMainCarousel').hide('slide', {direction: 'left'}, 500, function(){
                    
                    $(this).html('');
                    $('.carousel-corporate').clone(true).appendTo($('#centerMenuMainCarousel'));
                    $('#centerMenuMainCarousel').show('slide', {direction: 'right'}, 500);
                    $('.centermenusub_active').removeClass('centermenusub_active');
                     $('#'+type+'sub_'+getId($('.carousel-'+type).find('li .active').attr('id'))).addClass('centermenusub_active');
                     $('.centermenusub_active').show('slide', {direction: 'right'}, 500);
//                     $('.carousel-'+type+' .centermenucurrent').animate({'left': $('.carousel-'+type+' li .active').offset().left+$('.carousel-'+type+' .active').width()/2-offset +'px'}, 800, 'easeOutQuart');
                });
            }
            else {
                type = 'private';
//                $('.carousel-'+type+' .centermenucurrent').css('left', $('.carousel-'+type+' li .active').offset().left+$('.carousel-'+type+' li .active').width()/2-offset +'px');
                $('.centermenusub_active').hide('slide', {direction: 'right'}, 500);
                $('.carousel-private .active').css('color', '#ffffff');
                $('#centerMenuMainCarousel').hide('slide', {direction: 'right'}, 500, function(){
                    
                    $(this).html('');
                    $('.carousel-private').clone(true).appendTo($('#centerMenuMainCarousel'));
                    $('#centerMenuMainCarousel').show('slide', {direction: 'left'}, 500);
                    $('.centermenusub_active').removeClass('centermenusub_active');
                    $('#'+type+'sub_'+getId($('.carousel-'+type).find('li .active').attr('id'))).addClass('centermenusub_active');
                    $('.centermenusub_active').show('slide', {direction: 'left'}, 500);
                });
            }
        }
    });
	*/
});

function set_default_sub(el) {
    var id = getId(el.attr('id'));
    $('#'+type+'sub_'+id).addClass('centermenusub_active');
}


function getId(id)
{
    if(id) return id.substring(id.lastIndexOf("_")+1, id.length);
    else return 0;
}

function getType(id)
{
    if(id) return id.substring(0, id.lastIndexOf("_"));
    else return 0;
}
function set_cookie(name, value, expires)
{
    if (!expires)
    {
    expires = new Date();
    }
    document.cookie = name + "=" + escape(value) + "; expires=" + expires.toGMTString() +  "; path=/";
}

function get_cookie(name)
{
    var cookie_name = name + "=";
    var cookie_length = document.cookie.length;
    var cookie_begin = 0;
    while (cookie_begin < cookie_length)
    {
        value_begin = cookie_begin + cookie_name.length;
        if (document.cookie.substring(cookie_begin, value_begin) == cookie_name)
        {
            var value_end = document.cookie.indexOf (";", value_begin);
            if (value_end == -1)
            {
                value_end = cookie_length;
            }
            return unescape(document.cookie.substring(value_begin, value_end));
        }
        cookie_begin = document.cookie.indexOf(" ", cookie_begin) + 1;
        if (cookie_begin == 0)
        {
            break;
        }
    }
    return 'private';
}

function animate_sub(obj)
{
    obj.find('img').animate({'top': '-5px'}, 300, function(){
        obj.find('img').animate({'top': '0px'}, 300, function(){
            if(animate_timer == 1) animate_sub(obj);
        });
    });
}

function sum_width(obj) 
{
	var w = 0;
	var parent_pos = $('.carousel-'+type+' ul').position().left;

	obj.each(function(){
		w += $(this).width()+12;
		w -= $(this).width()/2;
		
	});
	
	return w;
}

function getTypes()
{
	var section = $('#clientType .active').attr('id');

	if(section == 'ctCorporative') {
		type = 'corporate';
		other_type = 'private';		
	}
	else {
		type = 'private';
		other_type = 'corporate';

	}
}