$(document).ready(function() {

    $("ul.topnav li").hover(function() {
        $("ul.topnav li ul.subnav li a").addClass("sub");
        $(this).find("ul.subnav").slideDown('400');
        $(this).hover(function() {
        }, function(){
            $(this).find("ul.subnav").slideUp('400');
            $("ul.topnav li ul.subnav li a").removeClass("sub");
        });
    });

    function do_fade(fout, fin, fade_speed, callback) {
		fout.fadeOut(400, function(){
			fout.removeClass("active");
			fin.fadeIn(400, function(){
				fin.addClass("active");
				if(callback != null) {
					callback();
				}
			});
		});
	}
	var switch_locked = false;
	function dot_switch(ele) {
		if(!switch_locked) {
			switch_locked = true;
			$("#controls .active").removeClass("active");
			$(ele).addClass("active");
			var fade_speed = 500;
			var index = $(ele).index();
			do_fade($("#mainBigBox .active"), $("#mainBigBox li:eq("+index+")"), fade_speed, function(){ switch_locked = false });
		}
	}
	$("#controls li").click(function(){ dot_switch(this); });
	function auto_dot_switch() {
		var cur = $("#controls .active");
		if($("#controls li:eq("+(cur.index() + 1)+")").length == 0)
			dot_switch($("#controls li:eq(0)"));
		else
			dot_switch($("#controls li:eq("+(cur.index() + 1)+")"));
	} 
	setInterval(function(){ auto_dot_switch(); }, 7000);
});