
<!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 - DIN 444</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:30px;
left: 25px;
font-size:14px;
font-family: Arial;
}


div#DIN_1 {
top:165px;
left:10px;
width:35px;
}
div#DIN_2 {
top:165px;
left:65px;
width:35px;
}
div#DIN_3 {
top:20px;
left:400px;
width:35px;
}
div#DIN_4 {
top:297px;
left:500px;
width:35px;
}

div#DIN_5 {
top:164px;
left:660px;
width:35px;
}
div#DIN_6 {
top:110px;
left:440px;
width:120px;
}

div#DIN_7 {
top:325px;
left:750px;
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|0|0";
D["M5"]="5|12|6|16|-|-|0.8";
D["M6"]="6|14|7|18|-|-|1";
D["M8"]="8|18|9|22|28|-|1.25";
D["M10"]="10|20|12|26|32|-|1.5";
D["M12"]="12|25|14|30|36|49|1.75";
D["M16"]="16|32|17|38|44|57|2";
D["M20"]="18|40|22|46|52|65|2.5";
D["M24"]="22|45|25|54|60|73|3";
D["M30"]="27/28|55|30|66|72|85|3.5";
D["M36"]="32/33|65|38|-|84|97|4";


    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('|');
     
                 if(d1<=125)
		 {
		  var a5 = Dl_1[3];
		 }

		 if(d1>125 && d1 <=200)
		 {
		   var a5 = Dl_1[4];
		 }

		 if(d1>200)
		 {
		  var a5 = Dl_1[5];
		 }
		 

     
     document.getElementById("DIN_1").innerHTML=Dl_1[1];
     document.getElementById("DIN_2").innerHTML=Dl_1[0];
     document.getElementById("DIN_3").innerHTML=d1;
     document.getElementById("DIN_4").innerHTML=a5;
     document.getElementById("DIN_5").innerHTML=d0;
     document.getElementById("DIN_6").innerHTML="Skok gwintu = "+Dl_1[6];
     document.getElementById("DIN_7").innerHTML=Dl_1[2];
     
    }
}



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 = [25,30,35,40,45,50,55,60,65,70,75,80,85,90,100,110,120,125,130,140,150,160,170,180,190,200]
var D3 = [];

D1["..."]="0|0";
D1["M5"]="25|40";
D1["M6"]="30|80";
D1["M8"]="30|100";
D1["M10"]="40|120";
D1["M12"]="50|150";
D1["M16"]="60|150";
D1["M20"]="70|200";
D1["M24"]="80|200";
D1["M30"]="120|200";
D1["M36"]="130|200";

  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/567.jpg" alt="" width="797" height="307" />

<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>M5</option>
                       <option>M6</option>
                       <option>M8</option>
                       <option>M10</option>
                       <option>M12</option>
                       <option>M16</option>
                       <option>M20</option>
                       <option>M24</option>
                       <option>M30</option>
                       <option>M36</option>
				</select>
		</td>

		<td>
			<select id="DLUGOSC" onchange="WYMIARY()" class="wybor">
                        <option>...</option>
                         </select>

		</td>
</tr>

</table>



<p id="akapit2"><b>Śruba oczkowa<br />
DIN 444 PN 82425 ~UNI 6058</b><br />
</p>



</body>
</html>