$(document).ready(function(){

  var pX=(Swidth()-782) / 2;
  var pX2=100+(Sheight()-400) / 4;    
  var p = $("#sug");
  var position = p.position();
 
	$("#sug").click(function(){
   
    $("#box_sug").css('display','block');
	  $("#box_sug").css("height",Bheight()+150);
	  $("#box_sug").css("opacity","0.6");
	  $("#box_sug").css('PositionLeft',0);
    $("#box_sug").css('PositionTop',0);

    $("#X").css("cursor","pointer");

	  $("#box_sug_out").show()
    .animate({opacity: "1", width: "+782", height: "+400", left: "+"+pX , top: "+"+pX2}, 500);

    run_box();
	  return false;

	});

  $("#X").click(function(){

	  $("#box_sug_out").show()
    .animate({opacity: "0", width: "0", height: "0", left: "-500", top: "0"}, 600);
   
	  $("#box_sug").show()
    .animate({opacity: "0", height: "0"}, 600);
	  $("#box_sug").css('PositionLeft',0);
	  $("#box_sug").css('display','none');
	  $("#box_sug_out").css('display','none');

	  return false;

	});

}); 

function run_box(){
  $.ajax({
  url: "sug.php",
  cache: false,
  success: function(html){
    $("#page_show").html("");
    $("#page_show").append(html);
  },
  beforeSend: function(html){
    $("#page_show").html("");
    $("#page_show").append("Loading...");
  }
  });
}