jQuery(document).ready(function()
{	  	
	if (jQuery('.slider_item').length > 0 )jQuery('#slideh').picco();  	
});

   
(function($)
{ 
	$.fn.picco = function() 
	{
		var defaultvalue = 
		{  
			duration:600, 					 
			transition:"easeInOutCubic", 	
			o1:0.6,
			o2:0,
			timer: 5000			
		};  
		
 		return this.each(function()
		{	
			var $container = $(this), $items = $container.find('.slider_item'), $values = [], $zindex = [], $offset = 0, $animating = false, $clicked=false;
			
			var timer = setInterval(function(){}, 50000); 
			
			jQuery(window).load(function(){
				if(defaultvalue.timer && !$clicked )
					{
						timer = setInterval(function() { slide(1); }, defaultvalue.timer); 
					}
				});
		
 			if (defaultvalue.o1 != 1 && defaultvalue.o2 != 1)
			{	$items.not('.sliderh1').css('opacity', defaultvalue.o2);
				$container.find('.sliderh1').css('opacity', 1);
				$container.find('.sliderh5, .sliderh2').css('opacity', defaultvalue.o1);	
				$container.find('.sliderh5 h3, .sliderh2 h3').css('opacity', 0);
				$container.find('.sliderh5 p, .sliderh2 p').css('opacity', 0);
			}
			
 			$items.each(function(i)
			{	
				var $item = $(this);
				 
				$values[i]= {
					width: $item.width(),
					top: parseInt($item.css('top')),
					left: parseInt($item.css('left')),
					opacity: $item.css('opacity')
				};
							
				$zindex[i] =	$item.css('zIndex');
							
			});  
			
			
			$items.click(function(e)
			{	
				if (! $animating)
				{	
					$direction = e.pageX > $(window).width() / 2 ? -1 : 1;
					slide($direction);
				}
				clearInterval(timer);
				$clicked = true;
			});  
			
			
			$('.left').click(function(e)
			{	
				slide(1);
 				clearInterval(timer);
 			});  
			
			
			$('.right').click(function(e)
			{	
				slide(-1);
 				clearInterval(timer);
 			});  
			
			
			function slide($direction)
			{	
				if ($items.length <= 2) return;
				$animating = true;
				

				if($items.length == $offset || $items.length == ($offset*-1))
				{
					$offset = 1 * $direction;
				}
				else
				{
					$offset = $offset + $direction;
				}
								
				
 				$items.each(function(i)
				{	
					var $item = $(this), $next;
					
					$next = i + $offset;
					
						if($next >= $items.length)
						{
							$next = i - $items.length + $offset;
						}
						else if($next < 0)
						{
							$next = i + $items.length + $offset;
						}
					
 					$item.animate($values[$next], defaultvalue.duration, defaultvalue.transition);
					$item.find("img").animate({width:$values[$next].width}, defaultvalue.duration, defaultvalue.transition, function()
					{
						$animating = false;
					});
  					
					if ( $values[$next].width > 250) $item.find("h3").animate({opacity:1}, 400, defaultvalue.transition);
					else                             $item.find("h3").animate({opacity:0}, 200, defaultvalue.transition);
					
					if ( $values[$next].width > 250) $item.find("p").animate({opacity:1}, 400, defaultvalue.transition);
					else                             $item.find("p").animate({opacity:0}, 200, defaultvalue.transition);
					
					
					setTimeout(function()
					{
        				$item.css({zIndex: $zindex[$next]});
    				}, defaultvalue.duration / 2);
    				
				});
			} 
		});	
	};
})(jQuery);