// JavaScript Document
// NAV animation
$(document).ready(function(){
		$('#navigation li a').append('<span class="hover"></span>');

	
	$('#navigation li a').hover(function() {
	
		// Stuff that happens when you hover on + the stop()
		$('.hover', this).stop().animate({
			'opacity': .3
			}, 800, 'easeOutSine');
	
	},function() {
	
		// Stuff that happens when you unhover + the stop()
		$('.hover', this).stop().animate({
			'opacity': 0
			}, 2000, 'easeOutExpo');
	})
	
	
});
//index photo slide reduced
$(function(){
	$('#panel1 li').css('left', '3000px');
	function animate_li(i){
		if(i<$('#panel1 li').length){
		$('#panel1 li').eq(i).animate({'left':'0px'}, 1000/*time*/, 'easeOutSine'/*easing*/,
			/*call back*/function(){
				animate_li(i+1)
			});
		}
	}
	animate_li(0);
	//reflection
$("#panels").reflect(.33, .5);	
})






//index photo slide
//$(function(){
//	$('#panel1 li').css('left', '3000px');
//	function animate_li(i){
//		if(i<$('#panel1 li').length){
//		$('#panel1 li').eq(i).animate({'left':'0px'}, 1000/*time*/, 'easeOutSine'/*easing*/,
//			/*call back*/function(){
//				animate_li(i+1)
//			});
//		}
//	}
//	animate_li(0);
	//reflection
//$("#panels").reflect(.33, .5);	
//})