// JavaScript Document

var cur_img = 0;
var max_img = 0;
//var hash = 0;

$(document).ready(function() {
	max_img = $('ul.banners li img').length;
	
	if ($.browser.opera) { 
$(".arrow").css('visibility','hidden');
$(".image-nav li").hover(function(){
	$(this).children(".arrow").css('visibility','visible');
	},function(){
	$(this).children(".arrow").css('visibility','hidden');
});
 }
$("#loading").animate({backgroundPosition: "3000px 0"}, {queue:false, duration:1000}); 
	$(window).hashchange(function(){
		check_hash();
	});

	check_hash();

	//console.log('Max: ' + max_img);

	$(".prev a.arrow").click(function() {
		//$(".next").show();
		cur_img--;

		//console.log(cur_img);
		if (cur_img < 0) {
			cur_img = 0;
			return false;
		}

		btns();
		set_hash();
		$("ul.banners").animate({left: '+=930'});
		//$("ul.banners").css({left: (-930 * cur_img)});
		set_num();
		return false;
	});

	$(".next a.arrow, .banners li").click(function() {
		//$(".prev").show();
		cur_img++;

		//console.log(cur_img);
		if (cur_img > max_img-1) {
			cur_img = max_img-1;
			return false;
		}

		btns();
		set_hash();
		$("ul.banners").animate({left: '-=930'});
		//$("ul.banners").css({left: (-930 * cur_img)});
		set_num();
		return false;
	});

});

function set_num()
{
	$('ul.num li').removeClass('this');
	$('ul.num li:eq(' + cur_img + ')').addClass('this');
	//console.log(cur_img);
		//console.log('Nado: ' + (-930 * cur_img));
		//console.log($('ul.banners').css('left'));
}

function set_hash()
{
	var id = $('ul.banners li img:eq(' + cur_img + ')').attr('id');
	//hash = 1;
	window.location.hash = '#' + id.substr(4);
}

function btns()
{
	$(".prev").show();
	$(".next").show();
	if (cur_img > max_img - 2)
		$(".next").hide();

	if (cur_img < 1)
		$(".prev").hide();
}

function check_hash()
{
	/*if (hash == 1) {
		hash = 0;
		return;
	}
*/
	if (window.location.hash != '') {
//console.log('hash');
		var param = window.location.hash;
		if ((pos = param.indexOf('#')) >= 0) {
			var bg_img = $('#img_' + param.substr(pos + 1));
			var this_img = $('ul.banners li img').index(bg_img);
//console.log('this:' + this_img);
			if (cur_img == this_img)
				return;

			//cur_img = $('ul.banners li img').index(bg_img);
			//console.log(cur_img);
			bg_img = -930 * parseInt(this_img);
			cur_img = this_img;
			//console.log(cur_img);
			btns();
			$("ul.banners").animate({left: bg_img});
		}
	}
	else {
		$("ul.banners").css({left: 0});
		cur_img = 0;
		btns();
	}

	set_num();
}