#!/usr/bin/python
import string, os, os.path, sys, re

def lt(x,y):
  return (x>y)-(x<y)

def main():
  fpi = open(sys.argv[1],'r'); 
  fpo = open(sys.argv[2],'w')
  defs=[]
  draw=[]
  sele=[]
  line = fpi.readline()
  line = fpi.readline()
#  p00,l00 = 29.96,63.23
#  p01,l01 = 29.94,60.68
#  p10,l10 = 36.46,63.22
#  w,h = 600,500
  p00,l00 = 30.100,62.225
  p01,l01 = 30.095,60.764
  p10,l10 = 34.708,62.227
  w,h = 840,560
  while not (line == ""):
    line=line[0:-1]
    words = string.split(line,',')
    nimi,l,p=words[0],float(words[1]),float(words[2])
    print nimi
    x = int((p-p00)*w/(p10-p00))
    dxmax=(p01-p00)*w/(p10-p00)
    dxker=(l-l00)/(l01-l00)
#    dx=int(dxker*dxmax)
    dx=3
    x = x+dx
    y = int((l-l00)*h/(l01-l00))
    dymax = (l10-l00)*h/(l01-l00)
    dyker = (p-p00)/(p10-p00)
#    dy = int(dyker*dymax)
    dy=25
    y = y+dy+3
    defs.append('div.'+nimi+' {position: absolute; left: '+str(x)+'px; top: '+str(y)+'px; width: 6px; height: 6px; background-color: #0000CC; z-index: 1;}')
    draw.append('<div class="'+nimi+'" title="'+nimi+' '+str(p)+' '+str(l)+'"></div>')
    sele.append('<option value="'+nimi+','+str(x)+','+str(y-dy)+'">'+nimi+'</option>')
    line = fpi.readline()
    #end while

######################################################################
  fpo.write('<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//FI">\n')
  fpo.write('<meta http-equiv="content-type" content="text/html; charset=UTF-8">\n')
  fpo.write("<html>\n")
  fpo.write("<head>\n")

  fpo.write('<script language="JavaScript" type="text/javascript">\n')
  fpo.write("<!--\n")
  fpo.write("function ozuta(xobj){\n")
  fpo.write("\n")
  fpo.write("var xpos=xobj.style.left;\n")
  fpo.write("var ypos=xobj.style.top;\n")
  fpo.write("var xnpos=135;\n")
  fpo.write("var ynpos=-25;\n")
  fpo.write('var paikku="ozuta"\n')
  fpo.write("while (parseInt(xobj.style.left)==xnpos){\n")
  fpo.write("svalue=document.kysely.num1.value;\n")
  fpo.write('paikku=svalue.split(",",3)[0];\n')
  fpo.write('xnpos=svalue.split(",",3)[1];\n')
  fpo.write('ynpos=svalue.split(",",3)[2];\n')
  fpo.write("}\n")
  fpo.write('xobj.style.left=xnpos+"px";\n')
  fpo.write('xobj.style.top=ynpos+"px";\n')
  fpo.write("xobj.value=paikku;\n")
  fpo.write("}\n")
  fpo.write("//-->\n")
  fpo.write("</script>\n")
  fpo.write("</head>\n")
###################################################################
  fpo.write("<body>\n")

  fpo.write('<FORM ACTION="#" NAME=kysely>\n')
  fpo.write('<SELECT NAME="num1">\n')
  for line in sele:
    fpo.write(line); fpo.write("\n")
  fpo.write("</SELECT>\n")
  fpo.write("</FORM>\n")
  fpo.write("\n")
  fpo.write('<div style="position:absolute;" >\n')
  fpo.write('<input type="button"\n')
  fpo.write('       name=""\n')
  fpo.write('       value="ozuta"\n')
  fpo.write('       style="position:absolute;top:-25px;left:135px;"\n')
  fpo.write('       onmouseover="ozuta(this);">\n')
  fpo.write("</div>\n")


  fpo.write('<img src="karjal.jpg" width="840" height="560" alt="Karjal" align="TOP" border="0" />\n')
  fpo.write('<style type="text/css">\n')
  fpo.write("<!--\n")
  for line in defs:
    fpo.write(line); fpo.write("\n")
  fpo.write("-->\n")
  fpo.write("</style>\n")
###########################################################################
  for line in draw:
    fpo.write(line); fpo.write("\n")
  fpo.write("\n")
###########################################################################


  fpo.write("</body>\n")
  fpo.write("</html>\n")
  fpo.close()

main()
