#!/usr/bin/perl -w

$VERSION="CURRENT";

use Switch;

# Location vars
$CGI_DIR = "cgi-bin/ris";
$DEMO_DIR= "ris";

# Path and other variables
$HOME = $ENV{'HOME'};
@INC = (@INC, "$HOME/public_html/$CGI_DIR");

# External functions
#require "ris_utils.pl";


#-----------------------------------------------------------------------
#-----------------------------------------------------------------------
#-----------------------------------------------------------------------
#-----------------------------------------------------------------------
print "Content-type: text/html\n\n";

print "<!DOCTYPE html PUBLIC \"-//W3C//DTD XHTML 1.0 Strict//EN\" \"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd\">\n" ;
print "<html xmlns=\"http://www.w3.org/1999/xhtml\" xml:lang=\"en\">\n" ;
print "<head>\n" ;
print "<meta http-equiv=\"Content-Type\" content=\"text/html; charset=UTF-8\" />\n" ;
print "<title>navigation form</title>\n" ;

print("<link rel=\"stylesheet\" media=\"all\" type=\"text/css\" href=\"/~josecp/cgi-bin/css/cssplay_default.css\" />\n");
print "<style type=\"text/css\">\n";

#======== div info ============
print "info {\n";
print "z-index:100;\n";
print "}\n";

#======== div pr ============
print "#pr {\n";
print "position:absolute;\n";
print "bottom:20px;\n";
print "}\n";

#======== div pr_parent ============
print "#prparent {\n";
print "width: 80%; margin-right: auto; margin-left: auto; \n";
#print "border: 1px solid black; \n";
print "}\n";

#======== body & table settings ===============
#print "        <style type=\"text/css\">\n" ;
#print "        <!--\n" ;
print "        body {\n";
print "              font-family: Arial, Helvetica; font-size: 9pt; \n";
print "              width: 80%; margin-right: auto; margin-left: auto; \n";
#print "		     border: 1px solid black; \n";
print "        }\n";
print "        td{font-family: Arial; font-size: 9pt;}\n" ;
#print "        --->\n" ;
#print "        </style>\n" ;
#======== end of style settings ============
print "</style>\n";

#======== some javascript functions ============
print "<script type=\"text/javascript\">\n";
print "function image_selected(image,article)\n";
print "{\n";
print "	  alert('image ' + image + ' clicked!')\n";
#print "   location.replace('/cgi-bin/submit_human_eval.pl?img='+image+'&txt='+article+'&db=$db&query=$query')\n";
print "}\n\n";
print "function submit_eval(image)\n";
print "{\n";
print "   var img_sel = document.forms['form1'].elements['img'];\n";
print "   img_sel.value = image;\n";
print "   document.form1.submit();\n";
print "}\n";
print "function submitform()\n";
print "{\n";
print "   var img_sel = document.forms['form1'].elements['imgdb'].value;\n";
print "	  alert('form value is ' + img_sel + ' !')\n";
#print "   location.replace('/~josecp/cgi-bin/imgdb/browse.pl?db=/data4/josecp/cbks/graz01/kd16-1_asc.dbl&db=graz01&page=109')\n";
print "   var db_sel = document.forms['form1'].elements['db'];\n";
print "   db_sel.value = '/data4/josecp/cbks/graz01/kd16-1_asc.dbl';\n";
print "   var dataset_sel = document.forms['form1'].elements['dataset'];\n";
print "   dataset_sel.value = 'graz01';\n";
print "   document.form1.submit();\n";
print "}\n\n";
print "</script>\n";



print "</head><body style=\"overflow-x:hidden\">\n" ;

#print "<h2 align=center>ImgDB</h2>\n";
print "<p><br></p>\n";
print "\n<div id=\"info\">\n";


#---------------------------------------
#--- form 
# db=/data4/josecp/cbks/graz01/kd16-1_asc.dbl&dataset=graz01&page=0

print "<form name=\"form1\" target=\"main\" method=\"post\" action=\"submit_$VERSION.pl\">\n";
print "   <br>\n";
print "   <p align=center><select name=\"imgdb\">\n";
print "      <option value=\"tvgraz\&test_files\"  selected>TVGraz</option>\n";
print "      <option value=\"wiki\&test_files\"         >Wikipedia</option>\n";
print "      <option value=\"pascal\&test_files\"       >PASCAL sentences</option>\n";
#print "      <option value=\"sun397\&test_files\"       >SUN 397</option>\n";
#print "      <option value=\"clef\&test_files\"       >ImageCLEF10</option>\n";
print "   </select></p>\n";
print "   <p align=center><input type=\"submit\" name=\"browse\" value=\"Browse...\">\n";
print "     <align=center><input type=\"submit\" name=\"prec\" value=\"PR\"> </p>\n";
print "   <p><br></p>\n";
print "   <p><hr align=center width=150></p>\n";
print "   <p><br></p>\n";
## Show retrieval for one method
print "   <p align=center><select name=\"strategy\">\n";
#print "      <option value=\"lambda\"  selected>ConTEXT</option>\n";
print "      <option value=\"ris\"  selected>RIS</option>\n";
print "      <option value=\"tti\"             >TTI</option>\n";
print "      <option value=\"qbse\"            >QBSE</option>\n";
print "      <option value=\"qbve\"            >QBVE</option>\n";
#print "      <option value=\"predict\"         >Predict</option>\n";
#print "      <option value=\"GOD\"             >Ground truth</option>\n";
print "   </select>\n";
print "   <input type=\"submit\" name=\"all\" value=\"Retrieve all\"></p>\n";
print "   <p><br></p>\n";
## Compare retrieval methods 
print "   <p align=center><input type=\"checkbox\" name=\"compare\" value=\"compare\" />Compare to:</>\n";
print "   <select name=\"alternative\">\n";
print "      <option value=\"\"  selected></option>\n";
print "      <option value=\"ris\"     >RIS</option>\n";
print "      <option value=\"tti\"     >TTI</option>\n";
print "      <option value=\"qbse\"    >QBSE</option>\n";
print "      <option value=\"qbve\"    >QBVE</option>\n";
print "   </select></p>\n";
#-----
print "</form>\n";


#print("<p><br></p><p><hr align=center width=150></p><p><br></p>\n");
#print("<form action=\"upload.cgi\" target=\"main\" method=\"post\" enctype=\"multipart/form-data\">\n");
#print("   <p align=center>Photo to Upload:<br><input type=\"file\" name=\"photo\" /></p>\n");
#print("   <p align=center><input type=\"submit\" name=\"Submit\" value=\"Upload\" /></p>\n");
#print("</form>\n");

#---------------------------------------
# finish html table
#---------------------------------------
#print "</table>\n";

print "\n</div> <!-- end of info -->\n";

#print "\n<div id=\"prparent\">\n";
#print "\n<div id=\"pr\">\n";
#print "<a href=\"http://www.prchecker.info/\" title=\"PageRank Checker\" target=\"_blank\">\n";
#print "<img src=\"http://pr.prchecker.info/getpr.php?codex=aHR0cDovL3d3dy5zdmNsLnVjc2QuZWR1L35qb3NlY3Av&tag=1\" alt=\"PageRank Checker\" style=\"border:0;\" /></a>\n";
#print "\n</div> <!-- end of PR -->\n";
#print "\n</div> <!-- end of pr_parent -->\n";


print "</body></html>\n";


#-----------------------------------------------------------------------
#-----------------------------------------------------------------------

