$(document).ready(function(){
	
$('html').removeClass('no-js');

$('input:text, input:password').clearDefault();

//$("#gallery").preloader();
	
$("#index-scroll").scrollable({circular: true}).autoscroll({ autoplay: true }).navigator();	

/** galeria **/

$("#gallery-scroll").scrollable({circular: false});

var api = $("#gallery-scroll").data("scrollable");

$("#gallery-scroll .items div img").click(function() {
		if ($(this).hasClass("active")) {
			return false;
		}
		
		var url = $(this).attr("src").replace("/mini/","/midi/");
		var urlb  = $(this).attr("src").replace("/mini/","/big/");
		var wrap = $("#image-wrap").fadeTo('fast', 0.5);
		var img = new Image();
		var index = $(this).index();
		img.onload = function() {
			wrap.fadeTo('fast', 1);
			wrap.find("img").attr("src", url).attr("name",  index);
		};
		img.src = url;
	//	alert( $(this).index());
		wrap.find("a.zoom").attr("href", urlb);
		$(".items span").removeClass("active");
		$(this).parent('span').addClass("active");
		return false;
}).filter(":first").click();



$('.dnext').click(function(){
	var maxImg = 3; // od 0
	var i = api.getIndex();
	var wrap = $("#image-wrap").fadeTo('fast', 0.5);
	var current = wrap.find("img").attr("name");
	if (current==maxImg) {
		if (i+1 == api.getSize()) {
			api.begin(800);
			i = 0;
		} else {
			api.next()
			i = api.getIndex();
		}
		current=0;
	} else {
		current++;
	} 
	var obj = api.getItems().eq(i);
	var url = obj.find('img').eq(current).attr("src").replace("/mini/", "/midi/");
	var urlb = obj.find('img').eq(current).attr("src").replace("/mini/", "/big/");
	var img = new Image();
	img.onload = function() {
		wrap.fadeTo('fast', 1);
		wrap.find("img").attr("src", url).attr("name",  current);
	};
	img.src = url;
	wrap.find("a.zoom").attr("href", urlb);
	$(".items span").removeClass("active");
	obj.find('span').eq(current).addClass("active");
});
$('.dprev').click(function(){
	var maxImg = 3; // od 0
	var i = api.getIndex();
	var wrap = $("#image-wrap").fadeTo('fast', 0.5);
	var current = wrap.find("img").attr("name");
	if (current==0) {
		if (i == 0) {
			api.end(800);
			i = api.getSize()-1;
		} else {
			api.prev()
			i = api.getIndex();
		}
		current=maxImg;
	} else {
		current--;
	} 
	var obj = api.getItems().eq(i);
	var url = obj.find('img').eq(current).attr("src").replace("/mini/", "/midi/");
	var urlb = obj.find('img').eq(current).attr("src").replace("/mini/", "/big/");
	var img = new Image();
	img.onload = function() {
		wrap.fadeTo('fast', 1);
		wrap.find("img").attr("src", url).attr("name",  current);
	};
	img.src = url;
	wrap.find("a.zoom").attr("href", urlb);
	$(".items span").removeClass("active");
	obj.find('span').eq(current).addClass("active");
});


$('#main .box').hover(
		function(){
			$(this).find('a.backgr').fadeTo('slow', 0);
		},
		function(){
			$(this).find('a.backgr').fadeTo('slow', 0.8);
		}
);

$('.zoom').lightBox();
	
// end ready()
});