var story_num = 2;
var prev_story_num = 1;
var intvl;
jQuery(document).ready(function() {
   jQuery.localScroll();
   
   //automatically change the top stories
   intvl = setInterval(changeTopStory,10000);
	var num_of_stories = jQuery('#story_details li').length;
	function changeTopStory(){
		if(prev_story_num != story_num){
			jQuery('#story_nums li a').removeClass('active');
			
			jQuery('#story_details li').hide();
			jQuery('#story_details li.l'+story_num).fadeIn(1500);
			jQuery('#story_nums li a.l'+story_num).addClass('active');
			
			jQuery('#story_links li').hide();
			jQuery('#story_links li.l'+story_num).fadeIn(1500);
			
			
			prev_story_num = story_num;
			story_num++;
			if(story_num > num_of_stories){
				story_num = 1;
			}
		}else{
			story_num++;
			if(story_num > num_of_stories){
				story_num = 1;
			}
		}
	}
	
});


jQuery(function($)
			{
				$('#story_details li').hide();
				$('#story_details li:first-child').show();
				
				$('#story_links li').hide();
				$('#story_links li:first-child').show();
				
				$('#story_nums li:first-child a').addClass('active');
				
				
				$('#story_nums li a').click(function(){
					
					$('#story_nums li a').removeClass('active');
					
					var c = $(this).attr('class');
					$('#story_details li').hide();
					$('#story_details li.'+c).fadeIn();
					
					$('#story_links li').hide();
					$('#story_links li.'+c).fadeIn();
					
					
					$(this).addClass('active');
					
					//getiing number from c and assigning it to story_num
					story_num = c.split('l')[1];
					prev_story_num = story_num;
				})
				
				$('#link_thumb li').hide();
				$('#link_thumb li:first-child').show();
				$('#link_url li:first-child a').addClass('active');
				
				$('#link_url li a').mouseover(function(){
					

					$('#link_url li a').removeClass('active');
					
					var c = $(this).attr('class');
					$('#link_thumb li').hide();
					$('#link_thumb li.'+c).show();
					
					$(this).addClass('active');
				})
				
			});