// Header slideshow
function slideSwitch() {
    var $active = $('#slideshow li.actief');

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

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

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

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

// Detailpagina project
function detailFotos()
{
	// Bij klik op foto deze foto in vergroting zetten
	var imgLoader = null;
			
	$("#projectdetail .fotos .thumbs li a").hover(function() { return false; });
	$("#projectdetail .fotos .thumbs li a").hover(function()
	{
		link = this;
		$('.fotogroot p', this.parentNode.parentNode.parentNode).fadeOut(200, function()
		{
			imgLoader = new Image();  
			imgLoader.onload = function()	
			{
				$('.fotogroot p a', link.parentNode.parentNode.parentNode).attr({ href: imgLoader.src, title: $(link).attr("title") });
				$('.fotogroot p img', link.parentNode.parentNode.parentNode).attr({ src: $(link).attr("rel").split(" ")[1], alt: $(link).attr("title") });
				setTimeout( function() {
					$('.fotogroot p', link.parentNode.parentNode.parentNode).fadeIn(200);
				}, 300); 
			}
			imgLoader.src = $(link).attr("href");	
		});
	});

}


$(function()
{
	
	setInterval( "slideSwitch()", 6000 );
	
	/* Hover op menu voor ie6 */
	var thisclass = '';
	$('#menu li strong').hover(
	function()
	{
		thisclass = $(this).attr("class");
		$(this).removeClass(thisclass).addClass(thisclass+'hover');
	},
	function()
	{
		$(this).removeClass(thisclass+'hover').addClass(thisclass);
	});
	
	/* Submenu */
	$("#menu ul").hide();
	$("#menu li.actief ul").show();
	
	$("#menu>li>strong").click(
	function()
	{
		$("#menu>li>ul").not( $("ul", this.parentNode) ).slideUp(200);
		$("#menu>li").not( $(this).parent() ).removeClass("open");
		if( $(this).parent().hasClass("open") )
		{
			$("ul", this.parentNode).slideUp(500);	
			$(this).parent().removeClass("open");
		}
		else
		{
			$("ul", this.parentNode).slideDown(500);	
			$(this).parent().addClass("open");
		}
	});
	
	/* Subsubmenu */
	var menu = {};

	menu.laatstGeopend = null;
	menu.timeoutTime = 2000;
	menu.timeout = null;
	
	menu.init = function()
	{		
		/* hover op li */
		$("#menu>li>ul>li").hover(
			function() 
			{ 		
				// als laatstegeopend dezelfde is als de huidige, dan de timeout verwijderen
				if($(this).hasClass("hover"))
				{
					clearTimeout(menu.timeout);
				}
				// nieuwe uitschuiven
				else
				{
					$("#menu>li>ul>li>ul").hide();
					$("#menu>li>ul>li").not(this).removeClass("hover");
					
					$(this).addClass("hover");
					$(">ul", this).show();									
				}
			},
			function() 
			{ 
				// timeout zetten om na x aantal sec te sluiten
				menu.laatstGeopend = this;
				menu.timeout = setTimeout(function()
				{
					$(menu.laatstGeopend).removeClass("hover"); 
					
				}, menu.timeoutTime);
			}
		);
	}

	menu.init();

	
});

sIFR.replaceElement(named({ sSelector:"h1.bijzonder", sFlashSrc: submap+"/fla/vagrounded.swf", sColor:"#FFFFFF", sBgColor:"#ed1c24" }));
sIFR.replaceElement(named({ sSelector:"h1", sFlashSrc: submap+"/fla/vagrounded.swf", sColor:"#ed1c24", sBgColor:"#FFF", sCase:"upper", sWmode:"transparent" }));
sIFR.replaceElement(named({ sSelector:"#content #projectdetail h2", sFlashSrc: submap+"/fla/vagrounded.swf", sColor:"#ed1c24", sBgColor:"#FFF", sWmode:"transparent" }));
sIFR.replaceElement(named({ sSelector:"h2", sFlashSrc: submap+"/fla/vagrounded.swf", sColor:"#000000", sBgColor:"#FFF", sWmode:"transparent" }));