var userAgent = navigator.userAgent.toLowerCase();
jQuery.browser = {
  version: (userAgent.match( /.+(?:rv|it|ra|ie|me)[\/: ]([\d.]+)/ ) || [])[1],
    chrome: /chrome/.test( userAgent ),
    safari: /webkit/.test( userAgent ) && !/chrome/.test( userAgent ),
    opera: /opera/.test( userAgent ),
    msie: /msie/.test( userAgent ) && !/opera/.test( userAgent ),
    mozilla: /mozilla/.test( userAgent ) && !/(compatible|webkit)/.test( userAgent )
}; 

var brand = {
	init: function()
	{
		$('.brandimage').each(function(i)
		{
			if($(this).hasClass('active') === false)
			{

					$(this).css('display','none');

			}
		});
		$('.brand-cont .text').each(function(i)
		{
			if($(this).hasClass('active') === false)
			{

					$(this).css('display','none');
					$(this).css('top','0px');
					

			}
		});
		$('ul.menu li').each(function(i)
		{
			$(this).click(
				function()
				{
					// The menu
					$('ul.menu li.active').removeClass('active');
					$(this).addClass('active');

					// The Image
					$image	= $('.img-box .brandimage').eq(i);
					if($image.hasClass('active') === false)
					{
						$activeImage	= $('.img-box .brandimage.active');
						$activeImage.removeClass('active');

							$activeImage.css('display','none');

					}
					$image.addClass('active');

						$image.css('display','block');



					// The Text
					$text	= $('.brand-cont .text').eq(i);
					if($text.hasClass('active') === false)
					{
						$activeText	= $('.brand-cont .text.active');
						$activeText.removeClass('active');

							$activeText.css('display','none');

					}
					$text.addClass('active');
					

						$text.css('display','block');
		
				},
				function()
				{
				}
			)
		});
	},
	fadeOut: function(el, speed)
	{
		var speed	= ( !speed ? 300 : speed );
		$(el).animate({opacity: 0 }, speed );
	},
	fadeIn: function(el, speed)
	{
		var speed	= ( !speed ? 300 : speed );
		$(el).animate({opacity: 1 }, speed );
	}
}

$(document).ready(function () {
    $('#FocusAreaMenu li a').click(function () {
        curIndexClicked = $(this).parent().index();
        $(this).parent().siblings().removeClass("active");
        $(this).parent().addClass("active");
        $(".brand-cont .text").removeClass("active").eq(curIndexClicked).addClass("active");
        $(".img-box .brandimage").removeClass("active").eq(curIndexClicked).addClass("active");
    });
});