// JavaScript Document
/* ------------------------------------------------------------------------
	Developped By: Kevin fine  -> LukeTom.com
	
	Rotates through content
	------------------------------------------------------------------------- */

var intervalID =1;


function random_image(intervalID) {

    var $active = $('#featured .ui-tabs-selected');

    if ( $active.length == 0 ) $active = $('#featured .ui-tabs-nav-item:last');

    var $next =  $active.next().length ? $active.next(): $('#featured .ui-tabs-nav-item:first');

		
		
   $('#featured .ui-tabs-selected').removeClass('ui-tabs-selected');
   $next.addClass('ui-tabs-selected');


   
    var $active2 = $('#featured .active');

    if ( $active2.length == 0 ) $active2 = $('#featured .ui-tabs-panel:last');

    var $next2 =  $active2.next().length ? $active2.next(): $('#featured .ui-tabs-panel:first');

   $active2.addClass('ui-tabs-hide');
   $active2.removeClass('active');
   $next2.css({opacity: 0.0});
   $next2.removeClass('ui-tabs-hide');
   $next2.addClass('active');
   $(".active").animate({opacity: 1.0}, 1000);


  //****  Hover on fragment-1 ******//
  $('#nav-fragment-1').hover(function(){
  clearInterval(intervalID);
  $('#featured .ui-tabs-panel').addClass('ui-tabs-hide');
  $('#fragment-1').removeClass('ui-tabs-hide');
  $('#featured .ui-tabs-panel').removeClass('active');
  $('#fragment-1').addClass('active');
  $('.ui-tabs-nav-item').removeClass('ui-tabs-selected');
  $('#nav-fragment-1').addClass('ui-tabs-selected');
 
  },
 
 $('#nav-fragment-1').mouseleave(function() {
										 
  intervalID = setInterval( "random_image(intervalID)", 4000 )
										  })
);
										 
  //****  Hover on fragment-2 ******//
  $('#nav-fragment-2').hover(function(){
  clearInterval(intervalID);
 $('#featured .ui-tabs-panel').addClass('ui-tabs-hide');
  $('#fragment-2').removeClass('ui-tabs-hide');
  $('#featured .ui-tabs-panel').removeClass('active');
  $('#fragment-2').addClass('active');
  $('.ui-tabs-nav-item').removeClass('ui-tabs-selected');
  $('#nav-fragment-2').addClass('ui-tabs-selected');
  },
 
 $('#nav-fragment-2').mouseleave(function() {
										 
  intervalID = setInterval( "random_image(intervalID)", 4000 )
										  })
);
   //****  Hover on fragment-3 ******//
  $('#nav-fragment-3').hover(function(){
  clearInterval(intervalID);
  $('#featured .ui-tabs-panel').addClass('ui-tabs-hide');
  $('#fragment-3').removeClass('ui-tabs-hide');
  $('#featured .ui-tabs-panel').removeClass('active');
  $('#fragment-3').addClass('active');
  $('.ui-tabs-nav-item').removeClass('ui-tabs-selected');
  $('#nav-fragment-3').addClass('ui-tabs-selected');
 
  },
 
 $('#nav-fragment-3').mouseleave(function() {
										 
  intervalID = setInterval( "random_image(intervalID)", 4000 )
										  })
);
  
   //****  Hover on fragment-4 ******//
  $('#nav-fragment-4').hover(function(){
  clearInterval(intervalID);
 $('#featured .ui-tabs-panel').addClass('ui-tabs-hide');
  $('#fragment-4').removeClass('ui-tabs-hide');
  $('#featured .ui-tabs-panel').removeClass('active');
  $('#fragment-4').addClass('active');
  $('.ui-tabs-nav-item').removeClass('ui-tabs-selected');
  $('#nav-fragment-4').addClass('ui-tabs-selected');
  },
 
 $('#nav-fragment-4').mouseleave(function() {
										 
  intervalID = setInterval( "random_image(intervalID)", 4000 )
										  })
);
 
 };

$(function() {

   intervalID = setInterval( "random_image(intervalID)", 4000 );
});