$(document).ready(function() {
	// Resize events
	doresize();
	// problems in IE6 and IE7 $(window).resize(function(){ doresize(); });
	$("#tekstvlak img").load(function(){ doresize() });

	// Colorbox
	var cbOptions = {};
	cbOptions.opacity = "0.5";
	cbOptions.speed = "300";
	$('A[rel=lightbox]').colorbox(cbOptions,function() {
		// remove previous
		$("#cboxDesc,#cboxDescShd,#cboxFlickr").remove();		
		
		// Google Analytics
		obj = $.fn.colorbox.element();
		title = $(obj).attr("title");
		pageTracker._trackEvent("Lightbox","Other",title);							
	});
	
	// calendar 	
	cbOptions.inline = true;
	cbOptions.width = "400px";
	cbOptions.height = "400px";
	
	$('.calendar A').each(function(i){
		
		detail = $(this).attr("href");
		detail = (detail.substr(7+detail.lastIndexOf('detail='),10));
		
		//$(".hidden",this.parent).attr("id",detail);
		cbOptions.href="#"+detail;
		$(this).colorbox(cbOptions,function() {
			// remove previous
			$("#cboxDesc,#cboxDescShd,#cboxFlickr").remove();		
			
			// Google Analytics
			obj = $.fn.colorbox.element();
			title = $(obj).text();
			pageTracker._trackEvent("Lightbox","Agenda",title);					
		});
		
	});
	
	
	// Flickr Foto's 
	if (tag == '{FLICKR}') tag = '';
	if (document.getElementById("fotoalbum") || tag!='' ) {
		flickrURL = "http://api.flickr.com/services/feeds/photos_public.gne?id=42093684@N06&lang=en-us&format=json&jsoncallback=?";
		previewSize = '_s.jpg';
		
		var numPhoto=0;
		var currentPhoto = 0;
		var maxPhotos = 10;

		// content pagina
		if (tag!='') {
			flickrURL = flickrURL.replace('&jsoncallback','&tagmode=any&tags='+tag+'&jsoncallback');
			previewSize = '_m.jpg';
			maxPhotos = 99;
		}
		
				
		arrPhoto = new Array();
		$.getJSON(flickrURL, function(data){
			
			// put all photos in array
			$.each(data.items, function(i,item){
					arrPhoto[i]=item;
					numPhoto = i;
			});
									
			// Display the first 10 or all
			for (i=0;i<maxPhotos&&i<=numPhoto;i++) {
				appendPhoto(arrPhoto[i],'next');
				if (i%2 && tag!='') $("#fotos").append('<br clear="both">'); 
			}

			if (numPhoto>10) $("#fotoalbum #next").show();
			
		});
					
		$("#fotoalbum #prev").click(function(){
			currentPhoto--
			if (currentPhoto<=0) { $("#fotoalbum #prev").hide(); currentPhoto=0; }
			if (currentPhoto>=numPhoto-10) $("#fotoalbum #next").show();

			$("#fotoalbum #fotos a:last").empty().remove()
			$("#fotoalbum #fotos").animate({marginLeft: "64px"},500,"linear",function() {
				appendPhoto(arrPhoto[currentPhoto],'prev');
				$("#fotoalbum #fotos").css({marginLeft: "-11px"});
				
				$("#fotoalbum #fotos img:first").reflect();
				cbOptions.inline = false;		
				cbOptions.href = "";
				cbOptions.width = "";
				cbOptions.height = "";					
				$('#fotoalbum #fotos a:first').colorbox(cbOptions ,function() { setPhotoColorbox(); });
			});
		});

		$("#fotoalbum #next").click(function(){
			currentPhoto++
			if (currentPhoto>0) $("#fotoalbum #prev").show();
			if (currentPhoto>=numPhoto-9) { $("#fotoalbum #next").hide(); currentPhoto=numPhoto-9 }
			
			appendPhoto(arrPhoto[currentPhoto+9],'next');
			$("#fotoalbum #fotos").animate({marginLeft: "-86px"},500,"linear",function() {
				$("#fotoalbum #fotos a:first").empty().remove()
				$("#fotoalbum #fotos").css({marginLeft: "-11px"});
			});			
			
			$("#fotoalbum #fotos img:last").reflect();
			cbOptions.inline = false;		
			cbOptions.href = "";
			cbOptions.width = "";
			cbOptions.height = "";					
			$('#fotoalbum #fotos a:last').colorbox(cbOptions ,function() { setPhotoColorbox(); });
		});			
		
	}
	
	$('#fotos').ajaxComplete(function(){		
		if (tag=='{FLICKR}' || tag=='') $('#fotos img').reflect(); else $('#fotos img').reflect({height: .05});

		cbOptions.inline = false;		
		cbOptions.href = "";
		cbOptions.width = "";
		cbOptions.height = "";		
		
		$('#fotos a').colorbox(cbOptions ,function() { setPhotoColorbox(); });

		doresize();			
	});


})



function doresize() {
    heightBody = $(document).height(); //(document.documentElement.clientHeight || window.innerHeight);  
    heightUitlijn = $("#uitlijn").height(); //document.getElementById('uitlijn').offsetHeight; 

    if (heightBody>heightUitlijn) {
			$("#uitlijn").height(heightBody + "px");
			$("#tekstvlak").height(heightBody + "px");
	}
}

function appendPhoto(item,mode) {
	url = item.media.m.replace("_m.jpg","");
	desc = item.description.substring(item.description.lastIndexOf('<p>'));
	desc = desc.replace(/</ig,'&lt;').replace(/>/ig,'&gt;');
	if (mode=='next') $("<img/>").attr("src", url+previewSize).attr("alt",item.title).attr("alt2",desc).attr("onload","doresize()").addClass("foto").appendTo("#fotos").wrap("<a rel='lightbox-home' title='"+item.title+"' href='"+url+".jpg'></a>");
	if (mode=='prev') $("<img/>").attr("src", url+previewSize).attr("alt",item.title).attr("alt2",desc).attr("onload","doresize()").addClass("foto").prependTo("#fotos").wrap("<a rel='lightbox-home' title='"+item.title+"' href='"+url+".jpg'></a>");
}


function setPhotoColorbox () {
			obj = $.fn.colorbox.element();

			// Google Analytics
			title = $(obj).attr("title");
			pageTracker._trackEvent("Lightbox","Flickr",title);		
			
			// remove previous
			$("#cboxDesc,#cboxDescShd,#cboxFlickr").remove();
			
			// add description
			desc = '';
			desc = ($("img",obj).attr("alt2"));
			desc = desc.replace(/&lt;/ig,'<').replace(/&gt;/ig,'>');
			desc = desc.replace('<a href="http://www.dedeur.net" rel="nofollow">www.dedeur.net</a>','');

			
			$("#cboxContent").append('<div id="cboxDescShd">' + desc + '</div><div id="cboxDesc">' + desc + '</div>');
			
			// add flickr link
			flickrlink = '';
			flickrlink = ($("img",obj).attr("src"));
			flickrlink = flickrlink.substring(flickrlink.lastIndexOf('/')+1);
			flickrlink = flickrlink.substring(0,flickrlink.indexOf('_'));
			flickrlink = '<a href="http://www.flickr.com/photos/dedeurdelft/' + flickrlink + '/" target="_blank"><img src="templates/images/icons/Flickr_16x16.png" alt="Flickr"></a>';			
			$("#cboxContent").append('<div id="cboxFlickr">' + flickrlink + '</div>');
}