var pbs;
$(document).ready(function() { 
    var newsScroll = $("div.scrollable").scrollable({ 
    	size: 3
    	, onSeek:news
    	, api:true
    });
    if($("div.scrollable").attr("active")) {
    	newsScroll.seekTo($("div.scrollable").attr("active"));
    }
    
    var br = $("#browsable").scrollable({vertical:true, size: 1}).navigator();
    $(".ib").hover(function() {
   		$(this).find("div").hide();		
   	}, function () {
   		$(this).find("div").show();
   	});
   	
   	$(".ib2").fadeTo("fast", 0.70);
   	$(".over").hover(function() {
   		$(this).next('div').fadeTo("fast", 1);
   	}, function () {
   		$(this).next('div').fadeTo("fast", 0.70);
   	});
   		
    for (i=1;i<=33;i++) {
		setTimeout("doBlock(" + i + ");", i * 35);	
	}
	//$("#project_browsable").scrollable({vertical:true, size: 1}).navigator({navi: "#navi"});
	pbs = $("#project_browsable").scrollable({vertical:true, size: 1}).navigator({navi: "#navi", api:true });;
	
	$("#project_images a").each(function(index) {
		$(this).click(function(e) {
			e.preventDefault();
	   		$("#project_browsable").fadeIn();
	   		$(".pandora").fadeIn();
	   		$("#sluit").fadeIn();
	   		$("#project_browsable").css("zIndex", 100000);
	   		
	   		stopSlowFader();
	   		$("#project_images a div").fadeOut();
	   		pbs.setPage($(this).attr("rel"));
	   		
	   		return false;
	   	});
	});
   	$("#sluit").click(function(e) {
   		e.preventDefault();
   		
   		initSlowFader();
   		$("#project_images a div").fadeIn();
   		
   		$("#project_browsable").hide();
   		$("#sluit").fadeOut("slow");
   		$(".pandora").fadeOut("slow");
   		return false;
   	});
   	
   	if($("#coworkerlist").length > 0) {
   		initCoworkers();
   	}
   	
   	
	
}); 

var shufNum = 	[1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19, 20, 21, 22, 23, 24, 25, 26, 27, 28, 29, 30, 31, 32];
shuffle(shufNum);		

function shuffle(o){ //v1.0
	for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x);
	return o;
};

function news() {
	var itemsLinks = this.getIndex();
	var itemsRechts = this.getSize() - itemsLinks - 3;
	
	$("#nextNum").text(itemsRechts);
	$("#prevNum").text(itemsLinks);
};

function startVideo() {
	i = videoScroll.getIndex();
	$f(i).play();
}

function stopVideo() {
	i = videoScroll.getIndex();
	$f(i).stop();
}

function doBlock(num) {
	if (num == 33) {
		for (i=1;i<=8;i++) {
			setTimeout("doFade()", i * 100);
			if(i == 7) {
				setTimeout("doInfo()", (i * 100) + 600);
			}
		}
	} else {		
		$("#blok" + window.shufNum[num-1] + " img").animate({height:"86px",width:"97px",marginTop:"0px"}, 300);
	}
}

