var perus = new Array();
perus[0] = "Mattavalkoinen";
perus[1] = "Hopeanharmaa";
perus[2] = "Harmaa";
perus[3] = "Mattamusta";
perus[4] = "Mintunvihreä";
perus[5] = "Tummasininen";
perus[6] = "Keltainen";
perus[7] = "Persikka";
perus[8] = "Vaalean ruskea";
perus[9] = "Vaalean beige";
perus[10] = "Kulta";

var reika = new Array();
reika[0] = "Reikäsäle, valkoinen";
reika[1] = "Reikäsäle, hopea";

var puu = new Array();
puu[0] = "Pyökki";
puu[1] = "Mänty";
puu[2] = "Pähkinä";


var pic = new Array()
		var start = 3
		var end = 22
function moveObject( e ) {




  // step 1
  var tempX = 0;
  var tempY = 0;
  var offset = 5;
  var objHolder = document.getElementById("isot");;

  // step 2
  obj = document.getElementById("isot");
  if (obj==null) return;

  // step 3
  if (document.all) {
    tempX = event.clientX + document.body.scrollLeft;
    tempY = event.clientY + document.body.scrollTop;
  } else {
    tempX = e.pageX;
    tempY = e.pageY;
  }

	tempY = tempY -100

  // step 4
  if (tempX < 0){tempX = 0}
  if (tempY < 0){tempY = 0}

  // step 5
  obj.style.top  = (tempY + offset) + 'px';
  obj.style.left = (tempX + offset) + 'px';

  // step 6
  displayObject( objHolder, true );
  }

  function displayObject( obj, show ) {

  // step 1
  obj = document.getElementById("isot");;
  if (obj==null) return;

  // step 2
  obj.style.display = show ? 'block' : 'none';
  obj.style.visibility = show ? 'visible' : 'hidden';
  }

  function loadimages(){
		for (x=3;x<22;x++)
		{
			pic[x] = new Image(208,78)
			pic[x].src = "images/" + x + ".jpg"
		}
	}

		function HideDiv(){
			document.getElementById("isot").style.visibility = 'hidden'
		}


		function showBig(malli,ss){

			var html
			var text = ""
			html = '<img src="images/'+malli+'_'+ss+'.jpg" name="kuva_'+ss+'">'
			//html = ''
                     switch (malli){

                     case 'perus':
                            text = perus[ss-1];
                            break;
                     case 'reika':
                            text = reika[ss-1];
                            break;
                     case 'puu':
                            text = puu[ss-1];
                            break;


                     }
			html += '<br /><center>'+text+'</center>'

			document.getElementById("isot").innerHTML = html
			//document.getElementById('kuva').src = pic[ss]

		}

		function listSamples(malli, amount){
			var html = '<table cellpadding=0>'
			var cols = 4
			var rows = 5
			var text = ""
			var x = 1
			start = 1

			while(rows > 0 && amount > 0){
				html += "<tr>"
				while(cols > 0 && amount > 0){
                                   switch (malli){
                                   case 'perus':
                                          text = perus[start-1];
                                   break;
                                   case 'reika':
                                          text = reika[start-1];
                                   break;
                                   case 'puu':
                                          text = puu[start-1];
                                   break;
                                   }
				
				
					html += '<td  style="padding-right: 5px;padding-bottom: 3px">'
					if(start < end)
					html += '<img src="images/'+malli+'_'+start+'.jpg" name="kuva_'+malli+start+'" height=40 onmouseout="HideDiv()" onmouseover="showBig(\''+malli+'\','+start+')" onmousemove="moveObject(event)">'
					html += '<br /><center><span id="small">'+text+'</span></center></td>'
					start++
					cols--
					amount--
				}
				html += '</tr>'
				rows--
				cols = 4
			}
			html += '</table>'

			document.getElementById("mallit_"+malli).innerHTML = html

		}
		
		
