jq(document).ready(function() {
	

	//Show the paging and activate its first link
	//jq(".paging2").show();
	jq(".paging2 a:first").addClass("active");

	
	//var imageWidth =  jq(".image_reel2 img:first").width();
	var imageWidth = 100;
	var imageSum = jq(".image_reel2 img").size();
	var imageReelWidth = imageWidth * imageSum;
	//Adjust the image reel to its new size
	jq(".image_reel2").css({'width' : imageReelWidth});

	//Paging  and Slider Function
	rotate = function(){
	    var triggerID = active.attr("rel") - 1; //Get number of times to slide
	    var image_reelPosition = triggerID * imageWidth + (triggerID * 4); //Determines the distance the image reel needs to slide
	    
	    jq(".paging2 a").removeClass('active'); //Remove all active class
	    active.addClass('active'); //Add active class (the $active is declared in the rotateSwitch function)
		
	    //Slider Animation
	    jq(".image_reel2").animate({
		left: -image_reelPosition
	    }, 500 );

	}; 

	//Rotation  and Timing Event
	rotateSwitch = function(){
	    play = setInterval(function(){ //Set timer - this will repeat itself every 3 seconds
		active = jq('.paging2 a.active').next(); //Move to the next paging
		if ( active.length === 0) { //If paging reaches the end...
		    active = jq('.paging2 a:first'); //go back to first
		}
		rotate(); //Trigger the paging and slider function
	    }, 2000); //Timer speed in milliseconds (3 seconds)
	};

	rotateSwitch(); //Run function on launch


	//On Hover
	jq(".image_reel2 a").hover(function() {
	    clearInterval(play); //Stop the rotation
	}, function() {
	    rotateSwitch(); //Resume rotation timer
	});	

	jq('#obrazki img').hoverpulse({
		size: 20,
		speed: 200});

	});