var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id)
{	
	// cancel close timer
	mcancelclosetime();

	// close old layer
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';

	// get new layer and show it
	ddmenuitem = document.getElementById(id);
	ddmenuitem.style.visibility = 'visible';

}
// close showed layer
function mclose()
{
	if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
}

// go close timer
function mclosetime()
{
	closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime()
{
	if(closetimer)
	{
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}

// close layer when click-out
document.onclick = mclose; 


function slideSwitch() {
    var $active = $('#slideshow IMG.active');

    if ( $active.length == 0 ) $active = $('#slideshow IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#slideshow IMG:first');

    $active.addClass('last-active');

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}

$(function() {
    setInterval( "slideSwitch()", 5000 );
});

/*********** TABS **********/

$(document).ready(function(){
	$(".menu > li").click(function(e){
		switch(e.target.id){
			case "news":
				//change status & style menu
				$("#w").addClass("active");
				$("#tutorials").removeClass("active");
				$("#links").removeClass("active");
				$("#contact").removeClass("active");
				$("#fixture").removeClass("active");
				$("#captains").removeClass("active");
				//display selected division, hide others
				$("div.news").fadeIn();
				$("div.tutorials").css("display", "none");
				$("div.links").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.fixture").css("display", "none");
				$("div.captains").css("display", "none");

			break;
			case "tutorials":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").addClass("active");
				$("#links").removeClass("active");
				$("#contact").removeClass("active");
				$("#fixture").removeClass("active");
				$("#captains").removeClass("active");
				//display selected division, hide others
				$("div.tutorials").fadeIn();
				$("div.news").css("display", "none");
				$("div.links").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.fixture").css("display", "none");
				$("div.captains").css("display", "none");
			break;
			
			case "links":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").addClass("active");
				$("#contact").removeClass("active");
				$("#fixture").removeClass("active");
				$("#captains").removeClass("active");
				//display selected division, hide others
				$("div.links").fadeIn();
				$("div.news").css("display", "none");
				$("div.tutorials").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.fixture").css("display", "none");
				$("div.captains").css("display", "none");
			break;
			
			case "contact":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").removeClass("active");
				$("#fixture").removeClass("active");
				$("#contact").addClass("active");
				$("#captains").removeClass("active");
				//display selected division, hide others
				$("div.contact").fadeIn();
				$("div.news").css("display", "none");
				$("div.tutorials").css("display", "none");
				$("div.links").css("display", "none");
				$("div.fixture").css("display", "none");
				$("div.captains").css("display", "none");

			break
			case "fixture":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").removeClass("active");
				$("#contact").removeClass("active");
				$("#fixture").addClass("active");
				$("#captains").removeClass("active");
				//display selected division, hide others
				$("div.fixture").fadeIn();
				$("div.contact").css("display", "none");
				$("div.news").css("display", "none");
				$("div.tutorials").css("display", "none");
				$("div.links").css("display", "none");
				$("div.captains").css("display", "none");

			break
			
			case "captains":
				//change status & style menu
				$("#news").removeClass("active");
				$("#tutorials").removeClass("active");
				$("#links").removeClass("active");
				$("#contact").removeClass("active");
				$("#fixture").removeClass("active");
				$("#captains").addClass("active");
				//display selected division, hide others
				$("div.captains").fadeIn();
				$("div.fixture").css("display", "none");
				$("div.contact").css("display", "none");
				$("div.news").css("display", "none");
				$("div.tutorials").css("display", "none");
				$("div.links").css("display", "none");
			break


		}
		//alert(e.target.id);
		return false;
	});
});

//TOGGLE
	$('.toggle-view li').click(function () {
	    var text = $(this).children('.t');
	    
	    if (text.is(':hidden')) {
	        text.slideDown('fast');
	        $(this).children('.toggle').addClass('tactive');      
	    } else {
	        text.slideUp('fast');
	        $(this).children('.toggle').removeClass('tactive');       
	    }       
	});