function Laske(form, lkm){
		var arvio = 0.00;
		var yks = 0.00
		var kerroin = 0.00175
		var lukuX;
		var lisa = 0

		var x = 0;

		rplcCommas(form, lkm);

		if (lkm > 1){
			lukuX = form.X[x].value;
			while(form.X[x]){
				if(form.X[x].value > 0 && form.Y[x].value > 0){
					yks = 0
					if(getModel(x) > 0){
					 	arvio = arvio + Math.ceil(getModel(x))
					 	yks = yks +Math.ceil(getModel(x))
					}
					if ((form.X[x].value * form.Y[x].value) > 10000){
						arvio = arvio + ((form.X[x].value * form.Y[x].value) * kerroin)
						yks = yks + ((form.X[x].value * form.Y[x].value) * kerroin)
					} else {
						arvio = arvio + (kerroin * 10000)
						yks = yks + (kerroin * 10000)
					}
					yks = yks.toFixed(2);
					form.ykshinta[x].value = yks
				}
				x++
			}
		} else {
			yks = 0
			if(form.X.value > 0 && form.Y.value > 0){
				if(getModel(0) > 0){
				 	arvio = arvio + Math.ceil(getModel(0))
				 	yks = yks +Math.ceil(getModel(0))
				}
				if ((form.X.value * form.Y.value) > 10000){
					arvio = arvio + ((form.X.value * form.Y.value) * kerroin)
					yks = yks + ((form.X.value * form.Y.value) * kerroin)
				} else {
					arvio = arvio + (kerroin * 10000)
					yks = yks + (kerroin * 10000)
				}
				yks = yks.toFixed(2);
				form.ykshinta.value = yks;
				x++
			}
		}

		arvio = arvio.toFixed(2);
		//form.arvio.value = arvio;
		document.getElementById("euro").innerHTML = arvio
	}

	function rplcCommas(form, lkm){
		x = 0
		tmp = ""
		if (lkm > 1){
			while(form.X[x]){
				tmp = form.X[x].value
				form.X[x].value = tmp.replace(',','.')
				tmp = form.Y[x].value
				form.Y[x].value = tmp.replace(',','.')
				x++;
			}
		} else {
				tmp = form.X.value
				form.X.value = tmp.replace(',','.')
				tmp = form.Y.value
				form.Y.value = tmp.replace(',','.')

		}
	}

	function getModel(x){
		iidee = "malli_"+ x +"_pinta"
		if (document.getElementById(iidee).checked == true) return 3
		return 0
	}

	function Ikkunat(form){
		var luku;
		var html;
		var x = 0;
		html = '<table border=0 width="100%">';
		luku = form.lkm.value;
		if(luku <= 30){
			luku2 = luku
			while(luku > 0){
				html += '<tr><td  style="font-size: 12px" nowrap><input type="radio" name="malli_'+ x +'"  id="malli_'+ x +'_vali" value="vali" checked="checked"  onclick="Laske(this.form, this.form.lkm.value)"> Välimalli<br />'
				html += '<input  type="radio" name="malli_'+ x +'"  id="malli_'+ x +'_pinta" value="pinta"  onclick="Laske(this.form, this.form.lkm.value)"> Pintamalli</td><td>'
				html += '<input type="text" name="X" value="" size="4" maxlength="8"  onchange="Laske(this.form, this.form.lkm.value)">'
				html += '<b> x </b><input type="text" name="Y" value="" size="4"  onchange="Laske(this.form, this.form.lkm.value)" maxlength="8"> cm'
				html += '</td><td>hinta: <input style="background-color: #FFFFFF;color: #000000;font-weight: bold;" type="text" name="ykshinta" value="" size="8" maxlength="8"> &euro; </td></tr><tr><td colspan="3"><hr></td></tr>'
				luku--
				x++
			}
			html += '</table><br /><table border=0 cellspacin="0" cellpadding="0" width="100%"><tr><td nowrap valign="top" style="border: 1px dotted black; padding: 5px; font-size: 12px;background-color:#feeeb1">'
			html += '<b>Kustannusarvio: </b>'

			html += '&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<input type=button name="laske" value="laske" onclick="Laske(this.form, this.form.lkm.value)">&nbsp;&nbsp;&nbsp;'
			html += '&nbsp;&nbsp;&nbsp;<u><b><span id="euro">0</span></b> euroa.</u>'
			html += '</td></tr></table>'
			html += ''
			if(luku2 > 15){
				html += '<div class="huom2">'
				html += '<center><b>KUN TILAAT YLI 15 KAIHDINTA<br />SOITA JA PYYDÄ MÄÄRÄALENNUS!</b><br />'
				html += 'Pyydä määräalennus tarjousmyynnistä:<br /> Puh. (09) 736 716 tai 050 466 6677</center></div>'
	
			}
		} else if(luku > 30){
			html = '<div class="huom2">'
			html += '<center><b>SOITA JA KYSY VIELÄKIN EDULLISEMPI PAKETTIHINTA!</b><br />'
			html += 'Pyydä pakettihinta tarjousmyynnistä:<br /> Puh. (09) 736 716 tai 050 466 6677</center></div>'

		}

		document.getElementById("laskuri").innerHTML = html
	}

	function tarjouskoodi(){
		var html = "";
		var ID = "";
		if(document.getElementById("VIP").value.length == 5){
			 html = '<fieldset><legend><b>Tarjous:</b></legend>';
			html += '<p>';
			html += '<i>(tarjousta haetaan)</i>';
			html += '</p>';
			html += '<center><img src="images/lataa.gif" /></center>';
			html += '</fieldset>';
			ID = document.getElementById("VIP").value;
			document.getElementById("VIPtila").innerHTML = html;
			setTimeout("haeTarjous('"+ID+"')",2005);
		}
		
	}
	function haeTarjous(koodi){
		loadXMLDoc('vipac.php?id='+koodi)
	}
	
	var xmlhttp;
	
	function loadXMLDoc(url)
		{
		xmlhttp=null;
		if (window.XMLHttpRequest)
		  {// code for Firefox, Opera, IE7, etc.
		  xmlhttp=new XMLHttpRequest();
		  }
		else if (window.ActiveXObject)
		  {// code for IE6, IE5
		  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
		  }
		if (xmlhttp!=null)
		  {
		  xmlhttp.onreadystatechange=state_Change;
		  xmlhttp.open("GET",url,true);
		  xmlhttp.send(null);
		  }
		else
		  {
		  alert("Your browser does not support XMLHTTP.");
		  }
		}
		
		function state_Change()
		{
		if (xmlhttp.readyState==4)
		  {// 4 = "loaded"
		  if (xmlhttp.status==200)
		    {// 200 = "OK"
		    document.getElementById('VIPtila').innerHTML=xmlhttp.responseText;
		    }
		  else
		    {
		    alert("Problem retrieving data:" + xmlhttp.statusText);
		    }
		  }
		}