// JavaScript Document

var items = new Array();
var item_index=0;
var indexpagesensor=1;
$(document).ready(function() {						   
	$(document).initialize();	
 });

$.fn.initialize = function() {
	writeSwf();
	controlSwf();
	
	$("#handjes img").mouseover(function() {
			$(this).animate( { width: "28px", height: "28px"},70);				
	});
	$("#handjes img").mouseout(function() {
			$(this).animate( { width: "25px", height: "25px"},150);	
	});	
	
}

function writeSwf()
{
	var so = new SWFObject("images/kidzz.swf", "foto", "278", "435", "8.0.23", "", true);						
	so.addParam("menu", "0");
	so.addParam("wmode", "transparent");
	var foto = document.getElementById('fotoLoading').value;
	so.addVariable('foto',foto);
	if (document.getElementById('galerijloading')) {
		so.addVariable('fotopage',1);
	}
	if (document.getElementById('captionLoading') && indexpagesensor==1) {
		so.addVariable('overlaytekstor',escape(document.getElementById('captionLoading').value));
	}	
	so.write("flash");	
}

function changeFoto(url)
{
	document.getElementById('fotoLoading').value = url;
	writeSwf();
}

window.onresize = function() {
	controlSwf();
		history.go(0);
}

function controlSwf()
{
	var hoogte = document.body.clientHeight;
	var links = document.getElementById('flash').offsetLeft;
	var marge = 45 + ((-732)+hoogte)/20;
	$("#flash").animate( { marginLeft: marge + "px"},250);	
}

function CreateBookmarkLink() {
 title = "Kidzz binnenspeeltuin Antwerpen"; 
 url = "http://www.kidzz.biz/";

	if (window.sidebar) { // Mozilla Firefox Bookmark
		window.sidebar.addPanel(title, url,"");
	} else if( window.external ) { // IE Favorite
		window.external.AddFavorite( url, title); }
	else if(window.opera && window.print) { // Opera Hotlist
		return true; }
}

function gotoPos(position)
{	
	$("#spooner").animate ( { left:position + "px" },750 );	
	indexpagesensor=0;
	switch (position)
	{
		case "1600":
			changeTitle('images/ttl_fotos.gif');
			changeFoto('images/3/200902/072250_23022009_10.jpg');
			break;
		case "-3200":
			changeTitle('images/ttl_prijzen.gif');
			changeFoto('images/4/200902/074002_23022009_1.jpg');
			break;
		case "-1600":
			changeTitle('images/ttl_contact.gif');
			changeFoto('images/5/200902/072533_23022009_9.jpg');
			break;
		case "-4800":
			changeTitle('images/ttl_reglement.gif');
			changeFoto('images/6/200902/072618_23022009_3.jpg');
			break;
		default:
			indexpagesensor=1;		
			changeTitle('images/ttl_home.gif');
			changeFoto('images/2/200905/122943_25052009_11.jpg');
			break;			
	}
	
	
}

$.fn.loadFoto = function(foto) {	
	if (document.getElementById('fotoalbum')) {		
		$("#fotoalbum").animate( { opacity:"0.0" } , 1 );
		$("#fotoalbum").animate( { opacity:"1.0" } , 400).css({ backgroundImage: 'url("' + foto + '")'});	
	}
	setFotoStatus();
}

function setFotoStatus()
{
	document.getElementById('posgalerij').innerHTML = (item_index+1);
	document.getElementById('totaalpos').innerHTML = items.length;
}

function fotoNext()
{
	totaal = items.length;
	if ((item_index+1)<totaal) {
		item_index++;
		$(document).loadFoto(items[item_index]);
	} else {
		alert('U bent ten einde!');
	}
}

function fotoPrev()
{
	if (item_index>0) {
		item_index--;
		$(document).loadFoto(items[item_index]);
	} else {
		alert('U bent aan het begin van de fotogalerij!');
	}
}

function changeTitle(url)
{
	if (document.getElementById('ttl')) {
		document.getElementById('ttl').style.display='none';
		$("#ttl").animate( { opacity:"0.0" } , 1 );
		setTimeout("document.getElementById('ttl').style.display='block';",250);
		$("#ttl").animate( { opacity:"1.0" } , 1600).css({ backgroundImage: 'url("' + url + '")'});
	}
}
