// JavaScript Document

//Step 1
$(document).ready(configure);

//Step 2
var transition_time = 500;
var pause_time = 3000;

function configure() {
	setTimeout(move_left_to_right,pause_time);
	fade_in_featured_scenes();
	join_button();
	
	$('#navigation .links_join a').hover(join_button_over,join_button_out);
	$('#navigation .links_join a').hover(join_button_over,join_button_out);
}

//Step 3
function move_left_to_right() {
	$('#featured_scenes li:first').animate({'margin-left':'-640px'},transition_time,reorder_images);	
}

function reorder_images() {
	$('#featured_scenes li:first').appendTo('#featured_scenes ul').css({'margin-left':'0px'});
	setTimeout(move_left_to_right,pause_time);
}

function fade_in_featured_scenes() {
	$('#featured_scenes').css({'opacity':'0'},0);
	$('#featured_scenes').animate({'opacity':'1'},500);
}

function join_button() {
	$('#navigation .links_join').animate({'opacity':.9},200);
	$('#navigation .links_join').animate({'opacity':1},200,join_button);
}

function join_button_over() {
	$(this).stop().css({'position':'relative','z-index':1});
	$(this).stop().animate({'margin-top':'-5px','height':'37px'},200);
}

function join_button_out() {
	$(this).stop().animate({'margin-top':'0px','height':'32px'},200);
}