jQuery(document).ready(function() {

	

  // slider initialization

  jQuery('#mycarousel').jcarousel({

	buttonNextEvent: "",

	buttonPrevEvent: "",

	scroll: 1,

	visible: 5,

	wrap: "circular",

	itemLoadCallback: mycarousel_itemLoadCallback,

	itemVisibleInCallback: {
	  onBeforeAnimation: mycarousel_itemVisibleInCallback
	},

	itemVisibleOutCallback: {
	  onAfterAnimation: mycarousel_itemVisibleOutCallback
	}

  });

	   

  // binding "next" and "prev" slider buttons

  $('.jcarousel-next, .jcarousel-prev').click(function(e){

	setUserInteracted();

	performNextPrevButtonClick($(this));

  });

	

  $('.slider').click(function(e){
	window.location = $('#banner_link').text();

  });

	

  // slider auto-scroll

  var t=setTimeout("carouselTimer()",slider_scroll_timeout + 1000);

	

	



});





var loaded_carousel;			// jCarousel instance

var first_carousel_load = true;	// flag to select default carousel item (on page load)

var user_interacted = false;	// flag to catch user first interaction with carousel

var slider_scroll_timeout = 4000;	// slider auto-scroll timeout





function performNextPrevButtonClick( object ){	// action on next,prev buttons click

		

  if( !isCarouselReady( loaded_carousel ) )return false;

	   

  if( isNextButton(object) ){

	loaded_carousel.next();

  }

  else{

	loaded_carousel.prev();

  }



	   

  var next =  isNextButton(object) ? getCurrentSliderItemCursor() + 1 : getCurrentSliderItemCursor() - 1 ;

  activateSliderItem( calculatePicturePosition(next) );

}





function setUserInteracted(){

  user_interacted = true;

}





function getUserInteracted(){

  return user_interacted;

}



function isNextButton( button ){ // button should have nextbuttonclass

  return button.hasClass( getNextButtonClass(false) );

}



function getNextButtonClass( withdot ){	// slider next button class

  if( withdot )

	return '.jcarousel-next';

  else

	return 'jcarousel-next';

		

}



function getCurrentSliderItemCursor(){ // which of N banners is active ?

  return parseInt( $('#banner_position').text() ) + 1;

}



function getSliderTotalItems(){

  return parseInt($('#banner_count').text());

}



function isCarouselReady( carouselInstance ){	// is carousel is finished prev. job ?

  return ( !carouselInstance.locked && !carouselInstance.animating );

}



function carouselTimer(){

  if( !getUserInteracted() ){

	performNextPrevButtonClick( $( getNextButtonClass(true) ) );

	var t=setTimeout("carouselTimer()",slider_scroll_timeout);

  }

}



function mycarousel_itemLoadCallback(carousel, state){

  if( first_carousel_load ){

	first_carousel_load = false;

	activateSliderItem( getCurrentSliderItemCursor() - 1 );

  }

  loaded_carousel = carousel;

}



function mycarousel_itemVisibleInCallback(carousel, item, i, state, evt)

{

  // The index() method calculates the index from a

  // given index who is out of the actual item range.

  var idx = carousel.index(i, getSliderTotalItems());

  carousel.add(i, mycarousel_getItemHTML(idx-1));

};







function mycarousel_itemVisibleOutCallback(carousel, item, i, state, evt){

  carousel.remove(i);

};



function mycarousel_getItemHTML(item){

  return $('#li_container_' + item).html();

};





function slideTo( item ){



  setUserInteracted();

  if( !isCarouselReady(loaded_carousel) )return false;

	

	

  var cursor = getCurrentSliderItemCursor() - 1;

  var offset = ( parseInt( $('#slider_position_' + item).text() ) -  parseInt( $('#slider_position_' + cursor).text() ) );

	

  if( offset >= 0 ){

	loaded_carousel.options.scroll = Math.abs( offset );

	loaded_carousel.next();

	loaded_carousel.options.scroll = 1;

  }

  else{

	loaded_carousel.options.scroll = Math.abs( offset );

	loaded_carousel.prev();

	loaded_carousel.options.scroll = 1;

  }

		

	

  activateSliderItem( item );

}





function calculatePicturePosition( next ){

	

  var count = parseInt( $('#banner_count').text() );

  var cursor = parseInt( $('#banner_position').text() ) + 1;



  if( next < 0 ){

	return count - 1 + next;

  }

	   

	   

  next = next % count;

  next = next == 0 ? count - 1 : next - 1;



  return next;

}





function activateSliderItem( next ){

	

  var count = parseInt( $('#banner_count').text() );

  var cursor = parseInt( $('#banner_position').text() );

	   

  // setting and hiding thumb selection

  $('#pic_active_' + cursor).hide();

  $('#pic_deactive_' + cursor).show();

	   

  $('#pic_active_' + next).show();

  $('#pic_deactive_' + next).hide();

	   

	   

  // setting big picture, current position,title and link

  $('#banner_position').text(next);

  $('#slider_big_pic').attr( 'src', $('#slider_pic_' + next).attr('src') );

  $('#slider_title').text( $('#slider_title_' + next).text() );

  $('#slider_desc').text( $('#slider_description_' + next).text() );

  $('#banner_link').text( $('#slider_link_' + next).text() );

  // setting 1,2,3,4 and 5 positions to picture slots.

  $('#slider_position_' + calculatePicturePosition(next-2 + 1)).text(1);

  $('#slider_position_' + calculatePicturePosition(next-1 + 1)).text(2);

	   

  $('#slider_position_' + next).text(3);

	   

  $('#slider_position_' + calculatePicturePosition(next+1 + 1)).text(4);

  $('#slider_position_' + calculatePicturePosition(next+2 + 1)).text(5);
}