$(document).ready(function() { 
	/*$("#mainContent").hide();
	$("#mainContent").fadeIn(1000);
	$("#mainContent2").hide();
	$("#mainContent2").fadeIn(1000);
	
    // select #flowplanes and make it scrollable. use circular and navigator plugins 
    $("#flowpanes").scrollable({size: 1, speed: 800}).circular().mousewheel(800).navigator({ 
 
        // select #flowtabs to be used as navigator 
        navi: "#flowtabs", 
 
        // select A tags inside the navigator to work as items (not direct children) 
        naviItem: 'a', 
 
        // assign "current" class name for the active A tag inside navigator 
        activeClass: 'current' 
 
    }); 
	
	$("a.conversion").click(function() {
		$("#flowpanes").scrollable().move(1);				
	});
	$("a.tools").click(function() {
		$("#flowpanes").scrollable().move(2);				
	});
	$("a.dockings").click(function() {
		$("#flowpanes").scrollable().move(3);				
	});
	$("a.document").click(function() {
		$("#flowpanes").scrollable().move(4);				
	});
	
	$("a.none").click(function() {
		$("#flowpanes").scrollable().move(0);	
	});
	$("a[rel]").overlay();
	*/
	
	$('a[href*=#]').click(function() {
 if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
 && location.hostname == this.hostname) {
   var $target = $(this.hash);
   $target = $target.length && $target
   || $('[name=' + this.hash.slice(1) +']');
   if ($target.length) {
  var targetOffset = $target.offset().top;
  $('html,body')
  .animate({scrollTop: targetOffset}, 1000);
    return false;
   }
 }
  });

	
});