var current = 0;
var interval = setInterval ( "nextImage()", 8000 );
var n;
$(function(){
	n = $('.container_fix img').size();
	for(i=0; i<n; i++){
		if(i>0)$('.bullets').append('<a class="bullet" href="#" rel="'+i+'"><img src="webimg/bullet_off.png" border="0" alt="" /></a>');
		else $('.bullets').append('<a class="bullet" href="#" rel="'+i+'"><img src="webimg/bullet_on.png" border="0" alt="" /></a>');
	}

	$('.bullet').live('click', function(){
		$('.img_container').scrollTo("#image"+$(this).attr('rel'), 500);
		$('img', $('.bullet')).attr('src', 'webimg/bullet_off.png');
		$('img', $(this)).attr('src', 'webimg/bullet_on.png');
		current = $(this).attr('rel');
		clearInterval(interval);
		interval = setInterval ( "nextImage()", 8000 );
		return false;
	});
	
	$('.link').attr('target', '_blank');
});

function nextImage(){
	if(current==n-1){
		current = 0;
	} else {
		current = parseInt(current)+1;
	}
	$('.img_container').scrollTo("#image"+current, 500);
	$('img', $('.bullet')).attr('src', 'webimg/bullet_off.png');
	$('img', $('.bullet[rel='+current+']')).attr('src', 'webimg/bullet_on.png');
}