/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////CUSTOM SCRIPTS//////////////////////////////////
/////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////
$(document).ready(function(){

//Hide (Collapse) the description containers on load
	$("div.description").hide();


function sposta(diff) {
	
	var areaDiv = document.getElementById('area');
	var wrapperDiv = document.getElementById('slider_wrapper');
	
	var left = areaDiv.offsetLeft;
	t1 = new Tween(areaDiv.style,'left',Tween.strongEaseOut, left, left+(diff+35),1,'px');
	t1.onMotionFinished = function() {
		var leftOff =  areaDiv.style.left;
		var leftNum = (parseFloat(leftOff));
		areaDiv.style.left = leftNum-diff-35+'px';
		wrapperDiv.scrollLeft -= diff+35;
	};
	t1.start();	
};
	
	//Trigger description tab//
	
		jQuery.fn.slideRight = function(speed, easing, callback) {
		return this.animate({opacity: 'toggle', width: 'toggle'}, speed, easing, callback);
		};
		miodue = 10000;
		$('div.tab').click(function() {	
				
				var mio = $(this).index();
				var aperto = 1;
				var $nextDiv = $(this).next('div.description'),
					$visibleSiblings = $nextDiv.siblings('div.description:visible'),
					elOffset = $(this).offset(); 
				var posizioneLeft = elOffset.left;
				var inizio = document.getElementById('hidden_frame').offsetLeft;
				var differenza = inizio-posizioneLeft;
					
					
					if (mio>miodue && disp == 1) {
						sposta(differenza);
					};
					if (mio>miodue && disp == 0) {
						sposta(differenza+773);
					};
					if (mio<miodue) {
						sposta(differenza);
					};
					if (mio==miodue) {
						disp = 1;
					} else {
						disp = 0;
					};
					miodue = $(this).index();
					
					
				if ($visibleSiblings.length ) {
					aperto = 0;
					$visibleSiblings.slideRight('slow', function() {
					$nextDiv.slideRight('slow');
				  })
				} else {
					$nextDiv.slideRight('slow');
				  aperto = 1;
				  
				  
				};
				

				
				
				  });
			
			});
			
				
		//Fade on mouseover, stop on click
		
				  $(window).bind("load", function() {
			  var activeOpacity   = 1.0,
				  inactiveOpacity = 0,
				  fadeTime = 350,
				  clickedClass = "selected",
				  alreadyOpened = "opened"
				  thumbs = "img.on";
		  
			  $(thumbs).fadeTo(1, inactiveOpacity);
		  
			  $(thumbs).hover(
				  function(){
					  $(this).fadeTo(fadeTime, activeOpacity);
				  },
				  function(){
					  // Only fade out if the user hasn't clicked the thumb
					  if(!$(this).hasClass(clickedClass)) {
						  $(this).fadeTo(fadeTime, inactiveOpacity);
					  }
				  });
			   $(thumbs).live('click', (function() {
				   // Remove selected class from any elements other than this
				   var previous = $(thumbs + '.' + clickedClass);
				   var clicked = $(this);
				   if(clicked !== previous) {
					   previous.fadeTo(600, inactiveOpacity).removeClass(clickedClass).removeClass(alreadyOpened);
				   }
				   
				   if(clicked.hasClass(alreadyOpened)){
					   clicked.fadeTo(fadeTime, inactiveOpacity).removeClass(clickedClass).removeClass(alreadyOpened);
				   }
				   
				   else{ clicked.addClass(clickedClass).addClass(alreadyOpened).fadeTo(fadeTime, activeOpacity);
				   }
			   }));
		  });