var page = 0;
var number_of_items = 13;
var slide_items = 3;
var number_of_pages = Math.ceil((number_of_items-6)/3);

$(document).ready(function(){
  // Your code here
	document.forms.search.onsubmit=function(){
		// 1. zoekquery opvangen
		var searchquery = document.getElementById("zoekveld").value;

		// 2. spaties vervangen door plusjes
		var searchquery_for_url = searchquery.replace(/ /, "+");

		// 3. zoekquery meegeven in zoek-url
		var search_url = document.getElementById("search_url").value;
		document.location= search_url+"/"+searchquery_for_url;

		return false;
	}
	
	$.getJSON("http://api.flickr.com/services/feeds/photoset.gne?set=72157622501302565&nsid=32955328@N04&lang=en-us&format=json&jsoncallback=?",
		function(data){
			$.each(data.items, function(i,item){
				$("<img width='124' />").attr("src", item.media.m).appendTo("#flickr")
				.wrap("<a href='" + item.link + "' target='_blank'></a>");
				if ( i == 3 ) return false;
			});
		});
	
	$(".lightbox").lightbox();
	
});


function toggle_project_page(direction){
	
	// pageTracker._trackPageview("/home/meer/"+direction+"/");
	
	if ( direction == "next" ) {
		if ( page < number_of_pages ) {
			page++;
		}
	} else {
		if ( page > 0 ) {
			page--;
		}
	}
	
	if ( page < number_of_pages ) {
		$("#meer-2").attr("class", "active");
	} else {
		$("#meer-2").attr("class", "nonactive");
	}
	if ( page > 0 ) {
		$("#meer-1").attr("class", "active");
	} else {
		$("#meer-1").attr("class", "nonactive");
	}
	
	var slide_width = 159*slide_items;
	var page_position = 0-(page*slide_width);
	
	$("#frame-container").animate(
		{left:""+page_position+"px"},
		1000
	);
	
}

var previous_logo = -1;

function random_logo(){
	
	var logos = new Array("", "images/logo1.gif", "images/logo2.gif", "images/logo3.gif", "images/logo4.gif", "images/logo5.gif", "images/logo6.gif", "images/logo7.gif", "images/logo8.gif", "images/logo9.gif", "images/logo10.gif", "images/logo11.gif", "images/logo12.gif", "images/logo13.gif", "images/logo14.gif", "images/logo15.gif", "images/logo16.gif");
	var number_of_logos = 16;
	var e_top = $("#header .top");
	var e_bottom = $("#header .bottom");
	var new_logo = false;
	var transition_speed = 500;		// milliseconds
	var logo_duration = 3000;
	
	// 1. choose a new logo
	// 2. put new logo in bottom
	// 3. fade out old logo in top
	// 4. after transition, copy new logo to top
	// 5. show top
	// 6. call random_logo after _ seconds
	
	// 1. choose a new logo
	while(!new_logo){
		var r = Math.floor(Math.random()*number_of_logos);
		if(r!=previous_logo){
			new_logo = r;
		}
	}
	
	// 2. put new logo in bottom
	var temp = $("<img/>").attr("src", logos[new_logo]);
	$(e_bottom).html(temp);

	// 3. fade out old logo in top + 4. copy new logo to top
	$(e_top).fadeOut(transition_speed, function(){
		$(e_top).html(temp);
		// 5. show top
		$(e_top).show();
	});

	
	// 6. call random_logo after _ seconds
	setTimeout("random_logo()", logo_duration);
		
}

random_logo();