$j(document).ready(function() {
  if($j("#preview_frame").onPage()){
    
    // preview site link
    $j(".site-preview-link").click(function() {
      
      // serialize form to build href
      $j(this).attr("href", $j(this).attr("rel")+"?"+$j("#site_form").formSerialize());
      $j(".preview-popup").attr("href", $j(this).attr("href"));
      
      // set iframe to link href
      $j("#preview_frame iframe").attr("src", $j(this).attr("href"));
      
      // slide the panel down
      if(!$j("#preview_frame").is(":visible"))
      {
        $j("#preview_frame").slideDown("normal", function() {
          $j.scrollTo("#preview_frame", 500);
        });
      }
      else
      {
        $j.scrollTo("#preview_frame", 500);
      }
      
      $j(".actions a.site-preview-link").text("refresh preview");
      
      return false;
    });
    
    // hides the preview frame panel
    $j(".hide-preview").click(function() {
      $j('#preview_frame').slideUp();
      $j(".actions a.site-preview-link").text("preview");
      return false;
    });
    
  }
});