// create closure

//

(function($) {

$$ = $.fn.jslides = function($options) {

var $defaults = {
    display:'none'
  };
  

   	// debug(this);
    // build main options before element iteration, merge defaults and options, without modifying the defaults

    var $opts = $.extend($defaults, $options);

    // iterate and reformat each matched element

    this.find('li > img').each(function() {

      $this = $(this);
	  _img = new Image();
	  _src = $(this).attr('src');
	  _title = $(this).attr('title');
	  
	  
	  $(_img).attr({src:_src,title:_title}).addClass('thumb').bind("click", function(e){
																					 
        $$.activateSlide($(this));
		
    });
	  
 //inicializuje prvy obrazok zo zo zoznamu podla .active triedy
		$('#carousel > div').append(_img);
		// prida thumb do kontajnera
			

	  //alert($this.find('img').attr('title'));
      // build element specific options,if metadata plugin exists, it returns specific data through data() jquery
      //var o = $.meta ? $.extend({}, opts, $this.data()) : opts;
      // update element styles

      $this.parent().css($opts);

    });
$$.init();
  };

  function debug($obj) {

    if (window.console && window.console.log)

      window.console.log('jslides selection count: ' + $obj.size());

  };
  
  function debug_var($var) {

    if (window.console && window.console.log)

      window.console.log('jslides var value:' + $var);

  };

  //
  // define and expose our format function
  //
  
$$.activateSlide = function (img) {
	slide = $(img).attr('src');
	title = $(img).attr('title');
	
	eq = $('.thumb').index($(img));

	$('.thumb_active').removeClass('thumb_active');
	$('.thumb:eq('+eq+')').addClass('thumb_active');
	//$('li').removeClass('.active');
	//debug($('#list > li:eq('+eq+')'));
	//$('#list > li:eq('+eq+')').addClass('active');
	size = $('.thumb').size();
	//animations
	$('#img').hide().attr({src:slide,title:title}).fadeIn(500);// skryje predosli obrazok, zmeni url na url noveho obrazka a zjavi sa
	$('#info').html(title);//zmeni popisok obrazka
	$('#info').animate({marginTop:-30,opacity:0.8});//zanimuje popisok
	$('#divik').animate({scrollLeft: (eq*60)-((eq/size)*70)  + 'px'}, 500); //zanimujeme carousel, teda jeho vnutro s obrazkami
	};
	
$$.nextSelector = function(selector) {
	return $(selector).is(':last-child') ?
		   $(selector).removeClass('thumb_active').siblings(':first-child').removeClass('thumb_active'):
    	   $(selector).removeClass('thumb_active').next().removeClass('thumb_active');
    	   
};

$$.previousSelector = function(selector) {
	return $(selector).is(':first-child') ?
		   $(selector).removeClass('thumb_active').siblings(':last-child').removeClass('thumb_active') :
    	   $(selector).removeClass('thumb_active').prev().removeClass('thumb_active');
		   //$(selector).find(img).fadeOut();  
    	   
};
$$.init = function(_img) {
	 index = $('#list > li').index($('#list > li.active'));
	 debug_var(index);
	 $$.activateSlide($('.thumb:eq('+index+')'));
	};


//extending jslides global object
$.extend({jslides : {
	current : '',
	next : function() {
		var _next = $( $$.nextSelector($('.thumb_active')) );
		$$.activateSlide(_next);
	},
	prev : function() {
		var _prev = $( $$.previousSelector($('.thumb_active')) );
		$$.activateSlide(_prev);
	}
}
});

})(jQuery);