//JS
$(document).ready(function(){
  $("div.panel_container").css({"visibility":"visible"});
  var durationOn = 700;
  var linkToShow = null;
  $("div.panel_block").each(function(){
  	var left = $(this).width() * -1;
  	$(this).css({"left":left});
  });
  $("div.panel_link").click(function(){
  	  linkToShow = $(this);
      $(this).css({"display":"none"});
      $(this).parent().children("div.panel_block").each(function(){$(this).animate({"left": "0"},durationOn);});
  });
  $("div.panel_link_active").click(function(){
  	var  dir = $(this).parent().width() * -1;
  	$(this).parent().animate({"left": dir },durationOn,function(){
  		linkToShow.css({"display":"block"});
  		$("div#message_box3").hide();
  	});
  });
  
  $("div.one_click_container").css({"visibility":"visible"});
  $("div.one_click_block_container").css({"visibility":"visible","display":"none"});
  var durationOn = 700;
  var linkToShow = null;
  
  $("div.one_click_left").each(function(){
  	var left = $(this).width() * -1;
  	$(this).css({"left":left});
  });
  $("div.one_click_right").each(function(){
  	var left = $(document).width()+1;
  	$(this).css({"left": $(document).width()+1 });
  });
  
  $("div.one_click_link").click(function(){
  	  linkToShow = $(this);
      $(this).css({"display":"none"});
      $("div.one_click_block_container").css({"display":"block"});
      //$(this).animate({"left": $(document).width()+1},durationOn);
      $("div.one_click_left","div.one_click_block").each(function(){$(this).animate({"left": "0"},durationOn);});
      $("div.one_click_right","div.one_click_block").each(function(){$(this).animate({"left": $(document).width()-$(this).width()},durationOn);});
  });

  $("div.one_click_block").click(function(){
	  
  	 $("div.one_click_left","div.one_click_block").each(function(){$(this).animate({"left": $(this).width()*-1},durationOn);});
     $("div.one_click_right","div.one_click_block").each(function(){ $(this).animate({"left": $(document).width()+1},durationOn,function(){$("div.one_click_block_container").css({"display":"none"});});});
	 $("div.one_click_link").css({"display":"block"});
	 //$("div.one_click_link").animate({"left": $(document).width()-$(this).width()},durationOn);
  });
  
});