var unHover = null;
var timeoutNextSlide = '';

function toggleBnAs()
{
	if($('.before-n-after .after').is(':visible'))
	{
		hide = 'after';
		show = 'before';
	}
	else
	{
		hide = 'before';
		show = 'after';
	}
	
	$('.before-n-after .' + hide).fadeOut("slow");
	$('.before-n-after .' + show).fadeIn("slow");
	setTimeout('toggleBnAs()',3000);
} 
setTimeout('toggleBnAs()',3000);


$(document).ready(function ()
{
	$('.fancybox').fancybox();
	
	
	
	$('#nav > li').mouseover(function ()
	{
		$('li.hover').removeClass('hover');
		var left = $(this).outerWidth(true) / 2;
		var marginLeft = -$(this).find('ul:eq(0)').outerWidth(false)/2;
		
		//alert($(this).find('ul:eq(0)').outerWidth(false));
		
		$(this).addClass('hover');
		$(this).find('ul').css('left', '50%').css('marginLeft', marginLeft + 'px');
		clearTimeout(unHover);
	}).mouseout(function ()
	{
		unHover = setTimeout(function ()
		{
			$('li.hover').removeClass('hover');
		}, 300);
	});
	
	$('#home_slider li a').click(function (e)
	{
		id = $(this).attr('href').substr(1);
		
		$('#home_slider li.active').removeClass('active');
		$('#slider_image .active').fadeOut().removeClass('active');
		$('#slider_image_' + id).fadeIn(function ()
		{
			$(this).addClass('active');
		});
		
		$(this).parent('li').addClass('active');
		
		clearTimeout(timeoutNextSlide);
		timeoutNextSlide = setTimeout('showNextSlide()', 5000);
		
		e.preventDefault();
	});
	
	$('#home_slider li a:eq(0)').trigger('click');
});

function showNextSlide()
{
	var lis = $('#home_slider li');
	var num_lis = lis.size();
	var liactive = $('#home_slider li.active');
	
	index = lis.index(liactive);
	
	if(index == num_lis - 1)
	{
		index = 0;
	}
	else
	{
		index++;
	}
		
	$('#home_slider li a:eq(' + index + ')').trigger('click');
}