function initPage()
{
	icons();
	langtabs();
	installeerDatePickers();	
	//hreplace();
	if($('#tweets').length != 0)
		Tweets();
	//	FotoSlider(); // na 5 seconden de loop starten
	//}
	$(".meerdereafbeeldingen").sortable({ 
		handle : '.handle', 
		update : function () { 
			$('#afbeeldingenvolgorde').val('');
			$('.meerdereafbeeldingen li').each(function() {
				$('#afbeeldingenvolgorde').val( $('#afbeeldingenvolgorde').val() + $(this).attr('id') + ' ');
			})
			$('#afbeeldingenvolgorde').val( jQuery.trim($('#afbeeldingenvolgorde').val()));
		} 
	}); 
	
	$('.menu li:last a').css('border','none');
	
	serializeAfbeeldingen();
	$('.thumb').lightBox();
	slideRight();
	
}

function Tweets()
{
	$("#tweets").tweet({
      join_text: "auto",
      username: "RondomHetKind",
      avatar_size: 48,
      count: 3,
      auto_join_text_default: "we zeiden,",
      auto_join_text_ed: "we",
      auto_join_text_ing: "we waren",
      auto_join_text_reply: "we reageerden",
      loading_text: "laden van tweets..."
	});
}

function slideRight()
{	
	if($('#fotoslate').length != 0){
		var afbeeldingenbreedte = 0
		var aantal = 0;
		$( '#fotoslate img').each(function(){
			afbeeldingenbreedte += parseInt($(this).width()) + 20;
			aantal++;
		});	
		if(afbeeldingenbreedte < 806){
			setTimeout('slideRight();', 100); 
			return;
		}
		afbeeldingenbreedte = (afbeeldingenbreedte + (aantal * 20));
		var lastpos = -(parseInt($('#fotoslate img:last').position().left) + ($('#fotoslate img:last').width()));
		//alert(lastpos);
		var oldMargin = $("#fotoslate").css("margin-left").replace("px", "");
		$("#fotoslate").css("margin-left",(oldMargin-1) + "px");
		if(oldMargin < 896-afbeeldingenbreedte)
			setTimeout('slideLeft();', 100); 
		else
			setTimeout('slideRight();', 100); 	
	}
	 
}
function slideLeft()
{	
	if($('#fotoslate').length != 0){
		var oldMargin = $("#fotoslate").css("margin-left").replace("px", "");
		$("#fotoslate").css("margin-left",(parseInt(oldMargin)+1) + "px");
		if(oldMargin >= 0)
			setTimeout('slideRight();', 100); 	
		else
			setTimeout('slideLeft();', 100); 
	}	 
}

function cufonWebsite()
{
	// cufon
	//Cufon.replace($('.menu a'),{ hover: true });
	//Cufon.replace($('h2'));
	//Cufon.replace($('h3'));
}

function serializeAfbeeldingen()
{
	$('#afbeeldingenvolgorde').val('');
	$('.meerdereafbeeldingen li').each(function() {
		$('#afbeeldingenvolgorde').val( $('#afbeeldingenvolgorde').val() + $(this).attr('id') + ' ');
	});
	$('#afbeeldingenvolgorde').val( jQuery.trim($('#afbeeldingenvolgorde').val()));
}

function langtabs()
{
	$("#langtabs").tabs();
}

function nietbeschikbaar(sender)
{
	if(($('#beschikbaar-in-' + sender).attr('checked'))){
		$('input[name=titel-' + sender + ']').val('');
		$('#content-' + sender).slideUp();
	}else{
		$('#content-' + sender).slideDown();
	}
}

function FotoSlider() {        
   	var shown = $('#afbeelding .shown');

    if ( shown.length == 0 ) shown = $('#afbeelding img:last');

    var next =  shown.next().length ? shown.next()
        : $('#afbeelding img:first');

    shown.addClass('last-shown');

    next.css({opacity: 0.0})
        .addClass('shown')
        .animate({opacity: 1.0}, 2000, function() {
            shown.removeClass('shown last-shown');
        });
        
    setTimeout(function(){FotoSlider();},5000);
}


function redirect(url)
{
	alert(url);
}

function hreplace()
{
	
	if(!$('#cmsmenukop').length){
		Cufon.replace($('#menu li a'));
		Cufon.replace($('h2'));
		Cufon.replace($('h3'));
	}
	return;
}

