function initPage()
{
	icons();
	setInterval( "FotoSlider()", 5000 );	
	gameSlider();
	gameClick();
	installeerDatePickers();
	sponsorSlide();
	teamselectie();
	lightbox();
	naar_lastgame();
	
}

function naar_lastgame()
{
	// laatste game ophalen
	// get pics
	// kijk of element bestaat
	if($('#game_slide').length != 0){
		$.ajax({
			type: "POST",
			url: "/ajax",
			data: "functie=lastgame",
			success: function(msg){
				//alert('ding: ' +msg);
				setTimeout('navigeerNaarGame(' +msg +');', 250); 
			}
		});
	}
	
	
}

function lightbox()
{
	
	$(".thumb").lightBox();
	//$(".thumb").css('border','10px solid lime;');
}

function sponsorSlide()
{
	
	//$("#sponsorenSlide").mouseover(function(){
    // 	if( !$('#sponsorenSlide').hasClass('stopScrolling') ){
    // 		$("#sponsorenSlide").addClass("stopScrolling");
    // 	}
    //}).mouseout(function(){
    //  	$("#sponsorenSlide").removeClass("stopScrolling");
    //});
	
	if($('#sponsorenSlide').length != 0){
		$oldMargin = $("#sponsorenSlide").css("margin-left").replace("px", "");
		if( !$('#sponsorenSlide').hasClass('stopScrolling') ){
			$("#sponsorenSlide").css("margin-left",($oldMargin-1) + "px");
		}
		setTimeout('sponsorSlide();', 80); 
	}
	 
}

