function rotate() {	
	//Get the first image
	var current = ($('#tabs ul li.active')?  $('#tabs ul li.active') : $('#tabs ul li:first'));

    if ( current.length == 0 ) current = $('#tabs ul li:first');

	//Get next image, when it reaches the end, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().hasClass('active')) ? $('#tabs ul li:first') :current.next()) : $('#tabs ul li:first'));
	
	//Set the fade in effect for the next image, the show class has higher z-index
	next.addClass('active');
	
  
            
	//Hide the current image
	current.removeClass('active');
  var imgTitle = next.find('a').attr("href"); //Get Main Image URL
	$(".images img").animate({opacity: 0}, 1000, 'swing', function(){$(".images img").attr({ src: imgTitle })});
  $(".images img").animate({opacity: 1.0}, 1000);
};

$(document).ready(function(){
    var $sidebar = $("#social"),
    $window = $(window),
    offset = $sidebar.offset(),
    topPadding = 190;
    
    $window.scroll(function() {
    if ($window.scrollTop() > offset.top) {
    $sidebar.stop().animate({
    marginTop: $window.scrollTop() - offset.top + topPadding
    });
    } else {
    $sidebar.stop().animate({
    marginTop: 190
    });
    }
    });
      
    $("#fontsize .normal").click(function(){
        $("#col-main p").animate({fontSize: '13px'});  
    });  
    $("#fontsize .bigger").click(function(){  
        $("#col-main p").animate({fontSize: '14.5px'});  
    });
    $("#fontsize .biggest").click(function(){  
        $("#col-main p").animate({fontSize: '16px'});  
    });
            		
    //Show Banner
  	$(".images li").animate({ opacity: 1 }, 1 ); //Set Opacity
   
  	//Click and Hover events for thumbnail list
  	$("#tabs ul li:first").addClass('active'); 
  	$("#tabs ul li").click(function(){ 
  		//Set Variables  		
  		var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL  			
  		
  		if ($(this).is(".active")) {  //If it's already active, then...
  			return false; // Don't click through
  		} else {
  			//Animate the Teaser				
  				$(".images img").animate({opacity: 0}, 700, 'swing', function(){$(".images img").attr({ src: imgTitle })});
          $(".images img").animate({opacity: 1.0}, 700);
  			};
  		
  		$("#tabs ul li").removeClass('active'); //Remove class of 'active' on all lists
  		$(this).addClass('active');  //add class of 'active' on this list only
  		return false;
  		
  	}) .hover(function(){
  		$(this).addClass('hover');
  		}, function() {
  		$(this).removeClass('hover');
  	});
  	
  	setInterval('rotate()',5000);
  	
});      
    
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }
    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }
    
    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }
    
    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }