// JavaScript Document

$(document).ready(function(){
var curr_actived =0;
var curr_class_name = "icon_link_inactive";

$('.ul_list li').each(function(index) 
{
	var var_html =  $('#icon_links').html();
	
	    var curr_status =$(this).hasClass('li_active');
		if(curr_status==true)
		{
		var curr_class_name = "icon_link_active";
		}
		else
		{
		var curr_class_name = "icon_link_inactive";
		}
	
	
		var_html = var_html+'<a id="icon_link'+index+'" onclick="Javascript:activeSelectedImage('+index+');" class="'+curr_class_name+'" href="Javascript:void(0)" >&nbsp;</a>&nbsp;';
		$('#icon_links').html(var_html);
	
});






  });
  
  
  
function activeSelectedImage(imageID)
  {
       $('.ul_list li').each(function(index_sub) 
	   {
	      if(imageID!=index_sub)
		  {
		   $(this).removeClass();
		   $(this).addClass("li_inactive");
		   $(this).hide();
		   $('#icon_link'+index_sub).removeClass();
		   $('#icon_link'+index_sub).addClass("icon_link_inactive");
		 
		  }
		  else
		  {
		   $(this).fadeIn(1000)
		   $(this).removeClass();
		   $(this).addClass("li_active");
		   $('#icon_link'+index_sub).removeClass();
		   $('#icon_link'+index_sub).addClass("icon_link_active");
		  }
		  
	   });
		   
		   
return false;
}
  
 
  var t;
  var timer_is_on=0;
  
  
  function randDisplay()
  {
  
      var curr_actived =0;
	  var next_item =0;
	  var curr_count =0;
   $('.ul_list li').each(function(index) {
	  var curr_status =$(this).hasClass('li_active');
		if(curr_status==true)
		{
		curr_actived =index;
	    }
		curr_count++;
	  });
	  next_item = parseInt(curr_actived)+1; 
	  if(curr_count<=next_item)
	  {
	  next_item=0;
	  curr_count =0;
	  }
	   $('.ul_list li').each(function(index_sub) 
	   {
	      if(next_item!=index_sub)
		  {
		  
		   $(this).removeClass();
		   $(this).addClass("li_inactive");
		   $(this).hide();
		   $('#icon_link'+index_sub).removeClass();
		   $('#icon_link'+index_sub).addClass("icon_link_inactive");
		 
		  }
		  else
		  {
		   $(this).fadeIn(1000)
		   $(this).removeClass();
		   $(this).addClass("li_active");
		  
		   $('#icon_link'+index_sub).removeClass();
		   $('#icon_link'+index_sub).addClass("icon_link_active");
		   
		  }
	   });
  
  
  
  
  
  
  
  t=setTimeout("randDisplay()",5000);
  }
  
  
  
  
  
  
  
  function doRandDisplay()
  {
	  if (!timer_is_on)
	  {
	  timer_is_on=1;
	  randDisplay();
	  }
  }
  
  doRandDisplay()