$('html').addClass('js');

$(function(){

  //************************ Fancybox ***/
  $('#product-gallery a, #product-references li a').fancybox();
  
  //************************ Flash ***/
  $('#hl-offer').flash({
    src: phrasebook.URLROOT+'/flash/hl-offer.swf',
    width: 715,
    height: 359
  },{ version: '9' }
  );
  
  //************************ Category products ***/    
  var currentPosition = 0;
  var slidesContainer = $('#product-references ul');
  var slides = $('#product-references li');
  var slideWidth = slides.outerWidth(true);
  var numberOfSlides = slides.length;
  slidesContainer.wrap('<div id="slide-inner"></div>');
  slidesContainer.css({'width': slideWidth*numberOfSlides, 'overflow':'visible'});
  $('#product-references div.inner').append('<a class="next"><span>Sljedece</span></a><a class="prev"><span>Prethodno</span></a>');
  controlsStatus(currentPosition);
  $('#product-references div.inner > a').click(function(){ 
    if ( $(this).hasClass('next') && (currentPosition >= 0 && currentPosition < numberOfSlides-3) ){
      currentPosition = currentPosition+1;
    } else if ( $(this).hasClass('prev') && currentPosition > 0 ) {
      currentPosition = currentPosition-1;
    }
    controlsStatus(currentPosition);
    slidesContainer.animate({ marginLeft: slideWidth*(-currentPosition) })
  });
  function controlsStatus(position){
    position == 0 ? $('#product-references .prev').addClass('disabled') : $('#product-references .prev').removeClass('disabled')    
    position == numberOfSlides-3 ? $('#product-references .next').addClass('disabled') : $('#product-references .next').removeClass('disabled')
  }
  
});