var galerija;



$(document).ready(function(){
	
	
	
	// zoom
	
	if(typeof hs != "undefined") {

		hs.graphicsDir = BASE_URL + 'js/highslide/highslide/graphics/';
		hs.align = 'center';
		hs.transitions = ['expand', 'crossfade'];
		hs.outlineType = 'rounded-white';
		hs.fadeInOut = true;
		hs.showCredits = false;
		

		// Add the controlbar
		hs.addSlideshow({
			//slideshowGroup: 'group1',
			interval: 5000,
			repeat: false,
			useControls: true,
			fixedControls: 'fit',
			overlayOptions: {
				opacity: .75,
				position: 'bottom center',
				hideOnMouseOut: true
			}
		});

	}
	
	
    $('.galerija-navi-zoom').each(function() {
    	
		this.onclick = function() {
			
			return hs.expand(this);
	    };
    });	
	

	
	// drop down
	
	$('ul.menu li').hover(function(){
		
		var dd = $('ul.menu-sub', this);		
		dd.animate({ height: 'toggle'}, 250);

	}, function(){
		
		var dd = $('ul.menu-sub', this);
		dd.hide();
		
	});
	
	
	
	
	// galerija
	
	$('div.galerija').each(function(i, el){
		
		galerija = new Galerija( this );	
	})
	
	
	
});








var Galerija = function(el) {
	
	var _self = this;
	
	
	
	this.next = function() {
		
		var thumbs = $('a.galerija-thumb', el);
		var curr = thumbs.index( $('a.galerija-thumb.active', el) );
		
		var curr = curr + 1;
		
		if(curr >= thumbs.length)
			curr = 0;
		
		_self.sw(curr);
	}
	
	
	this.prev = function() {
		
		var thumbs = $('a.galerija-thumb', el);
		var curr = thumbs.index( $('a.galerija-thumb.active', el) );
		
		var curr = curr - 1;
		
		if(curr < 0)
			curr = thumbs.length - 1;
		
		_self.sw(curr);		
	}	
	
	
	this.sw = function(n) {
	
		var thumbs 	= $('a.galerija-thumb', el);
		var shorts 	= $('div.galerija-short', el);
		var im 		= $('.galerija-image', el);
		var zo	 	= $('.galerija-navi-zoom', el);
		
		var curr 	= $(im.get(n));
		var z		= $(zo.get(n));
		
		thumbs.removeClass('active');
		$(thumbs.get(n)).addClass('active');
		
		im.not(curr).fadeOut();
		curr.fadeIn();
		
		zo.not(z).hide();
		z.show();
		
		shorts.hide();
		$(shorts.get(n)).show();
		
		// stats
		
		$('span.galerija-count-current', el).text( n + 1 );
		$('span.galerija-count-total', el).text( thumbs.length );
		
		return false;
	}
	
	
	// init
	
	$('a.galerija-thumb', el).click(function(){
		
		var n = $('a.galerija-thumb', el).index(this);
		
		_self.sw(n);
		
		return false;
	});
	
	
	$('a.galerija-navi-next', el).click(function(){
		
		_self.next();
		
		return false;
	});
	
	$('a.galerija-navi-prev', el).click(function(){
		
		_self.prev();
		
		return false;
	});	

	$('a.galerija-navi-full', el).click(function(){
		
		$('.galerija-navi-zoom:visible', el).click();
		
		return false;
	});	
	
}