var t;
var intervalTime = 8000;
var animationTime = 800;

$(document).ready(function(){
	var images = $('.main-categories-image');
	var products = $('.main-category-products');
	var links = $('#main-categories-bar a');
	
	products.hide();
	products.first().show();
	var $firstProduct = products.first().find('.main-category-product').first();
	var imageId = '';
	if($firstProduct){
		imageId = $firstProduct.attr('id');
		if(imageId){
			imageId = $firstProduct.attr('id').replace('image-', '');
		}
	}
	
	
	images.hide();
	$('#main-category-image-'+imageId).show();
	
	$.each(products, function(){
		$(this).find('.main-category-product').first().addClass('active');
	});
	
	links.first().addClass('active');
	
	t = setInterval('changeMainCategory()', intervalTime);
	
	links.hoverIntent(
		function(){
			clearInterval(t);
			var id = $(this).attr('id').replace('main-category-', '');
			var actualId = $('#main-categories-bar .active').attr('id').replace('main-category-', '');
			
			if(id != actualId){
				$('#main-categories-bar .active').removeClass('active');
				$(this).addClass('active');
			
				var imageId = changeProducts(id);
				changeMainImage(imageId);
			}
		},
		function(){
			t = setInterval('changeMainCategory()', intervalTime);
		}
	);
	
	products.hover(
		function(){
			clearInterval(t);
		},
		function(){
			t = setInterval('changeMainCategory()', intervalTime);
		}
	);
	
	$('#histories').jcarousel({
		visible: 1,
		scroll: 1
	});
	
	$('#our-brands').jcarousel({
		visible: 1,
		scroll: 1,
		wrap: "circular",
		auto: 5,
		initCallback : function(){
			var images = $('#our-brands img');
			$.each(images, function(){
				var height = $(this).height() / -2;
				$(this).css('margin-top', height+'px');
			});
		}
	});
});

function changeMainCategory(){
	var actual = $('#main-categories-bar .active');
	actual.removeClass('active');
	
	var next = actual.next('a');
	if(next.length == 0){
		next = $('#main-categories-bar a').first();
	}
	
	next.addClass('active');
	var nextId = next.attr('id').replace('main-category-', '');
	
	var imageId = changeProducts(nextId);
	changeMainImage(imageId);
}

function changeMainImage(id){
	$('.main-categories-image').fadeOut(animationTime);
	$('#main-category-image-'+id).fadeIn(animationTime);
}

function changeProducts(id){	
	var actual = $('#main-category-products-'+id).find('.active');
	actual.removeClass('active').css("visibility", "hidden");
	
	var next = actual.next('.main-category-product');
	if(next.length == 0){
		next = $('#main-category-products-'+id+' .main-category-product').first();
	}
	
	var imageId = next.attr('id').replace('image-', '');
	next.addClass('active').css("visibility", "visible");
	
	$('.main-category-products').hide();
	$('#main-category-products-'+id).show();
	
	return imageId;
}