function installeerDatePickers()
{
	$.datepicker.regional.nl = {
	clearText: 'Wissen', clearStatus: 'Wis de huidige datum',
	closeText: 'Sluiten', closeStatus: 'Sluit zonder verandering',
	prevText: '', prevStatus: 'Bekijk de vorige maand',
	prevBigText: '', nextBigStatus: 'Bekijk het vorige jaar', nextText: '→', nextStatus: 'Bekijk de volgende maand',
	nextBigText: '', nextBigStatus: 'Bekijk het volgende jaar',
	currentText: 'Vandaag', currentStatus: 'Bekijk de huidige maand',
	monthNames: ['januari', 'februari', 'maart', 'april', 'mei', 'juni',
	'juli', 'augustus', 'september', 'oktober', 'november', 'december'],
	monthNamesShort: ['jan', 'feb', 'maa', 'apr', 'mei', 'jun',
	'jul', 'aug', 'sep', 'okt', 'nov', 'dec'],
	monthStatus: 'Bekijk een andere maand', yearStatus: 'Bekijk een ander jaar',
	weekHeader: 'Wk', weekStatus: 'Week van het jaar',
	dayNames: ['zondag', 'maandag', 'dinsdag', 'woensdag', 'donderdag', 'vrijdag', 'zaterdag'],
	dayNamesShort: ['zon', 'maa', 'din', 'woe', 'don', 'vri', 'zat'],
	dayNamesMin: ['zo', 'ma', 'di', 'wo', 'do', 'vr', 'za'],
	dayStatus: 'Stel DD in als eerste dag van de week', dateStatus: 'dd/mm/yy',	                dateFormat: 'dd/mm/yy', firstDay: 1,
	initStatus: 'Kies een datum', isRTL: false};
	$.datepicker.setDefaults($.datepicker.regional.nl);
	
	$('#date').datepicker();
	//$('#date').datepicker('option', 'monthNames', ['Januari','Februari','Maart','April','Mei','Juni','Juli','Augustus','September','Oktober','November','December']);
	//$('#date').datepicker('option', 'monthNames', ['Januari','Februari','Maart','April','Mei','Juni','Juli','Augustus','September','Oktober','November','December']);

}

function icons()
{
	//hover states on the static widgets
	$('.ui-icon').hover(
		function() { $(this).addClass('ui-state-hover');}, 
		function() { $(this).removeClass('ui-state-hover'); }
	);
	
	// als je over knoppen gaat binnen de werkbalk
	$('.werkbalk a').hover(
		function() { $('.werkbalk a span:first').addClass('ui-state-hover');},
		function() { $('.werkbalk a span:first').removeClass('ui-state-hover');}
	);

	$('.knopomschrijving').hover(
		function() { $(this).prev().addClass('ui-state-hover'); },
		function() { $(this).prev().removeClass('ui-state-hover'); }
	);
	
	
	// als je over knoppen gaat binnen de werkbalk
	//$('.werkbalk a').hover(
	//	function() { $('.werkbalk a span:first').addClass('ui-state-hover');},
	//	function() { $('.werkbalk a span:first').removeClass('ui-state-hover');}
	//);
}

function submitCMSForm() 
{
	document.cmsform.submit();
}

function confirmDialog(id,redirect)
{
	$(id).dialog({
		bgiframe: true,
		resizable: false,
		height:160,
		modal: true,
		overlay: {
			backgroundColor: '#000',
			opacity: 0.1
		},
		buttons: {
			'Doorgaan': function() {
				$(this).dialog('close');
				top.location=redirect;
			},
			'Afbreken': function() {
				$(this).dialog('close');
			}
		}
	});
	$(id).dialog('open');

}

function changeProject(id,object)
{
	$('.highlight').removeClass('highlight');
	$('#projectview').hide();
	
	setTimeout(function(){
		$('#projectview').html($('#project-' + id).next().next().html()); 
		$('#projectview').show(400);
		// lightbox
		$('#projectview .thumb').lightBox();
	},500);
	object.addClass('highlight');
	
}


function bestandsMethodeWijzigen()
{	
	if($('.uploaden').css('display') == 'block'){
		$('.uploaden').hide();
		$('.uitwisselmap').show();
	}else{
		$('.uitwisselmap').hide();
		$('.uploaden').show();
	}
	
	
}

function fotoVolgende()
{
	// even de knop weghalen
	//$('#volgendimg').hide();
	//$('#vorigimg').hide();
	$("#afbeeldingslide").animate({ marginLeft: '-=470' }, 400, function(){ if(parseInt($("#afbeeldingslide").css('margin-left')) <= -(($("#afbeeldingslide .pakketafbeelding").size()-1) * 470) ){ $('#volgendimg').hide(); $('#vorigimg').show(); } else { $('#vorigimg').show(); }} );
}

function fotoVorige()
{
	$("#afbeeldingslide").animate({ marginLeft: '+=470' }, 400, function(){ if(parseInt($("#afbeeldingslide").css('margin-left')) >= 0 ){ $('#vorigimg').hide(); $('#volgendimg').show(); }else{ $('#volgendimg').show(); }} );
}