// JavaScript Document

$(document).ready(function(){
	$('.slide_banner').mouseenter(function(){
		$(this).children('.banner-slide-info').animate({'marginTop' : 200});
	});
	
	$('.slide_banner').mouseleave(function(){
		$(this).children('.banner-slide-info').animate({'marginTop' : 410});
	});
	
	// ubaciti callback još	

});


$(document).ready(function(){
  var currentPosition_banner = 0;
  var slideWidth_banner = 724;
  var slides_banner = $('.slide_banner');
  var numberOfSlides_banner = slides_banner.length;
  var intervalLenght = 5000;
  var t;


	// Interval
	
	t = setInterval(function() {
    	currentPosition_banner++;
		
		if(currentPosition_banner == numberOfSlides_banner)
		{
			currentPosition_banner = 0;
		}
		manageControls_banner(currentPosition_banner);
		$('#slideInner_banner').animate({
        'marginLeft' : (slideWidth_banner)*(-currentPosition_banner)
      });
	}, intervalLenght);
	
	//
	
	 $('#slidesContainer_banner').hover(function() {
        clearInterval(t);
    }, function() {
       t = setInterval(function() {
    	currentPosition_banner++;
		
		if(currentPosition_banner == numberOfSlides_banner)
		{
			currentPosition_banner = 0;
		}
		manageControls_banner(currentPosition_banner);
		$('#slideInner_banner').animate({
        'marginLeft' : (slideWidth_banner)*(-currentPosition_banner)
      });
	}, intervalLenght);
    });

	
  // Remove scrollbar in JS
  $('#slidesContainer_banner').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slides_banner
  .wrapAll('<div id="slideInner_banner"></div>')
  // Float left to display horizontally, readjust .slides width
  .css({
    'float' : 'left',
    'width' : slideWidth_banner
  });

  // Set #slideInner width equal to total width of all slides
  $('#slideInner_banner').css('width', slideWidth_banner * numberOfSlides_banner);

  // Insert left and right arrow controls in the DOM
//  $('#slideshow')
//    .prepend('<span class="control" id="leftControl">Move left</span>')
//    .append('<span class="control" id="rightControl">Move right</span>');

  // Hide left arrow control on first load
  manageControls_banner(currentPosition_banner);

  // Create event listeners for .controls clicks
  $('.control_banner')
    .bind('click', function(){
    // Determine new position
      currentPosition_banner = ($(this).attr('id')=='rightControl_banner')
    ? currentPosition_banner+1 : currentPosition_banner-1;

	clearInterval(t);

      // Hide / show controls
      manageControls_banner(currentPosition_banner);
      // Move slideInner using margin-left
      $('#slideInner_banner').animate({
        'marginLeft' : (slideWidth_banner)*(-currentPosition_banner)
      });
    });

  // manageControls: Hides and shows controls depending on currentPosition
  function manageControls_banner(position_banner){
    // Hide left arrow if position is first slide
    if(position_banner==0){ $('#leftControl_banner').hide() }
    else{ $('#leftControl_banner').show() }
    // Hide right arrow if position is last slide
    if(position_banner==numberOfSlides_banner-1){ $('#rightControl_banner').hide() }
    else{ $('#rightControl_banner').show() }
    }
  });