$(document).ready(function() {
	
  $(function() {
		$("button, input:submit, a.but").button();
  });
  
  var init = function() {
  	initPanels();
  }
  
  var initPanels = function() {
		var speed = 300;
  	$("div.panels div.panel").unbind();
  	
  	$("div.panels div.closed").unbind().click(
  		function() {
  			var that = this;
  			$(this)
  				.removeClass('closed')
  				.addClass('selected')
  				.animate({width: '609px'},speed)
  			$("div.panels div.selected")
  				.not(that)
  				.removeClass('selected')
  				.addClass('closed')
  				.animate({width: '59px'},speed)
  			initPanels();
  		}
  	);
  	
  	$("div.panels div.unselected").unbind().click(
  		function() {
  			var that = this;
  			$(this)
  				.removeClass('unselected')
  				.addClass('selected')
  				.animate({width: '609px'},speed)
  			$("div.panels div.panel")
  				.not(that)
  				.removeClass('unselected')
  				.addClass('closed')
  				.animate({width: '59px'},speed)
  			initPanels();
  		}
  	);
  	
  	$("div.panels div.selected").unbind().click(
  		function() {
  			var that = this;
  			$("div.panels div.panel")
  				.removeClass('closed')
  				.removeClass('selected')
  				.addClass('unselected')
  				.animate({width: '169px'},speed)
  			initPanels();
  		}
  	);
	
  }
  
  init();
  
  $("#home").each(function(){
  	$(document).pngFix();
  });
  
});