/**
 * Topbox: a jQuery Plug-in
 
 This code has been modified from an original sliding tab code by Kevin Lofthouse at www.iamkreative.co.uk
 
© Andy Johnstone/www.focusphotos.com 2010

 */
			var $jx = jQuery.noConflict();
$jx(document).ready(function(){
 
   $jx("#topbox, .topboxcontent").hide(); //hides the panel and content from the user
 
   $jx('#topboxtab').toggle(function(){ //adding a toggle function to the #tab
      $jx('#topbox').stop().animate({height:"170px", opacity:1}, 500, function() {//sliding the #panel down to 200px
	  $jx('.topboxcontent').fadeIn('slow'); //slides the content into view.
	  });  
   },
   function(){ //when the #tab is next cliked
   $jx('.topboxcontent').fadeOut('slow', function() { //fade out the content 
      $jx('#topbox').stop().animate({height:"0", opacity:0.1}, 500); //slide the #panel back to a width of 0
	  });
   });
 
});