/**
 * @author CoachZ
 */

var dotOnSrc = "/img/round_on.png";
var dotOffSrc = "/img/round_off.png";
var activeId = 0;
var imgCount = 0;
var $list;


	$list = $('#gallery .imgList');
	imgCount = $list.find('li').length;
	
	$btnLeft = $('#btnLeft');
	$btnRight = $('#btnRight');
	
	$btnLeft.click(function(){
		activeId--;
		scrollListTo(activeId);
		return false;
	});
	
	$btnRight.click(function(){
		activeId++;
		scrollListTo(activeId);
		return false;
	});

	$('#gallery .imgList li').each(function(i){
		
		var alt = $(this).find('img').attr('alt');
		if (alt == undefined) {
			alt = $(this).find('object').attr('alt');
		}
		
		var dotSrc = dotOnSrc;
		if(i>0) dotSrc = dotOffSrc;
		var dotItem = '<li><a href="#"><img src="'+dotSrc+'" title="'+alt+'" alt="'+alt+'" /></a></li>';
		
		$('#dots ul').append(dotItem);
		
		$('#dots ul li:last-child').click(function(){
			activeId = i;
			scrollListTo(activeId);
			return false;
		});
	
	});
	
	//remove dummy
	$('#dots ul li:first-child').remove();


// Functions

function pauseVimeo() {
	$('#gallery .imgList object').each(function(i){
		var id = $(this).attr('id');
		document.getElementById(id).api_pause();
	});
}


function scrollListTo(id) {
	
	if(id<0) id=0;
	else if(id>=(imgCount)) id=imgCount-1;
	
	pauseVimeo();
	
	activeId = id;
	
	var pos = (activeId*775)*(-1)
	$list.animate({left:pos+'px'});

	swapDotImg(activeId);
}

function swapDotImg(id) {
	$('#dots ul li img').each(function(i){
		if(id==i) $(this).attr('src',dotOnSrc)
		else $(this).attr('src',dotOffSrc)
	});
}