function changeTeam()
{
	$('#tegenstander_naam').html($('#tgsSelect :selected').text());
}

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 FotoSlider() {        
    var shown = $('#fotoSlider .shown');

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

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

    shown.addClass('last-shown');

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

function gamesSliding()
{
	return $('#game_slide').hasClass('sliding');
}

function navigeerNaarGame(Indexe)
{
	var NaarID = Indexe;
			
		
		// kijk welk id is weergegeven
		var Left = $("#game_slide").css("margin-left").replace("px", "");
		Left--;
		var index = parseInt(-(Left / 98) + 4);
		//alert(index);
		
		// moeten we naar rechts?
		if(NaarID > index){
			//alert('rechts!');
			if(!gamesSliding()){
				$('#game_slide').addClass("sliding");
				var oldLeft = $("#game_slide").css("margin-left").replace("px", "");
				var newLeft = parseInt(oldLeft) - ( (NaarID - index) *98);
				$('#game_slide').animate({marginLeft:newLeft}, 200); 
				
				newLeft--;
				var index = parseInt(-(newLeft / 98) + 4);
				showGame( index );	
			}
		}else{
		// we moeten naar links
		//alert('links!');
			if(!gamesSliding()){
				$('#game_slide').addClass("sliding");
				var oldLeft = $("#game_slide").css("margin-left").replace("px", "");
				var newLeft = parseInt(oldLeft) + ( (index - NaarID) *98);
				$('#game_slide').animate({marginLeft:newLeft}, 200); 
				newLeft--;
				var index = parseInt(-(newLeft / 98) + 4);
				showGame( index );
			}
	
		}
}

function gameClick()
{
	
	$('.game').click(
		function(){
			
			
			var NaarID = parseInt((this.id).replace("gIndex-", ""));
			
			//alert("Geklikt op: " + NaarID);
			
			// kijk welk id is weergegeven
			var Left = $("#game_slide").css("margin-left").replace("px", "");
			Left--;
			var index = -(Left / 98) + 4;
			
			// moeten we naar rechts?
			if(NaarID > index){
				if(!gamesSliding()){
					$('#game_slide').addClass("sliding");
					var oldLeft = $("#game_slide").css("margin-left").replace("px", "");
					var newLeft = parseInt(oldLeft) - ( (NaarID - index) *98);
					$('#game_slide').animate({marginLeft:newLeft}, 200); 
					
					newLeft--;
					var index = parseInt(-(newLeft / 98) + 4);
					//alert(index);
					showGame( index );	
				}
			}else{
			// we moeten naar links
				if(!gamesSliding()){
					$('#game_slide').addClass("sliding");
					var oldLeft = $("#game_slide").css("margin-left").replace("px", "");
					var newLeft = parseInt(oldLeft) + ( (index - NaarID) *98);
					$('#game_slide').animate({marginLeft:newLeft}, 200); 
					newLeft--;
					var index = parseInt(-(newLeft / 98) + 4);
					//alert(index);
					showGame( index );
				}
		
			}
			
		}
		);
}

function gameSlider()
{
	//var oldX = $('#game_slide').css('margin-left');
	$('#terug').click(
		
		function() {
			if(!gamesSliding()){
				$('#game_slide').addClass("sliding");
				//alert($('#game_slide').css("margin-left"));
				var oldLeft = $("#game_slide").css("margin-left").replace("px", "");
				var newLeft = parseInt(oldLeft) + 98;
				$('#game_slide').animate({marginLeft:newLeft}, 200); 
				newLeft--;
				var index = -(newLeft / 98) + 4;
				showGame( index );
			}
			


		}, 
		function() {  }
	);
	
	$('#verder').click(
		function() {
			if(!gamesSliding()){
				$('#game_slide').addClass("sliding");
				var oldLeft = $("#game_slide").css("margin-left").replace("px", "");
				var newLeft = parseInt(oldLeft) - 98;
				$('#game_slide').animate({marginLeft:newLeft}, 200); 
				newLeft--;
				var index = -(newLeft / 98) + 4;
				showGame( index );
			}
		}, 
		function() {  }
	
	
	);
}

function showGame(Index)
{
	var options = {};
	//$("#uitgelichte_game").effect('explode',options,500);

	$("#thuis").hide();
	$("#gast").hide();
	$("#scoreOverzicht").hide();
	setTimeout('$("#uitgelichte_game span").html($("#gIndex-" + ' + Index + ').html());', 200); 
	
	//setTimeout('$("#uitgelichte_game span").animate({color:\'#fff\'},200);',50);
	
	//$("#gIndex-" + Index).html('hallo!');
	
	// get scoreThuis
	$.ajax({
		type: "POST",
		url: "/ajax",
		data: "functie=score&team=falcons&game=" + $("#gIndex-" +  Index + " .wedstrijdID").html(),
		success: function(msg){
			$("#thuis span").html(msg);
			
		}
	});
	
	// get scoreGast
	$.ajax({
		type: "POST",
		url: "/ajax",
		data: "functie=score&team=gast&game=" + $("#gIndex-" +  Index + " .wedstrijdID").html(),
		success: function(msg){
			$("#gast span").html(msg);
			
			// laatste ajax request, alles verniewen
			
			$("#gast").fadeIn(400);
			$("#thuis").fadeIn(400);
			$("#scoreOverzicht").fadeIn(200);
			setTimeout('$("#game_slide").removeClass("sliding");', 600); 
		}
	});
	// get gastImage
	$.ajax({
		type: "POST",
		url: "/ajax",
		data: "functie=icon&game=" + $("#gIndex-" +  Index + " .wedstrijdID").html(),
		success: function(msg){
			$("#gast .icon").html(msg);
			
		}
	});
	
	// get scoretabel
	$.ajax({
		type: "POST",
		url: "/ajax",
		data: "functie=scoretabel&game=" + $("#gIndex-" +  Index + " .wedstrijdID").html(),
		success: function(msg){
			$("#scoreOverzicht").html(msg);
			
		}
	});
	
	// get pics
	$.ajax({
		type: "POST",
		url: "/ajax",
		data: "functie=gamepics&game=" + $("#gIndex-" +  Index + " .wedstrijdID").html(),
		success: function(msg){
			$("#gamepics").html(msg);
			$(".thumb").lightBox();
			
		}
	});
	
	// get recap
	$.ajax({
		type: "POST",
		url: "/ajax",
		data: "functie=recap&game=" + $("#gIndex-" +  Index + " .wedstrijdID").html(),
		success: function(msg){
			$("#recap").html(msg);
		}
	});
	
	
	
	
}

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 teamselectie()
{

	$('#teamselection').click(
		function(){
			if($('#teamselection .openedmenu').css('display') == 'none'){
				$('#teamselection .openedmenu').show(300);
			}else{
				$('#teamselection .openedmenu').hide(300);
			}
		}
	)
	
}