var timer;
var auto_slide = 0;
var hover_pause = 0;
var key_slide = 1;
var auto_slide_seconds = 15000;
var slide_count = 0;

function slide(where){
	var item_width = $('#ebb_carousel_ul li').outerWidth() + 0;
	if(where == 'left'){
		var left_indent = parseInt($('#ebb_carousel_ul').css('left')) + item_width;
	}else{
		var left_indent = parseInt($('#ebb_carousel_ul').css('left')) - item_width;
	}
	
	$('#ebb_carousel_ul:not(:animated)').animate({'left' : left_indent},500,function(){    
		if(where == 'left'){
			$('#ebb_carousel_ul li:first').before($('#ebb_carousel_ul li:last'));
		}else{
			$('#ebb_carousel_ul li:last').after($('#ebb_carousel_ul li:first')); 
		}
		$('#ebb_carousel_ul').css({'left' : '0px'});
	});       
}

function slide_once() {
	if(slide_count > 0) {clearInterval(timer);} else {
		slide_count = 1;
		slide("right");
		$("#image1").removeClass('on');
		$("#image1").addClass('off');
	}
}

function arrow_click() {
	slide("right");
	clearInterval(timer);
	if($("#image1").attr('class') == 'on') {
		$("#image1").removeClass('on');
		$("#image1").addClass('off');
	} else {
		$("#image1").removeClass('off');
		$("#image1").addClass('on');
		slide_count = 0;
		timer = setInterval('slide_once()', auto_slide_seconds);
	}
}

$(document).ready(function() {
	
	$("#prev_btn").hide();
	
	$('#ebb_carousel_ul li#image2:first').before($('#ebb_carousel_ul li#image1:last')); 
	
	if(auto_slide == 1){
		//alert('auto_slide');
		timer = setInterval('slide("right")', auto_slide_seconds); 
		$('#hidden_auto_slide_seconds').val(auto_slide_seconds);
	} else {
		timer = setInterval('slide_once()', auto_slide_seconds);
	}

	if(hover_pause == 1){
		//alert('hover_pause');
		$('#ebb_carousel_ul').hover(function(){clearInterval(timer)},function(){
			timer = setInterval('slide("right")', auto_slide_seconds); 
		});
	}

	$("#image2 img").hover(
		function(){
			$(this).fadeTo(100, 0.8);
		},
		function(){
			$(this).fadeTo(300, 1);
	});
	
	$("#home_project_matrix img").hover(
			function(){
				$(this).fadeTo(100, 0.8);
			},
			function(){
				$(this).fadeTo(300, 1);
	});
	
});