document.observe("dom:loaded", function() {

  $('left').observe('click', function(event){
  	 
  	fotke_scroller_pos += 128; 
    if(fotke_scroller_pos >= 5)
    {
    //	alert('Nema skrola lijevo');
     fotke_scroller_pos = 5;
    }
    new Effect.Move($('fotke'),{x: fotke_scroller_pos, y: 5, duration: .5, mode:'absolute'})
    Event.stop(event);
  });
  
  $('right').observe('click', function(event){
  	
  	if(fotke_scroller_pos < getFotkeWidth())
  	{
  		//alert('Nema desno skrolanja');
  	 return;
  	}
    fotke_scroller_pos -= 128;
    new Effect.Move($('fotke'),{x: fotke_scroller_pos, y: 5, duration: .5, mode:'absolute'})
    Event.stop(event);
    //alert(fotke_scroller_pos+' scroll='+getFotkeWidth());
  });
});

var fotke_scroller_pos = 5;

function getFotkeWidth()
{
	var fotke,a,fotka;
	
	fotke = $('fotke').getElementsByTagName('img');
	fotka = $(fotke[fotke.length -1]);
	a = Position.positionedOffset(fotka);
	
	return -(a[0]+fotka.offsetWidth - 500);
}