// buttons.js
// Animation script for menu buttons on hysir.is
// By Unnar Elías Björnsson (unnar@netmidlar.is)
// Requires jQuery v1.4.3 library (http://jquery.com)

function fadeInButtons()
{
	var offset = $('div#rammi').offset().left;
	// Arrows start offscreen
	$('img.arrow').css("left", -offset-23);
	$('img.arrow').css("display", "inline");

	fadeDelay = 400;
	animationDelay = 200;

	// Start fading in
	setTimeout(function() {$('div#menu1').fadeIn(fadeDelay)} , fadeDelay*0);
	setTimeout(function() {$('div#menu2').fadeIn(fadeDelay)} , fadeDelay*1);
	setTimeout(function() {$('div#menu3').fadeIn(fadeDelay)} , fadeDelay*2);
	setTimeout(function() {$('div#menu4').fadeIn(fadeDelay)} , fadeDelay*3);
	setTimeout(function() {$('div#menu5').fadeIn(fadeDelay)} , fadeDelay*4);
	setTimeout(function() {$('div#menu6').fadeIn(fadeDelay)} , fadeDelay*5);
	setTimeout(function() {$('div#menu7').fadeIn(fadeDelay)} , fadeDelay*6);
	setTimeout(function() {$('div#menu8').fadeIn(fadeDelay)} , fadeDelay*7);

	// Start arrows fly-in animation
	setTimeout(function() {$('img#arrow1').animate({'left' : "+="+(offset+30)+"px"})} , fadeDelay*7+animationDelay);
	setTimeout(function() {$('img#arrow2').animate({'left' : "+="+(offset+30)+"px"})} , fadeDelay*7+animationDelay*2);
	setTimeout(function() {$('img#arrow3').animate({'left' : "+="+(offset+30)+"px"})} , fadeDelay*7+animationDelay*3);
	setTimeout(function() {$('img#arrow4').animate({'left' : "+="+(offset+30)+"px"})} , fadeDelay*7+animationDelay*4);
	setTimeout(function() {$('img#arrow5').animate({'left' : "+="+(offset+30)+"px"})} , fadeDelay*7+animationDelay*5);
	setTimeout(function() {$('img#arrow6').animate({'left' : "+="+(offset+30)+"px"})} , fadeDelay*7+animationDelay*6);
	setTimeout(function() {$('img#arrow7').animate({'left' : "+="+(offset+30)+"px"})} , fadeDelay*7+animationDelay*7);
	setTimeout(function() {$('img#arrow8').animate({'left' : "+="+(offset+30)+"px"})} , fadeDelay*7+animationDelay*8);
}