
<!DOCTYPE html
	PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl" lang="pl">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2"/>
	<meta name="Description" content="ŚRUBY NIERDZEWNE, ŚRUBY, WKRĘTY, NAKRĘTKI, PODKŁADKI"/>
	<meta name="Keywords" content="ŚRUBY NIERDZEWNE, ŚRUBY, WKRĘTY, NAKRĘTKI, PODKŁADKI"/>
	<title>Dane techniczne - grzybek z nacięciem prostym</title>

	<style type="text/css">
/* <![CDATA[ */
table.TABL1 {
font-family: Arial;
font-size:14px;
border: 1px solid #AA0000;
background-color: #c0c0c0;
position: absolute; top:363px;
left: 12px;
}

div.DINS, table.TABL1 {
-moz-border-radius:3px;
-webkit-border-radius:3px;
-khtml-border-radius:3px;
border-radius:3px;
}

div.DINS {
position: absolute;
border: 1px solid #AA0000;
background-color: #c0c0c0;
font-size:12px;
font-family: Arial;
text-align: center;

}


img#foto1 {
position: absolute;
top:5px;
left: 5px;
font-size:14px;
font-family: Arial;
}


div#DIN_1 {
top:230px;
left:85px;
width:35px;
}
div#DIN_2 {
top:20px;
left:95px;
width:35px;
}
div#DIN_3 {
top:260px;
left:385px;
width:35px;
}
div#DIN_4 {
top:180px;
left:510px;
width:35px;
}

div#DIN_5 {
top:45px;
left:273px;
width:35px;
}
div#DIN_6 {
top:95px;
left:140px;
width:120px;
}

div#DIN_7 {
top:183px;
left:165px;
width:35px;
}


.wybor {
width:100px;
height:25px;
background-color:#C9D6FF;
font-size: 12px;
}

p#akapit2 {
position: absolute;
top:430px;
left: 12px;
font-size:12px;
font-family: Arial;
}

/* ]]> */
</style>




<script type="text/javascript">// <![CDATA[

function WYMIARY()
{

var D = []; //TABELA Z PARAMETRAMI

D["..."]="0|0|0|0|0";
D["M3"]="7,3|2|0,8|0,95|0,5";
D["M4"]="10|2,2|1|0,96|0,7";
D["M5"]="12,5|2,7|1,2|1,2|0,8";
D["M6"]="15|3,3|1,6|1,44|1";
D["M8"]="20|4,4|2|1,92|1,25";


    var t0=document.getElementById("SREDNICA");
    var Nr0 = t0.selectedIndex;
    var d0 = t0.options[Nr0].text; //srednica

    var t1=document.getElementById("DLUGOSC");
    var Nr1 = t1.selectedIndex;

  if (Nr1>-1){
     var d1 = t1.options[Nr1].text; //dlugosc
     Dl_1=D[d0].split('|');
     

     document.getElementById("DIN_1").innerHTML=Dl_1[1];
     document.getElementById("DIN_2").innerHTML=Dl_1[3];
     document.getElementById("DIN_3").innerHTML=Dl_1[0];
     document.getElementById("DIN_4").innerHTML=Dl_1[2];
     document.getElementById("DIN_5").innerHTML=d0;
     document.getElementById("DIN_6").innerHTML="Skok gwintu = " +Dl_1[4];
     document.getElementById("DIN_7").innerHTML=d1;
    }
}



function dodaj_opcje(ID_EL,TAB_Z_DLUG)
{

  var t=document.getElementById(ID_EL);
  for (var i=0;i<TAB_Z_DLUG.length;i++)
	 {
	   var op=document.createElement('OPTION');
           t.options.add(op);
	   op.text = TAB_Z_DLUG[i];
	 }
}


function GIVE_LONG (SRED)
 {
	var D1 = [];
	var D2 = [6,8,10,12,16,20,25,30,35,40,45,50,60,70,80,90,100,120];
var D3 = [];

D1["..."]="0|0";
D1["M3"]="5|50";
D1["M4"]="6|70";
D1["M5"]="8|100";
D1["M6"]="8|100";
D1["M8"]="12|120";


  var KRAN = D1[SRED].split("|");
	for (var i=0;i<D2.length;i++)
	{

	  if (D2[i] >= KRAN[0]  && D2[i] <=KRAN[1])
		{
		  D3.push(D2[i]);
		  //alert(D3);
		}
	}

	return D3;
 }


 function DAJ_SREDNICE_DLUGOSCI()
 {
    var t0=document.getElementById("SREDNICA");
    var t1=document.getElementById("DLUGOSC");
    t1.options.length = 0;
    var Nr0 = t0.selectedIndex;
    var d0 = t0.options[Nr0].text; //srednica

   dodaj_opcje("DLUGOSC",GIVE_LONG(d0));
 }

 // ]]></script>


</head>
<body style="background-color: white">

<img id="foto1" src="http://www.sklep.bufmax.pl/images/oryginal/566.jpg" alt="" width="521" height="269" />

<div id="DIN_1" class="DINS">0</div>
<div id="DIN_2" class="DINS">0</div>
<div id="DIN_3" class="DINS">0</div>
<div id="DIN_4" class="DINS">0</div>
<div id="DIN_5" class="DINS">0</div>
<div id="DIN_6" class="DINS">-</div>
<div id="DIN_7" class="DINS">0</div>

<table class="TABL1">
<tr  style="background-color:  #787878;"> <td>Wybierz średnicę [d]</td> <td> Wybierz długość [L]</td> </tr>
 <tr>
<td><select class="wybor" id="SREDNICA" onchange="DAJ_SREDNICE_DLUGOSCI();WYMIARY()">
		       <option>...</option>
		       <option>M3</option>
                       <option>M4</option>
                       <option>M5</option>
                       <option>M6</option>
                       <option>M8</option>

				</select>
		</td>

		<td>
			<select id="DLUGOSC" onchange="WYMIARY()" class="wybor">
                        <option>...</option>
                         </select>

		</td>
</tr>

</table>


<p id="akapit2"><b>Śruba z łbem grzybkowym z nacięciem prostym.</b></p>



</body>
</html>