// ----------------------------------------------- 
// © 2009 IP ADRESA
// Michal Bukáček michal@bukacek.cz www.bukacek.cz
// ----------------------------------------------- 

var digit_velikost_cislice_x_ip = 14;
var digit_velikost_cislice_y_ip = 25;
var digit_barva_cislic = '#485F8F';
var databaze_cisel_ip = Array();



databaze_cisel_ip[0]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr>';
databaze_cisel_ip[1]='<tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td></td></tr><tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td></td></tr><tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td></td></tr><tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td></td></tr><tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td></td></tr>';
databaze_cisel_ip[2]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr>';
databaze_cisel_ip[3]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr>';
databaze_cisel_ip[4]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr>';
databaze_cisel_ip[5]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr>';
databaze_cisel_ip[6]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr>';
databaze_cisel_ip[7]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td></td></tr><tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td></td></tr>';
databaze_cisel_ip[8]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr>';
databaze_cisel_ip[9]='<tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td></td><td></td><td bgcolor="'+digit_barva_cislic+'"></td></tr><tr><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td><td bgcolor="'+digit_barva_cislic+'"></td></tr>';

databaze_tecka_ip='<table width="'+digit_velikost_cislice_x_ip+'" height="'+digit_velikost_cislice_y_ip+'" cellspacing="1" cellpadding="1" border="0"><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td></td><td></td></tr><tr><td></td><td bgcolor="'+digit_barva_cislic+'"></td><td></td></tr></table>';




function explodeArray_ip(delimiter,item)
{
tempArray=new Array(1);
var Count=0;
var tempString=new String(item);
while (tempString.indexOf(delimiter)>0)
{
tempArray[Count]=tempString.substr(0,tempString.indexOf(delimiter));
tempString=tempString.substr(tempString.indexOf(delimiter)+1,tempString.length-tempString.indexOf(delimiter)+1);
Count=Count+1
}
tempArray[Count]=tempString;
return tempArray;
}


function meke_ip_num(num){
if(num.length<2)num='0'+num;
if(num.length<3)num='0'+num;
	
var a=num.substr(0,1);
var b=num.substr(1,1);
var c=num.substr(2,1);
var	cislo_a='<table width="'+digit_velikost_cislice_x_ip+'" height="'+digit_velikost_cislice_y_ip+'" cellspacing="1" cellpadding="1" border="0">'+databaze_cisel_ip[a]+'</table>';
var	cislo_b='<table width="'+digit_velikost_cislice_x_ip+'" height="'+digit_velikost_cislice_y_ip+'" cellspacing="1" cellpadding="1" border="0">'+databaze_cisel_ip[b]+'</table>';
var	cislo_c='<table width="'+digit_velikost_cislice_x_ip+'" height="'+digit_velikost_cislice_y_ip+'" cellspacing="1" cellpadding="1" border="0">'+databaze_cisel_ip[c]+'</table>';

return '<table width="'+(digit_velikost_cislice_x_ip*3)+'" height="'+digit_velikost_cislice_y_ip+'" cellspacing="1" cellpadding="1" border="0"><tr><td>'+cislo_a+'</td><td>'+cislo_b+'</td><td>'+cislo_c+'</td></tr></table>';
}

function make_ip(){
var ip_adresa = explodeArray_ip('.',ip);
document.getElementById("ip_info").innerHTML='<table width="'+(digit_velikost_cislice_x_ip*13)+'" height="'+digit_velikost_cislice_y_ip+'" cellspacing="2" cellpadding="2" border="0"><tr><td>'+meke_ip_num(ip_adresa[0])+'</td><td>'+databaze_tecka_ip+'</td><td>'+meke_ip_num(ip_adresa[1])+'</td><td>'+databaze_tecka_ip+'</td><td>'+meke_ip_num(ip_adresa[2])+'</td><td>'+databaze_tecka_ip+'</td><td>'+meke_ip_num(ip_adresa[3])+'</td></tr></table>';
}

make_ip();