// Javascript for operation on some page of site
	  $(document).ready(function(){
		  								 
		// Homepage effect
		$("ul#brands-menu li").hover(function () {
			if($(this).is("#menu-more-brands")==false) {
				$("ul#brands-menu li.active").removeClass("active");	
				$(this).addClass("active");
				var brandID = $(this).attr("id");
				$("#brands-intro img").hide();
				$("#brands-intro img."+brandID).fadeIn(800);
			}
		});
		
		//Change subbrand on hover | Clients Overview page.
		$("#brand-large img").hover(function () {
			$("#brand-large img.active").removeClass("active");	
			$(this).addClass("active");
			var imgID = $(this).attr("id");
			
			if ($("#extension-bar img").is("."+imgID)) {
				    $("#extension-bar-wrapper").show();
					$("#extension-bar img").hide();
					$("."+imgID).show();
				} else {
					$("#extension-bar-wrapper").hide();
				}			
		});
		$("#brand-large img").mouseout(function () {
			$("#brand-large img.active").removeClass("active");
			$("#extension-bar-wrapper").hide();			
		});
		
		 //BRANDS ROTATOR on Clients Portfolio
		$('#brand-slider').jCarouselLite({
			btnNext: '#brand .next',
			btnPrev: '#brand .prev',
			scroll: 1,
			auto:4000,
			visible: 6,
			circular: true,
			easing: 'swing',
			speed: 500
		});
		
		//Change image on hover | Clients Porfolio page.
		$("#brand img").hover(function () {
			$("#brand img.active").removeClass("active");	
			$(this).addClass("active");
			var imgID = $(this).attr("title");
			$("#extension img").hide();
			$("#"+imgID).show();
		});
});