diff --git a/module/testcase/js/create.js b/module/testcase/js/create.js
index af657235d9..c1e6edae3e 100644
--- a/module/testcase/js/create.js
+++ b/module/testcase/js/create.js
@@ -12,3 +12,7 @@ function setPreview()
         $('#preview').attr('href', storyLink);
     }
 }
+$(function()
+{
+     $("#preview").colorbox({width:1000, height:600, iframe:true, transition:'elastic', speed:350, scrolling:true});
+})
diff --git a/module/testcase/view/create.html.php b/module/testcase/view/create.html.php
index 51e1b7edbf..a7d917b341 100644
--- a/module/testcase/view/create.html.php
+++ b/module/testcase/view/create.html.php
@@ -11,11 +11,6 @@
  */
 ?>
 <?php include './header.html.php';?>
-<script language='Javascript'>
-$(function(){
-     $("#preview").colorbox({width:960, height:500, iframe:true, transition:'elastic', speed:350, scrolling:true});
-})
-</script>
 <form method='post' enctype='multipart/form-data' target='hiddenwin'>
   <table class='table-1'> 
     <caption><?php echo $lang->testcase->create;?></caption>
@@ -43,9 +38,9 @@ $(function(){
       <td>
         <?php echo html::select('story', $stories, $storyID, 'class="text-1" onchange=setPreview();');?>
         <?php if($storyID == 0): ?>
-        <a href='' id='preview' class='iframe'><?php echo $lang->preview;?></a>
+          <a href='' id='preview' class='iframe hidden'><?php echo $lang->preview;?></a>
         <?php else:?>
-        <?php echo html::a($this->createLink('story', 'view', "storyID=$storyID"), $lang->preview, '', "class='iframe' id='preview'");?>
+          <?php echo html::a($this->createLink('story', 'view', "storyID=$storyID"), $lang->preview, '', "class='iframe' id='preview'");?>
         <?php endif;?>
       </td>
     </tr>