function doFade() {
	var r = Math.floor(Math.random() * 32);
	$("#blok" + r + " img").fadeTo("fast", 0.70, function(){
		$(this).fadeTo("slow", 1)}
	)
}
function doSlowFade() {
	var r = Math.floor(Math.random() * 32);
	
	$("#blok" + r).fadeTo(1500, 0.7, function(){
		$(this).fadeTo(1500, 1)}
	)
}
var slowFader = false;
function doInfo() {
	$("#project_images .ib").fadeIn("slow");
	$("#browsable .ib").fadeIn("slow");
	
	$("#project_images .ib2").fadeIn("slow");
	$("#browsable .ib2").fadeIn("slow");
	
	$("#project_images .over").fadeIn("slow");
	$("#browsable .over").fadeIn("slow");
	
	initSlowFader();
}
function stopSlowFader() {
	if(slowFader) {
		clearInterval(slowFader);
		slowFader = false;
	}
}
function initSlowFader() {
	stopSlowFader();
	doSlowFade();
	slowFader = setInterval("doSlowFade()", 600);
	
}
var videoScroll;
var coworkerArray;
var coworkerNum = 0;
function initCoworkers() {
	coworkerArray = new Array();
	$("#coworkerlist a").each(function(i) {
		coworkerArray[i] = this.href;
		if(document.location.href == this.href) {
			coworkerNum = i;
		}
		$(this).click(function() {
			goAndPlay(i);
			return false;
		});
	});
	
	if($("#videoplayers").length > 0) {
		videoScroll = $("#videoplayers").scrollable({ 
	    	size: 1
	    	, onBeforeSeek:stopVideo
	    	, onSeek:startVideo
	    	, api:true
	    });
	    $f(0).play();
	    //$("*").each(function() {
	    //	this.onBeforeFinish = function() { 
		//		 alert("A");
		//		 this.play(); 
		//		 return false; 
		//	}
	    //});

	}
	
	$("#prevArrow span").text(coworkerNum);
	nn = coworkerArray.length-coworkerNum-1;
	$("#nextArrow span").text(nn);
	
	$("#prevArrow").click(function() {
		if(coworkerNum > 0) {
			coworkerNum--;
			if(coworkerNum ==0 ){
				$("#formLogin").fadeIn("slow");	
			}
			
			goAndPlay(coworkerNum);
		}
		return false;
	});
	
	$("#nextArrow").click(function() {
		coworkerNum++;
		if(coworkerNum == coworkerArray.length) {
			coworkerNum--;	
		}
		if(coworkerNum < coworkerArray.length) {
			
			if(coworkerNum >0 ){
				$("#formLogin").fadeOut("slow");	
			}
			goAndPlay(coworkerNum);
		}
		return false;
	});
	
	coworkerNum = coworkerNum;
	if(coworkerNum > 0) {
		//goAndPlay(coworkerNum);
	}
	if (first != undefined) {
		goAndPlay(first);	
	}
}
function goAndPlay(num) {
	$(".oranjebalk div").fadeOut("slow");
	$("#coworker").fadeOut("slow", function() {
		var flashMovie = getFlashMovieObject("myFlashMovie");
		flashMovie.GotoFrame(num);
		u = coworkerArray[num];
		
		setTimeout(function() {
			$.get(u, {x:1}, function(data) {
				$("#prevArrow span").text(num);
				$("#nextArrow span").text(coworkerArray.length-num-1);
				
				$("#coworker").html($("#coworker", data).html());
				$(".oranjebalk div").html($(".oranjebalk div", data).html());
				
				
				$("#coworker").fadeIn("slow");
				$(".oranjebalk div").fadeIn("slow");
			});
		}, 2000);
	});
}


function goAndPlay2(num) {
	
	$(".oranjebalk").fadeOut("slow");
	
	u = coworkerArray[num];
	$.get(u, {x:1}, function(data) {
		$("#prevArrow span").text(num);
		$("#nextArrow span").text(coworkerArray.length-num-1);
	});
	
	$(".oranjebalk").fadeIn("slow");

}

function goAndPlay3(num) {
	$(".oranjebalk").fadeOut("slow");
	$("#coworker").fadeOut("slow", function() {
		u = coworkerArray[num];
		$.get(u, {x:1}, function(data) {
			$("#prevArrow span").text(num);
			$("#nextArrow span").text(coworkerArray.length-num-1);
			
			$("#coworker").html($("#coworker", data).html());
			$(".oranjebalk").html($(".oranjebalk", data).html());
			
			$("#coworker").fadeIn("slow");
			$(".oranjebalk").fadeIn("slow");
		});
	});
}


function getUrlVars() {
    var vars = {};
    var parts = window.location.href.replace(/[?&]+([^=&]+)=([^&]*)/gi, function(m,key,value) {
        vars[key] = value;
    });
    return vars;
}

var first = getUrlVars()["coworkers_id"];