// JavaScript Document
$(document).ready(function()
{
	$('#navbar').css({'margin-top': -400});
	$('#navbar').animate({'marginTop':0},{queue:false,duration:500,easing:"expoEaseOut"});
	
	var currentPosition = 0;
	var slideWidth = 776;
	var slides = $('.slide');
	var numberOfSlides = slides.length;
	
	//overwrite overflow of #slideContainer
	$('#slideContainer').css('overflow','hidden');
	
	slides
		.wrapAll('<div  id="slideInner"></div>')
		.css({'float' : 'left', 'width' : slideWidth});
		
	
	$('#slideInner').css({'width' : slideWidth * numberOfSlides});
	
	$('#slideInner').at_intervals(slideIt,{delay:10000});
	function slideIt()
	{	
		$('#slideInner').animate(
			{ 'marginLeft' : slideWidth*(-currentPosition)	},{queue:false,duration:800,easing:"expoEaseInOut"});
		
		currentPosition++;
		
		if(currentPosition == numberOfSlides)
		{
			currentPosition = 0;	
		}
	}
});