$(document).ready(function(){
	vishow.init();
});

var vishow = {};

vishow.actual = 0;
vishow.pics = new Array("01a3.jpg", "02a3.jpg", "03a3.jpg", "04a3.jpg", "05a3.jpg", "06a3.jpg", "07a3.jpg", "08a3.jpg");
vishow.src = "";
vishow.basepath = "";

vishow.init = function(){
	$("div#vishow").append("<div id=\"vishow-nav\"><a href=\"#\" title=\"Ďalší obrázok\" id=\"vishow-next\">Ďalší</a><div id=\"vishow-zoom\"><div><strong>Detail</strong> Otvoriť plnú veĺkosť obrázku</div><a href=\"#\" title=\"Detail\" class=\"thickbox\">Zoom</a></div></div><div id=\"vishow-loading\"></div>")
	
	var loader_pic = $("div#vishow-pic img").attr("src");
	vishow.basepath = loader_pic.slice(0, loader_pic.lastIndexOf("/")+1);
	
	loader_pic = loader_pic.substring(loader_pic.lastIndexOf("/") + 1);
	for(key in vishow.pics){ if(vishow.pics[key] == loader_pic) vishow.actual = key	}
	vishow.src = loader_pic;
	var fullpic_href = vishow.basepath + vishow.pics[vishow.actual].replace( "a.jpg", "b.jpg");
	$("div#vishow-zoom a").attr("href", fullpic_href);
	$("div#vishow-zoom a").click( function() { tb_show("Vizualizácie", $(this).attr("href")); return false; } );
	
	//zoom button hover effect
	$("div#vishow-zoom a").mouseover( function() { $("div#vishow-zoom div").slideDown(250); } );
	$("div#vishow-zoom a").mouseout( function() { $("div#vishow-zoom div").slideUp(250); } );
	
	$("a#vishow-next").click( function() { vishow.next(); return false; } );
	
}

vishow.next = function(){
	vishow.actual++;
	if(vishow.actual == vishow.pics.length) vishow.actual = 0;
	
	$("div#vishow-loading").fadeIn( 150 );
	var pic_src = vishow.basepath + vishow.pics[vishow.actual];
	
	$("div#vishow-pic img").load( function() { 
		vishow.src = $("div#vishow-pic img").attr("src");
		var fullpic_href = vishow.basepath + vishow.pics[vishow.actual].replace( "a.jpg", "b.jpg");
		$("div#vishow-zoom a").attr("href", fullpic_href);
		$("div#vishow-loading").unbind("click");
		$("div#vishow-loading").fadeOut( 150 );
		$(this).unbind("load");
	});
	
	$("div#vishow-loading").click( function() { 
		vishow.actual--;
		$("div#vishow-pic img").attr("src", vishow.src);
		$(this).fadeOut( 150 );
		$(this).unbind("click");
		$("div#vishow-pic img").unbind("load");
	});
	
	loadTimer = setTimeout( function(){
				clearInterval(loadTimer);
				$("div#vishow-pic img").attr("src", pic_src);
	} , 150 );
}