// function for defining slider

jQuery(document).ready(function(){
	// setting up variables
	var sliderContent = jQuery(".slider-content");
	var sliderList = jQuery(".slider-content ul");
	var thumbs = sliderList.find("li");
	
	//changing overflow, slider is handling it.
	sliderContent.css("overflow", "hidden");
	
	//setting up thumbs list width
	sliderList.width(thumbs.length*(thumbs.width()+16));// 16 is padding values

	
	// checking if slider is needed
	if(thumbs.length > 4) {
		//creating slider block
		sliderList.after("<div class=\"slider-container\"></div>");
		jQuery(".slider-container").append('<div class="slider"></div>');			
	
		// init slider
		jQuery(".slider").slider({
			slide: function(event, ui) {
						var nonVisibleArea = parseInt(sliderList.width()-((thumbs.width()+16)*4));
						var distance = nonVisibleArea*ui.value/100;
						
						sliderList.css("margin-left", "-"+parseInt(distance)+"px");
					}
		});
	}
	
	// activate content extending and collapsing
	jQuery(thumbs).hover(function(){
		jQuery(this).find("p").stop()
							  .animate({"height": "95px"},350);
	},function(){
		jQuery(this).find("p").stop()
							  .animate({"height": "61px"},350);
	});	
	
});