/// <reference path="~/js/jquery-1.3.2.min.js" />

$(document).ready(function() {

	// TABS IMAGES AND VIDEOS TOP CONTENT

	$(".tab").click(function()
	{
		$(".tab").removeClass("active");
		$(".tab#" + this.id).addClass("active");

		$(".container").removeClass("active");
		$(".container#visuals_" + this.id).addClass("active");
	});

	// IMAGE CYCLE TOP CONTENT

	$("#image-cycle").cycle({ 
		fx:     'fade', 
		speed:  'fast', 
		timeout: 0, 
		next:   '#next', 
		prev:   '#previous' 
	});
	
	// BUTTON READ MORE TEXT TOPCONTENT

	$(".button-more").click(function()
	{
		var strID = this.id;
		var intPos = strID.lastIndexOf("-");
		if (intPos>0)
			strID = strID.substr(intPos+1);
			
		if($("#fulltext").is(":visible"))
		{
			$("#fulltext").slideUp();
			$("#header-" + strID).removeClass('open');
			$("#header-" + strID).addClass('closed');
			$("#togglebutton-" + strID).html('Lees meer');
		}
		else
		{
			$("#fulltext").slideDown();
			$("#header-" + strID).removeClass('closed');
			$("#header-" + strID).addClass('open');
			$("#togglebutton-" + strID).html('Sluiten');
		}
		return false;
	});
	
	init_ToggleButtons(".togglebutton");	
	
	
});

function init_ToggleButtons(strClass)
{
	//alert('init_ToggleButtons...');

	$(strClass).click(function()
	{                               
		var strID = this.id;
		var intPos = strID.lastIndexOf("-");
		if (intPos>0)
			strID = strID.substr(intPos+1);

		//	alert(strID);
		if($("#misc_content-" + strID).is(":visible"))
		{
			$("#misc_content-" + strID).slideUp();

			$("#header-" + strID).removeClass('open');
			$("#header-" + strID).addClass('closed');

			$("#togglebutton-" + strID).html('Lees meer');
		}
		else
		{
			if ($("#misc_content-" + strID).html()=="")
			{
				//alert('ajax...');
				$.ajax(
				{
					method: "get",
					url: "/" + strID + ".pp",
					dataType: "html",
					success: function(html)
					{               
						$("#misc_content-" + strID).html(html);

						$("#header-" + strID).removeClass('closed');
						$("#header-" + strID).addClass('open');

						$("#togglebutton-" + strID).html('Sluiten');

						if (strClass!=".submenuitem")
							init_ToggleButtons(".submenuitem");
					},
					complete:function () {
						$("#misc_content-" + strID).slideDown();
					}
				});
			}
			else
			{
				$("#header-" + strID).removeClass('closed');
				$("#header-" + strID).addClass('open');

				$("#togglebutton-" + strID).html('Sluiten');
			
				$("#misc_content-" + strID).slideDown();
			}

		}
		
		return false;
	});
}