var iHomeImage = 0;


$(document).ready(
	function()
	{
		if ($.browser.version.charAt(0) < 7 && $.browser.msie){$("#mainnav li, #subnav li").hover(function(){$(this).addClass('hover');},function(){$(this).removeClass('hover');});}


		Cufon.replace('h2');
		Cufon.replace('h3');
		
        doModal();
        doTabs();
        doFirstVisit();
        

		if ($(".content-img-block").length > 0)
		{
			setInterval("rotateHomeImage()", 10000);
		}


		var aantalImg = 0;

		$(".content-img img").each(
			function()
			{
				$(this).load(
					function()
					{
						aantalImg++;
						
						if (aantalImg == $(".content-img img").length)
						{
							setInterval("bindHomeImage()", 5000);
						}
					}
				)
			}
		);
        
        
         
        $("#btn-snelzoeken").click(function(e){
            e.preventDefault();
            $('#snelzoeken-content').slideToggle('slow');
        });
        $('#snelzoeken-content').slideUp('slow');
        
        
		switchTab();
		switchSelect();
		
		doTest();
		
		$(".frm-submit").click(
			function()
			{
				$(this).parent().submit();
			}
		);
		
		$("input[name=nieuwsbrief]").change(
			function(e)
			{
				if ($(this).attr('checked'))
				{
					$("input[name=email]").addClass("required");
				}
				else
				{
					$("input[name=email]").removeClass("required").removeClass("error");
					$("input[name=email]").parent().removeClass('error');
				}
			}
		)
		
		$(".frmContact-submit").click(
			function()
			{			
				$("#contactfrm").submit();
			}
		)
		
		$(".leerroute-overzicht").each(
			function()
			{
				$(this).find(".leerroute-overzicht-block:last").addClass('last');
			}
		)

	}
);

function rotateHomeImage()
{
	var cur = iHomeImage;
	iHomeImage++;
	
	if (iHomeImage > 2)
	{
		iHomeImage = 0;
	}
	
	$("#content-img .content-img-block:eq("+cur+")").fadeOut(2000);
	$("#content-img .content-img-block:eq("+iHomeImage+")").fadeIn(2000);
}

function switchTab()
{
	
    
    
    
    var anchor = $.url.attr("anchor");
	
	if (anchor != null)
	{
        $("#content-main-navigation li").removeClass("active");
        $(".content-main-tab-content").removeClass("active");

        $("#content-main-navigation li a#tab_"+anchor).parent().addClass("active");
        $("#content-tab_"+anchor).addClass("active");
	}
    
	
//	$(document).scrollTop(0);
//	$("body").scrollTop(0);
}

function switchSelect()
{
	$("select[name=leerroutechange]").change(
		function()
		{
			var id = $(this).val();

			$(".leerroute.active").removeClass('active');
			$("#"+id).addClass('active');
		}
	);
	
	$("select[name=soortchange]").change(
		function()
		{
			var sclass = $(this).val();

			$(".Managers, .Adviseurs, .Teams").hide();
			$("."+sclass).show();
		}
	);
}

function doTabs()
{
    $("ul#content-main-navigation li a").click(function(e){
        e.preventDefault();
        
        $("#content-main-navigation li").removeClass("active");
        $(".content-main-tab-content").removeClass("active");
        
        $(this).parent().addClass("active")
        $("#content-" + $(this).attr("id")).addClass("active");
                
    });
    
    
    
    
    $('.balk').click(function(e){
        e.preventDefault();
        //De rest even inklappen.
        $('.balk ').removeClass("active");
        $('.leerroute').slideUp('slow');
        
        $(this).addClass("active");
        var selector = $(this).attr('href');
        $(selector).slideDown('slow');    
	});
    
    /*
    $("a.balk").click(
    	function(e)
    	{
    		e.preventDefault();
    	
    		if (!$(this).hasClass("active"))
    		{
    			var id = $(this).attr("href");
    	
    			$("div.leerroute.active").removeClass("active");
    			$("a.balk.active").removeClass("active");
    			
    			$(this).addClass('active');
	    		$(id).addClass('active');
	    	}
    	}
    )
    */
}

function makeAjaxForm()
{
	$("#modal-content form").submit(
		function(e)
		{
			e.preventDefault();
			
			$.post($(this).attr("action"),
					$(this).serialize(),
					function (data)
					{
						$("#modal-content").html(data);		
					}
			);
			
		}
	);
}

