// navigation colors startpage/news
var navigationColor = new Array();

navigationColor[0] = "04a7fc";
navigationColor[1] = "df2cff";
navigationColor[2] = "08ead7";
navigationColor[3] = "80ff2c";
navigationColor[4] = "df2cff";

$(document).ready(function() {
	$('#gallery').innerfade({
		speed: 850,
		timeout: 5600, 
		type: 'sequence', 
		containerheight: '600px'
	});
/*
	$('#insideNews').innerfade({
		animationtype: 'fade',
		speed: 1200,
		timeout: 6000,
		type: 'sequence'
	});
*/
}); 

$(function() {
	//$(".block").draggable();	

	$('#gallery-background').cycle({ 
    	fx: 'scrollHorz', 
	    speed: 400,
	    speedOut: 405,
    	timeout: 0,
    	prev:   '#prev', 
    	next:   '#next'
	});
});

function randomContent(current, last)
{
	var startColor = navigationColor[last];
	var endColor = navigationColor[current];

	//$('#insideNews li').animate({ color: "#" + endColor }, 1500);
	$('#insideNavigation a').animate({ color: "#" + endColor }, 1500);

/*
	$("#insideNews li").jFade({
		trigger: "load",
		property: 'color',
		start: startColor,
		end: endColor,
		steps: 15, //25
		duration: 30 //30
	});

	$("#insideNavigation a").jFade({
		trigger: "load",
		property: 'color',
		start: startColor,
		end: endColor,
		steps: 15, //25
		duration: 30 //30
	});
*/
}

function toggleBlock(id) {
		if (document.getElementById(id).className == "block ui-draggable off")
			document.getElementById(id).className = "block ui-draggable";
		else
			document.getElementById(id).className = "block ui-draggable off";
}

function toggleCareerBio(year)
{
		// todo
		// take it with DOM manipulation, just now i had no time
		
		// set all "careerbio-info" elements off
		document.getElementById("careerbio-info-1986").className = "off";
		document.getElementById("careerbio-info-1986").className = "off";
		document.getElementById("careerbio-info-1992").className = "off";
		document.getElementById("careerbio-info-19931996").className = "off";
		document.getElementById("careerbio-info-1996").className = "off";
		document.getElementById("careerbio-info-1998").className = "off";
		document.getElementById("careerbio-info-1999").className = "off";
		document.getElementById("careerbio-info-2000").className = "off";
		document.getElementById("careerbio-info-2001").className = "off";
		document.getElementById("careerbio-info-2002").className = "off";
		document.getElementById("careerbio-info-2003").className = "off";
		document.getElementById("careerbio-info-2004").className = "off";
		document.getElementById("careerbio-info-2005").className = "off";
		document.getElementById("careerbio-info-20062007").className = "off";
		document.getElementById("careerbio-info-2008").className = "off";

		// display current
		document.getElementById("careerbio-info-" + year).className = "";
}

// Easing equation, borrowed from jQuery easing plugin
// http://gsgd.co.uk/sandbox/jquery/easing/
jQuery.easing.easeOutQuart = function (x, t, b, c, d) {
	return -c * ((t=t/d-1)*t*t*t - 1) + b;
};

jQuery(function($){
	/**
	 * Most jQuery.serialScroll's settings, actually belong to jQuery.ScrollTo, check it's demo for an example of each option.
	 * @see http://flesler.demos.com/jquery/scrollTo/
	 * You can use EVERY single setting of jQuery.ScrollTo, in the settings hash you send to jQuery.serialScroll.
	 */

	/**
	 * The call below, is just to show that you are not restricted to prev/next buttons
	 * In this case, the plugin will react to a custom event on the container
	 * You can trigger the event from the outside.
	 */
	
	var $news = $('#news-ticker');//we'll re use it a lot, so better save it to a var.
	$news.serialScroll({
		items:'div',
		prev:'a.prev',
		next:'a.next',
		duration:1000,
		force:true,
		axis:'y',
		cycle:false, //don't pull back once you reach the end
		easing:'linear',
		lazy:true,// NOTE: it's set to true, meaning you can add/remove/reorder items and the changes are taken into account.
		interval:0, // yeah! I now added auto-scrolling
		step:1 // scroll 2 news each time
	});	
});