// Categories effect
var $hoverCategories = 0;
var $lastHovered;
var $n = 1;
var $max;

// Slider
var $sliderInterval = 0;
var $lastSlide;
var $nSlider = 1;
var $maxSlider;
var $hadClass = false;

$(function() {
	// UI-Tabs
	$(".tabs").tabs().fadeIn(2000);
	
	// product page, gallery
	$('.thumbs ul li').hover(
		function()
		{
			
			$('.images .image ul li').html($(this).html());
		}
	);
	$('#nav ul li a').hover(function(){
		if ($(this).is('.ui-state-active')) $hadClass = true;
		else $hadClass = false;
		$(this).addClass('ui-state-active');
	},function(){
		if (!$hadClass)
		$(this).removeClass('ui-state-active');
	});
	// ON LOAD
	$('.thumbs ul li:first').hover();
	
	// Categories effect
	$hoverCategories = setInterval(function()
	{
		$('.box li.maincategory').removeClass('hover');
		if (typeof $lastHovered == 'undefined') 
		{
			$('.box li.maincategory:first').addClass('hover');
			$lastHovered = $('.box').find('li.maincategory');
			$max = $lastHovered.length;
		}
		else {
			if ($n + 1 > $max) $n = 0;
			$lastHovered.eq($n++).addClass('hover');
		}
	}, 3000);
	
	// Slider
	$('#slider ul li:first').show('puff',400);
	$lastSlide = $('#slider ul').find('li');
	$maxSlider = $lastSlide.length;
	$sliderInterval = setInterval(function()
	{
		$('#slider ul li').fadeOut(700).removeClass('visible');
		if ($nSlider + 1 > $maxSlider) $nSlider = 0;
		$lastSlide.eq($nSlider++).fadeIn(2000);
	}, 6000);
	
	// Login form
	$('#loginForm').hide();
	$('.showLoginForm a').click(function(e)
	{
		e.preventDefault();
		var $link = $(this);
		$link.hide();
		$('#loginForm').show('puff',500).effect('highlight', {}, 300);
		setTimeout(function()
		{
			$('#loginForm').hide();
			$link.show('puff',500).effect('highlight', {}, 1000);
		}, 15*1000);
	});
	
	// banner
	var flashvars = {};
	var params = {};
	var attributes = {};
	swfobject.embedSWF(
		Common.url("/images/swf/banner_827x106px.swf"), 
		"banner-top", 
		827, 
		106, 
		"9.0.0", 
		false, 
		flashvars, 
		params, 
		attributes
	);
});