var fade_interval = 7000;
var fade_transition = 1500;

(function ($) {
	$( document ).ready( function(){
		$('#navigation > ul > li').hover(
			function(){
				var sub = $(this).find('.dd');
				if( sub.length == 0 ) return;
				
				$(this).find('a:eq(0)').addClass('hover');
				sub.show();
			},
			function(){
				var sub = $(this).find('.dd');
				if( sub.length == 0 ) return;
				
				$(this).find('a:eq(0)').removeClass('hover');
				sub.hide();
			}
		);
		$('#navigation .active').parents('#navigation > ul > li').find('a:eq(0)').addClass('active');
	});
	
	var slide_interval = null;
	
	function resetInterval() {
		clearInterval(slide_interval);
		slide_interval = setInterval(function () {
			changeSlide('next');
		}, fade_interval);
	}
	
	function changeSlide(slide_to) {
		var current = ($('.slide-box.current').length == 0) ? $('.slide-box:first') : $('.slide-box.current');
		
		if (slide_to == 'next') {
			target = (!$(current).next().is('.slide-box')) ? $('.slide-box:first') : $(current).next();
		} else {
			target = $('.slide-box:eq(' + slide_to.toString() + ')');
		}
		
		$(current).removeClass('current').stop().fadeTo(fade_transition, 0, function() {
			$(this).hide();
		});
		$(target).addClass('current').stop().show().fadeTo(fade_transition, 1);
		index = $('.slide-box').index(target);
		$('.slide-navigation a.active').removeClass('active');
		$('.slide-navigation a:eq(' + index.toString() + ')').addClass('active');
		resetInterval();
	}
	
	$('.slide-navigation a').live('click', function() {
		index = $('.slide-navigation a').index(this);
		changeSlide(index);
		return false;
	});
	
	$(function () {
		if ($('.slide-box').length != 0) {
			$('.slide-box:gt(0)').css('opacity', 0).hide();
			resetInterval();
		}
	})
})(jQuery)