function doModal()
{
    $(".btn-modal").click(function(e){
        e.preventDefault();
    
    	$.get(	$(this).attr("href"),
    			function(data)
    			{
			        $("#modal-content").html(data);
			        
			        fvFormRequired();
			        makeAjaxForm();
			        
		    		Cufon.replace('#modal-content h2');
					Cufon.replace('#modal-content h3');
			        
			        $("#modal-bg").css("width",$(document).width()).css("height",$(document).height());
			        centerModal("#modal-content-wrapper", 50);
			        $("#modal-bg").fadeIn(750);
			        $("#modal-content-wrapper").fadeIn(750);
				}
		);
			   
    });
    
    $(".btn-aanmelden").click(function(e){
        e.preventDefault();
        
        $("#modal-bg").css("width",$(document).width()).css("height",$(document).height());
        centerModal("#modal-content-wrapper", 50);
        $("#modal-bg").fadeIn(750);
        $("#modal-content-wrapper").fadeIn(750);
    });
    
    $(".modal-close, .modal-close2").click(function(e){
        e.preventDefault();
        
		closeModal();

    });    
}

function closeModal()
{
    $("#modal-bg").fadeOut(750);
    $("#modal-content-wrapper").fadeOut(750);
}

function centerModal(modal, top)
{        
    var topPos  = $(modal).offset().top;
    var leftPos = ($(document).width() / 2) - ($(modal).width() / 2);
    
    $(modal).css("left", leftPos);
    topPos += top;
    $(modal).css("top", topPos);
    $(modal).css("position", "absolute");    
}

function bindHomeImage()
{
	var cur = $("div.content-img.active");
	
	if (cur.next().length > 0)
	{
		var next = cur.next();
	}
	else
	{
		var next = $("div.content-img:first");
	}
	

	cur.animate({opacity: "0"}, {queue: false, duration: 1500});
	next.animate(	{opacity: "1"}, 
					{
						queue: false, 
						duration: 1500,
						complete:	function()
									{	
										cur.removeClass("active");
										next.addClass("active");					
										
										var index = next.index();
										index--;
										
										$("ul#content-img-rotator li.active").removeClass("active");
										$("ul#content-img-rotator li:eq("+index+")").addClass('active');
									}
					}
	);

}

function doTest()
{
	var iIndex = 0;
	var evenon = 0;

	$(".vraag").each(
		function()
		{
			evenon = 1 - evenon;
		
			if (evenon == 0)
			{
				$(this).addClass("oneven");
			}
			else
			{
				$(this).addClass("even");			
			}	
		}
	);


	$(".nrs").each(
		function()
		{

		
			for (var i = 0; i < 6; i++)
			{
				if (i == 0)
				{
					var radio = $("<input>").attr("type", "radio").attr("value", "0.5").attr("name", "vraag"+iIndex);
				}
				else
				{
					var radio = $("<input>").attr("type", "radio").attr("value", i).attr("name", "vraag"+iIndex);
				}
				
				radio.change(
					function()
					{
						updateRadio();
					}
				);
				$(this).append(radio);
			}
			
			iIndex++;
		}
	)
	
	$(".btn-stap").click(
		function(e)
		{
			e.preventDefault();
			
			$(".stap").hide();
			$($(this).attr("href")).show();
		}
	)
}

function updateResult()
{
	for (var i = 1; i < 7; i++)
	{
		var score = parseInt($("div#stap"+i+" h4 span").text());

		$("#stap7 div.stap"+i+" p").hide();
		
		$("#stap7 div.stap"+i+" h4 span").html(score);

		if (!isNaN(score))
		{		
			if (score < 23)
			{
				$("#stap7 div.stap"+i+" .laag").show();
			}
			else if (score < 37)
			{
				$("#stap7 div.stap"+i+" .middel").show();		
			}
			else
			{
				$("#stap7 div.stap"+i+" .hoog").show();			
			}
		}
	}
}

function updateRadio()
{
	var totaal = 0;
	
	$("div.stap:visible input:checked").each(
		function()
		{
			totaal += ($(this).val()*1);
		}
	)

	$("div.stap:visible .subtotaal span").text(totaal);
	
	updateResult();
}

function doFirstVisit()
{
    var message = $("#firstVisitMessage").html();
    
    if(message != null)
    {
        $("#modal-content").html(message);
		Cufon.replace('#modal-content h2');
		Cufon.replace('#modal-content h3');
        
        $("#modal-bg").css("width",$(document).width()).css("height",$(document).height());
        centerModal("#modal-content-wrapper", 50);
        $("#modal-bg").fadeIn(750);
        $("#modal-content-wrapper").fadeIn(750);
    }
}