optionvalue = "";
var tablestart = "";
var tableend = "";
var tablemid = "";

function MakeDiv(serialOpt) {	
	
  if (document.getElementById)
  {   
	  switch (serialOpt)
	  {
	  case "F":
	     selectname = document.getElementById("effects1").value;
	     document.getElementById("effects2").selectedIndex = 0;
		 document.getElementById("effects3").selectedIndex = 0;
		 document.getElementById("effects4").selectedIndex = 0;
	     break;
	  case "S":
         selectname = document.getElementById("effects2").value;
	     document.getElementById("effects1").selectedIndex = 0;
		 document.getElementById("effects3").selectedIndex = 0;
		 document.getElementById("effects4").selectedIndex = 0;
	     break;
	  case "T":
		 selectname = document.getElementById("effects3").value;
	     document.getElementById("effects1").selectedIndex = 0;
		 document.getElementById("effects2").selectedIndex = 0;
		 document.getElementById("effects4").selectedIndex = 0;
	     break;
	  case "Fo":
		  selectname = document.getElementById("effects4").value;
	      document.getElementById("effects1").selectedIndex = 0;
		  document.getElementById("effects2").selectedIndex = 0;
		  document.getElementById("effects3").selectedIndex = 0;
	     break;
	  }
	  
  }
  else if (document.all)
  {
	   switch (serialOpt)
	  {
	  case "F":
	     selectname = document.all("effects1").value;
	     document.all("effects2").selectedIndex = 0;
         document.all("effects3").selectedIndex = 0;
		 document.all("effects4").selectedIndex = 0;
	     break;
	  case "S":
         selectname = document.all("effects2").value;
	     document.all("effects1").selectedIndex = 0;
         document.all("effects3").selectedIndex = 0;
		 document.all("effects4").selectedIndex = 0;
	     break;
	  case "T":
		 selectname = document.all("effects3").value;
	     document.all("effects1").selectedIndex = 0;
         document.all("effects2").selectedIndex = 0;
		 document.all("effects4").selectedIndex = 0;
	     break;
	  case "Fo":
		  selectname = document.all("effects4").value;
	      document.all("effects1").selectedIndex = 0;
          document.all("effects2").selectedIndex = 0;
		  document.all("effects3").selectedIndex = 0;
	     break;
	  }
  }
  tablestart = "<center><strong>== Action ==</strong></center><table width=\"80%\" style=\"font-family: Verdana,Tahoma; border: 1px outset #336699; font-size: 11pt\">";
  tableend = "</table><table><tr><td align=\"center\"><input type=\"submit\" name=\"submit\" value=\"Submit\" style=\"font-family: Verdana; font-weight: bold; font-size: 10px; color: #FFFFFF; border: 0px; background-color: #268FBB\">" +
	         "</td></tr></table>";
  
 switch (selectname)
 {
    case "Raise":
         tablemid = "<tr><td align=\"center\">Give picture 3D effects </td></tr>";
	     break;
    case "Frame":
		 tablemid = "<tr><td align=\"center\"><A HREF=\"#\" onClick=\"cp.select(document.forms['ups'].framecol,'pick');return false;\" NAME=\"pick\" ID=\"pick\"><font face=\"Verdana\" color=\"#330000\"><strong>Color</A>&nbsp; : </strong></font>&nbsp;" + 
         "<input type=\"input\" size=\"10\" name=\"framecol\" value=\"\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\"></td></tr>";
		 break;
    case "Border":
		 tablemid = "<tr><td align=\"center\"><font face=\"Verdana\" color=\"#330000\"><strong>Width &nbsp;: &nbsp;</strong></font><select name=\"borderwidth\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" + 
                    "<option value=\"10\">1</option>" + 
                    " <option value=\"11\">2</option>" + 
                    " <option value=\"12\">3</option>" + 
                    "  <option value=\"13\">4</option>" + 
                    "  <option value=\"14\">5</option>" + 
                    " <option value=\"15\">6</option>" + 
                   "  </select></td><td>" + 
                   " <A HREF=\"#\" onClick=\"cp.select(document.forms['ups'].bordercol,'pick');return false;\" NAME=\"pick\" ID=\"pick\"><font face=\"Verdana\" color=\"#330000\"><strong>Color</A>&nbsp; : </strong></font>&nbsp;" + 
                   "<input type=\"input\" size=\"10\" name=\"bordercol\" value=\"\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\"></td></tr>";
          break;
	case "Dropshadow":
		  tablemid = "<tr><td align=\"center\">" + 
                     " <font face=\"Verdana\" color=\"#330000\"><strong>Width &nbsp;: &nbsp;</strong></font><select name=\"dropwidth\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" + 
                     "<option value=\"1\">1</option>" +
                     "<option value=\"2\">2</option>" +
                     "<option value=\"3\">3</option>" +
                     "<option value=\"4\">4</option>" +
                     "<option value=\"5\">5</option>" +
                     "<option value=\"6\">6</option>" +
                     "<option value=\"7\">7</option>" +
                     "<option value=\"8\">8</option>" +
                     "<option value=\"9\">9</option>" +
                     "<option value=\"10\">10</option>" +
                     "<option value=\"11\">11</option>" +
                     "<option value=\"12\">12</option>" +
                     "<option value=\"13\">13</option>" +
                     "<option value=\"14\">14</option>" +
                     "<option value=\"15\">15</option>" +
                     "</select></td>" +
                     "<td align=\"center\"><font face=\"Verdana\" color=\"#330000\"><strong>Intensity &nbsp;: &nbsp;</strong></font><select name=\"dropintensity\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" + 
                     "<option value=\"5\">5</option>" +
                     "<option value=\"6\">6</option>" +
                     "<option value=\"7\">7</option>" +
                     "<option value=\"8\">8</option>" +
                     "<option value=\"9\">9</option>" +
                     "<option value=\"10\">10</option>" +
                     "<option value=\"11\">11</option>" +
                     "<option value=\"12\">12</option>" +
                     "<option value=\"13\">13</option>" +
                     "<option value=\"14\">14</option>" +
                     "<option value=\"15\">15</option>" +
                     "<option value=\"16\">16</option>" +
                     "<option value=\"17\">17</option>" +
                     "<option value=\"18\">18</option>" +
                     "<option value=\"19\">19</option>" +
                     "<option value=\"20\">20</option>" +
                     "</select></td><td align=\"center\">" +
                     "<A HREF=\"#\" onClick=\"cp.select(document.forms['ups'].dropcol,'pick');return false;\" NAME=\"pick\" ID=\"pick\"><font face=\"Verdana\" color=\"#330000\"><strong>Color</A>&nbsp; : </strong></font>&nbsp;" +
                      "<input type=\"input\" size=\"10\" name=\"dropcol\" value=\"\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\"></td></tr>";
             break;
	case "Watermark":
           tablemid = "<tr><td align=\"center\">" + 
                      "<A HREF=\"#\" onClick=\"cp.select(document.forms['ups'].watercol,'pick');return false;\" NAME=\"pick\" ID=\"pick\"><font face=\"Verdana\" color=\"#330000\"><strong>Color</A>&nbsp; : </strong></font>&nbsp;" + 
                      "<input type=\"input\" size=\"6\" name=\"watercol\" value=\"\">" +
                      "Text<input type=\"text\" name=\"watertext\" value=\"\" size=\"5\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;></td></tr>";
           break;
	case "Resize":
		   tablemid = "<tr><td align=\"center\">" +
		              "<table border=\"0\" width=\"100%\" align=\"center\" cellpadding=\"0\" cellspacing=\"0\" style=\"font-family: Tahoma; border: 0px solid #336699; font-size: 8pt\">" +
                      " <tr>" + 
                      " <td align=\"center\" colspan=\"3\"><strong>Image size</strong></td>" +
                      " </tr>" +
                      "<tr>" +
                      "  <td width=\"33%\">" +
                      "  <input type=\"radio\" name=\"size\" value=\"seventyfive\" >3/4 of original </td>" +
		              "  <td width=\"33%\">" +
                      "  <input type=\"radio\" name=\"size\" value=\"fifty\"> 1/2 of original </td>" +
		              "  <td width=\"34%\">" +
                      "  <input type=\"radio\" name=\"size\" value=\"twentyfive\"> 1/4 of original " +
                      " </td>" +
                      "</tr><tr><td colspan=\"3\">&nbsp;</td></tr>" +
                      "<tr>" +
                      "<td width=\"15%\"><strong><input type=\"radio\" name=\"custom\" value=\"\" onclick=\"CheckMe()\">Custom</strong></td>" +
                      
                      " <td colspan=\"2\" width=\"85%\"> <font face=\"Verdana\" color=\"#330000\"><strong>Width: </strong></font> <input type=\"text\" size=\"5\" name=\"iwidth\" value=\"\" disabled style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" +
                      " <font face=\"Verdana\" color=\"#330000\"><strong>Height: </strong></font> <input type=\"text\" size=\"5\" name=\"iheight\" value=\"\" disabled style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" +
                      "&nbsp;<select name=\"valopt\" disabled style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 16px;\"><option value=\"pr\" >Percent</option>" +
                      " <option value=\"px\">Pixel</option></select>" +
                      " </td>" +
                      " </tr><tr><td colspan=\"3\">&nbsp;</td></tr>" +
                       "<tr>" +
                       "<td colspan=\"3\" align=\"center\"><strong>Output format :</strong>&nbsp;<select name=\"format\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 15px;\">" +
                       "<option value=\"jpeg\">jpeg</option>" +
                       "<option value=\"gif\">gif</option>" +
                       "<option value=\"png\">png</option>" +
                       "</select>" +
                       "</td>" +
                       "</tr>" +
                       "<tr>" +
                       "<td colspan=\"3\">" +
                      "</td>" +
                       "</tr>" +
                       "</table> " +
                       "</td></tr>";
	          break;
	case "Rotate":
		  tablemid = "<tr><td align=\"center\">" +
		             "<table><tr>" +
                       "  <td>" +
                       "  Rotate Degree: <input type=\"text\" name=\"RotateDeg\" value=\"\" size=\"5\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\"></td>" +
                       " </tr>" +
                       " </table>" +
		               "</td></tr>";
	          break;
	case "Crop":
           tablemid = "<tr><td align=\"center\">To crop image, click twice to select a zone over image. The first <br>click denotes " + 
		                                       "the upper-left corner of image while the second <br>click is for the right-bottom corner. " +
	                                           "To deselect zone click again. After selecting zone clickon crop button.</td></tr>";
	       break;
	case "Grayscale":
		   tablemid = "<tr><td align=\"center\">Make it gray</td></tr>";
	       break;
	case "Colorize":
		   tablemid = "<tr><td align=\"center\">" +
		              "<font face=\"Verdana\" color=\"#330000\"><strong>Intensity &nbsp;: &nbsp;</strong></font><select name=\"colorvalue\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" +
                      "<option value=\"10\">10</option>" +
                      "<option value=\"15\">15</option>" +
                      "<option value=\"20\">20</option>" +
                      "<option value=\"25\">25</option>" +
                      "<option value=\"30\">30</option>" +
                      "<option value=\"35\">35</option>" +
                      "<option value=\"40\">40</option>" +
                      "<option value=\"45\">45</option>" +
                      "<option value=\"50\">50</option>" +
                      "<option value=\"55\">55</option>" +
                      "<option value=\"60\">60</option>" +
                      "<option value=\"65\">65</option>" +
                      "<option value=\"70\">70</option>" +
                      "</select>" +
                      "&nbsp;&nbsp;<A HREF=\"#\" onClick=\"cp.select(document.forms['ups'].colorval,'pick');return false;\" NAME=\"pick\" ID=\"pick\"><font face=\"Verdana\" color=\"#330000\"><strong>Color</A>&nbsp; : </strong></font>&nbsp;" +
                      "<input type=\"input\" size=\"6\" name=\"colorval\" value=\"\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" +
		              "</td></tr>";
	           break;
	case "ColorFilter":
		   tablemid = "<tr><td align=\"center\">" + 
		              " <font face=\"Verdana\" color=\"#330000\"><strong>Intensity &nbsp;: &nbsp;</strong></font><select name=\"filtervalue\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" +
                      " <option value=\"10\">10</option>" +
                      "<option value=\"15\">15</option>" +
                      " <option value=\"20\">20</option>" +
                      "<option value=\"25\">25</option>" +
                      " <option value=\"30\">30</option>" +
                      " <option value=\"35\">35</option>" +
                      " <option value=\"40\">40</option>" +
                      " <option value=\"45\">45</option>" +
                      " <option value=\"50\">50</option>" +
                      " <option value=\"55\">55</option>" +
                      " <option value=\"60\">60</option>" +
                      " <option value=\"65\">65</option>" +
                      " <option value=\"70\">70</option>" +
                      "</select>" +
                      "&nbsp;&nbsp;<A HREF=\"#\" onClick=\"cp.select(document.forms['ups'].colortext,'pick');return false;\" NAME=\"pick\" ID=\"pick\"><font face=\"Verdana\" color=\"#330000\"><strong>Color</A>&nbsp; : </strong></font>&nbsp;" +
                      "<input type=\"input\" size=\"6\" name=\"colortext\" value=\"\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" +
		              "</td></tr>";
	            break;
	case "B/W":
          tablemid = "<tr><td align=\"center\">Only Black And White </td></tr>";
	      break;
	case "Saturate":
		  tablemid = "<tr><td align=\"center\">Saturate Color</td></tr>";
	      break;
	case "Desaturate":
		  tablemid = "<tr><td align=\"center\">Desaturate Color</td></tr>";
	      break;
	case "Noise":
		  tablemid = "<tr><td align=\"center\">Add Noise</td></tr>";
	      break;
	case "Gaussian_Blur":
		  tablemid = "<tr><td align=\"center\">" +
		             "<font face=\"Verdana\" color=\"#330000\"><strong>Intensity &nbsp;: &nbsp;</strong></font><select name=\"blurvalue\" style=\"font-family: Verdana; font-size: 10px; border: 1px solid #268FBB; height: 17px;\">" +
                     "<option value=\"5\">5</option>" +
                     "<option value=\"6\">6</option>" +
                     "<option value=\"7\">7</option>" +
                     "<option value=\"8\">8</option>" +
                     "<option value=\"9\">9</option>" +
                     "<option value=\"10\">10</option>" +
                     "<option value=\"11\">11</option>" +
                     "<option value=\"12\">12</option>" +
                     "<option value=\"13\">13</option>" +
                     "<option value=\"14\">14</option>" +
                     "<option value=\"15\">15</option>" +
                     "<option value=\"16\">16</option>" +
                     "<option value=\"17\">17</option>" +
                     "<option value=\"18\">18</option>" +
                     "<option value=\"19\">19</option>" +
                     "<option value=\"20\">20</option>" +
                     "</select>" +
		             "</td></tr>";
	        break;
	case "Motion_Blur":
		 tablemid = "<tr><td align=\"center\">The effect like shooting from car</td></tr>";
	     break;
	case "Scatter":
		 tablemid = "<tr><td align=\"center\">Scatter the color</td></tr>";
	     break;
	case "Negative":
		 tablemid = "<tr><td align=\"center\">See the negative</td></tr>";
	     break;
	case "Pixelate":
		 tablemid = "<tr><td align=\"center\">Burst the pixels</td></tr>";
	     break;
	case "Watercolor":
		 tablemid = "<tr><td align=\"center\">An artistic effect</td></tr>";
	     break;
	case "Interlace":
		 tablemid = "<tr><td align=\"center\">Add fine lines</td></tr>";
	     break;
	case "Brushstroke":
		 tablemid = "<tr><td align=\"center\">Draw with strokes of brush</td></tr>";
	     break;
	case "Contrast":
		 tablemid = "<tr><td align=\"center\">Reduce the light</td></tr>";
	     break;
	case "Brightness":
		 tablemid = "<tr><td align=\"center\">Increase the light</td></tr>";
	     break;
	case "Whiten":
		 tablemid = "<tr><td align=\"center\">Make it more whiter</td></tr>";
	     break;
               
 
 }
optionvalue = tablestart + tablemid + tableend;
document.getElementById("printNow").innerHTML = optionvalue;
}