/* ****************** */
/* seznam obrazku     */
/* jejich prednacteni */
/* ****************** */
obr_0 = new Image(130,90);
obr_0.src = "/obrazy/typy_oken/typ0.jpg";
obr_1 = new Image(130,90);
obr_1.src = "/obrazy/typy_oken/typ1.jpg";
obr_2 = new Image(130,90);
obr_2.src = "/obrazy/typy_oken/typ2.jpg";
obr_3 = new Image(130,90);
obr_3.src = "/obrazy/typy_oken/typ3.jpg";
obr_4 = new Image(130,90);
obr_4.src = "/obrazy/typy_oken/typ4.jpg";
obr_5 = new Image(130,90);
obr_5.src = "/obrazy/typy_oken/typ5.jpg";
obr_6 = new Image(130,90);
obr_6.src = "/obrazy/typy_oken/typ6.jpg";
obr_7 = new Image(130,90);
obr_7.src = "/obrazy/typy_oken/typ7.jpg";
obr_8 = new Image(130,90);
obr_8.src = "/obrazy/typy_oken/typ8.jpg";
obr_9 = new Image(130,90);
obr_9.src = "/obrazy/typy_oken/typ9.jpg";
obr_10 = new Image(130,90);
obr_10.src = "/obrazy/typy_oken/typ10.jpg";
obr_11 = new Image(130,90);
obr_11.src = "/obrazy/typy_oken/typ11.jpg";
obr_12 = new Image(130,90);
obr_12.src = "/obrazy/typy_oken/typ12.jpg";
  
function vybsel(SelObj, obr){
  on =  eval (document.SelObj.selectedIndex);
  document[obr].src = "/obrazy/typy_oken/typ"+on+".jpg";
}

/* *************************************** */
/* JavaScript vytvori uzivatelske rozhrani */
/* *************************************** */
// Pridej odeber input
function Tinputovnik(linkId){
  
  this.linkId = linkId; // idecko linkovaneho elementu do ktereho budu sazet inputy
  this.inputArr = new Array(); // seznam inputu v elementu linkId
  this.constructor = function(){}
  
  /* ******************************* */
  /* pridani inputu do toho elementu */ 
  /* vytvorim pomoci create element  */
  /* ******************************* */
  this.add = function(){
    var elem = document.getElementById(this.linkId);

    /* ******************************* */
    /* hlavni fieldset pridavane casti */
    /* ******************************* */
    // poradove cislo
    var poradove_cislo = this.inputArr.length + 0;
    var cislo = poradove_cislo + 1;
    
    // fieldset
    var NarrowFieldset = document.createElement('fieldset');
    NarrowFieldset.className = 'NarrowForm';
    
    // legend
    var FieldsetLegend = document.createElement('legend');
    FieldsetLegend.innerHTML = 'rozměry okna '+cislo;
    NarrowFieldset.appendChild(FieldsetLegend);
    
    // cislo okna
    var WindowNum = document.createElement('h2');
    WindowNum.className = 'InCircle';
    WindowNum.innerHTML = cislo;
//     NarrowFieldset.appendChild(WindowNum); 
  
    /* ********************* */
    /* prvni radek formulare */
    /* ********************* */
    // div jako radek
    var FirstUpperDiv =  document.createElement('div');
    FirstUpperDiv.className = 'licha';
    
    // span
    var span = document.createElement('span');
    span.className = 'MusisVyplnit';
    span.innerHTML = ' *';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'sirka_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'šířka';
    // slozeni 
    LabelFile.appendChild(strong); 
    LabelFile.appendChild(span); 
    FirstUpperDiv.appendChild(LabelFile); 
    
    
    // Select
    var Input = document.createElement('input');
    Input.name = 'sirka[' + poradove_cislo + ']'; 
    Input.id = 'sirka_' + poradove_cislo;
    // span
    var span = document.createElement('span');
    span.innerHTML = ' mm';
    // slozeni 
    FirstUpperDiv.appendChild(Input);
    FirstUpperDiv.appendChild(span);
    // br 
    var br = document.createElement('br');
    FirstUpperDiv.appendChild(br); 
  
    /* ********************* */
    /* druhy radek formulare */
    /* ********************* */
    // div jako radek
    var SecondUpperDiv =  document.createElement('div');
    SecondUpperDiv.className = 'suda';
    
    // span
    var span = document.createElement('span');
    span.className = 'MusisVyplnit';
    span.innerHTML = ' *';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'vyska_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'výška';
    // slozeni 
    LabelFile.appendChild(strong); 
    LabelFile.appendChild(span); 
    SecondUpperDiv.appendChild(LabelFile); 
    
    
    // Select
    var Input = document.createElement('input');
    Input.name = 'vyska[' + poradove_cislo + ']'; 
    Input.id = 'vyska_'+poradove_cislo;
    // span
    var span = document.createElement('span');
    span.innerHTML = ' mm';
    // slozeni 
    SecondUpperDiv.appendChild(Input);
    SecondUpperDiv.appendChild(span);
    // br 
    var br = document.createElement('br');
    SecondUpperDiv.appendChild(br); 
  
    /* ********************* */
    /* treti radek formulare */
    /* ********************* */
    // div jako radek
    var ThirdUpperDiv =  document.createElement('div');
    ThirdUpperDiv.className = 'licha';
    
    // span
    var span = document.createElement('span');
    span.className = 'MusisVyplnit';
    span.innerHTML = ' *';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'pocet_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'počet';
    // slozeni 
    LabelFile.appendChild(strong); 
    LabelFile.appendChild(span); 
    ThirdUpperDiv.appendChild(LabelFile); 
    
    
    // Select
    var Input = document.createElement('input');
    Input.name = 'pocet[' + poradove_cislo + ']'; 
    Input.id = 'pocet_'+poradove_cislo;
    // slozeni 
    ThirdUpperDiv.appendChild(Input);
    // br 
    var br = document.createElement('br');
    ThirdUpperDiv.appendChild(br); 
  
    /* ********************* */
    /* ctvrty radek formulare */
    /* ********************* */
    // div jako radek
    var ForthUpperDiv =  document.createElement('div');
    ForthUpperDiv.className = 'suda';
    
    // span
    var span = document.createElement('span');
    span.className = 'MusisVyplnit';
    span.innerHTML = ' *';
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'typy_oken_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'typ okna';
    // slozeni 
    LabelFile.appendChild(strong); 
    LabelFile.appendChild(span); 
    ForthUpperDiv.appendChild(LabelFile); 
    
    
    // href
//     var sel_href = document.createElement('a');
//     sel_href.href = "javascript:this.typy_oken_0.onchange(window.alert('BAF!'))";
    // Select
    var SelectBaleni = document.createElement('select');
    SelectBaleni.name = 'typy_oken[' + poradove_cislo + ']'; 
    SelectBaleni.id = 'typy_oken_'+poradove_cislo;
//     SelectBaleni.onchange = "window.alert('BAF!')";
//     SelOption.onchange = "vybsel('this','typ_'+poradove_cislo)";
    // prazdne pole s textem vyberte
    // SelOption
    var SelOption = document.createElement('option');
    SelOption.value = '';
    SelOption.name = 'typy_oken[]';
    SelOption.innerHTML = 'Vyberte';
    SelectBaleni.appendChild(SelOption); 
    var SelOption = document.createElement('option');
	SelOption.value = '1';
	SelOption.innerHTML = 'jednodílné neotvíratelné okno (FIX)';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '2';
	SelOption.innerHTML = 'jednodílné sklopně-otočné okno (pravé)';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '3';
	SelOption.innerHTML = 'jednodílné sklopné okno';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '4';
	SelOption.innerHTML = 'dvoudílné okno s pevným sloupkem';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '5';
	SelOption.innerHTML = 'dvoudílné okno s volným sloupkem (stulp)';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '6';
	SelOption.innerHTML = 'dvoudílné okno s jedním sklopně-otočným křídlem';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '7';
	SelOption.innerHTML = 'třídílné okno se dvěma (krajními) sklopně-otočnými (stulp)';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '8';
	SelOption.innerHTML = 'jednodílné balkonové dveře s montovanou příčkou (pravé)';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '9';
	SelOption.innerHTML = 'dvoudílné odsunovací dveře s pevným dílem vpravo';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '10';
	SelOption.innerHTML = 'jednodílné vstupní dveře s montovanou příčkou (levé)';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '11';
	SelOption.innerHTML = 'dvoudílná vstupní stěna vstupní dveře (levé) a pevný díl vpravo';
	SelectBaleni.appendChild(SelOption);
	var SelOption = document.createElement('option');
	SelOption.value = '12';
	SelOption.innerHTML = 'dvoudílné vstupní dveře s montovanými příčkami pod úhlem';
	SelectBaleni.appendChild(SelOption);
	    // obrazek
//     var img = document.createElement('img');
//     img.className = 'TypyOken';
//     img.name = 'typ_'+poradove_cislo;
//     img.id = 'typ_'+poradove_cislo;
//     img.src = '/obrazy/typy_oken/typ1.jpg';
//     img.height = '90';
//     img.width = '130';
    // slozeni 
//     ForthUpperDiv.appendChild(sel_href); 
//     sel_href.appendChild(SelectBaleni); 
    ForthUpperDiv.appendChild(SelectBaleni); 
//     ForthUpperDiv.appendChild(img); 
    // br 
    var br = document.createElement('br');
    ForthUpperDiv.appendChild(br); 
  
    /* ********************* */
    /* paty  radek formulare */
    /* ********************* */
    // div jako radek
    var FifthUpperDiv =  document.createElement('div');
    FifthUpperDiv.className = 'licha';
    
    // label k Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'poznamky_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'poznámky';
    // slozeni 
    LabelFile.appendChild(strong); 
    FifthUpperDiv.appendChild(LabelFile); 
    
    
    // Select
    var TextAr = document.createElement('Textarea');
    TextAr.name = 'poznamky[' + poradove_cislo + ']'; 
    TextAr.id = 'poznamky_'+poradove_cislo;
    TextAr.className = 'StoPro';
    TextAr.cols = '50';
    TextAr.rows = '7';
    // slozeni 
    FifthUpperDiv.appendChild(TextAr);
    // br 
    var br = document.createElement('br');
    FifthUpperDiv.appendChild(br); 
  
    /* ********************* */
    /* sesty radek formulare */
    /* ********************* */
    // div jako radek
    var SixthUpperDiv =  document.createElement('div');
    SixthUpperDiv.className = 'suda';
    
    // vnitrni parapety
    // label Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'vnitrni_parapety_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'vnitřní parapety';
    // slozeni 
    LabelFile.appendChild(strong); 
    SixthUpperDiv.appendChild(LabelFile); 
    // input
    var Input = document.createElement('input');
    Input.type = 'checkbox';
    Input.name = 'vnitrni_parapety[' + poradove_cislo + ']'; 
    Input.id = 'vnitrni_parapety_'+poradove_cislo;
    Input.checked = 'checked';
    // slozeni 
    SixthUpperDiv.appendChild(Input);
    // br 
    var br = document.createElement('br');
    SixthUpperDiv.appendChild(br); 
    
    // vnejsi parapety
    // label Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'vnejsi_parapety_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'vnější parapety';
    // slozeni 
    LabelFile.appendChild(strong); 
    SixthUpperDiv.appendChild(LabelFile); 
    // input
    var Input = document.createElement('input');
    Input.type = 'checkbox';
    Input.name = 'vnejsi_parapety[' + poradove_cislo + ']'; 
    Input.id = 'vnejsi_parapety_'+poradove_cislo;
    // slozeni 
    SixthUpperDiv.appendChild(Input);
    // br 
    var br = document.createElement('br');
    SixthUpperDiv.appendChild(br); 
    
    // zaluzie
    // label Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'zaluzie_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'žaluzie';
    // slozeni 
    LabelFile.appendChild(strong); 
    SixthUpperDiv.appendChild(LabelFile); 
    // input
    var Input = document.createElement('input');
    Input.type = 'checkbox';
    Input.name = 'zaluzie[' + poradove_cislo + ']'; 
    Input.id = 'zaluzie_'+poradove_cislo;
    // slozeni 
    SixthUpperDiv.appendChild(Input);
    // br 
    var br = document.createElement('br');
    SixthUpperDiv.appendChild(br); 
    
    // site proti hmyzu
    // label Select
    var LabelFile = document.createElement('label');
    LabelFile.htmlFor = 'site_proti_hmyzu_'+poradove_cislo;
    // strong
    var strong = document.createElement('strong');
    LabelFile.innerHTML = 'sítě proti hmyzu';
    // slozeni 
    LabelFile.appendChild(strong); 
    SixthUpperDiv.appendChild(LabelFile); 
    // input
    var Input = document.createElement('input');
    Input.type = 'checkbox';
    Input.name = 'site_proti_hmyzu[' + poradove_cislo + ']'; 
    Input.id = 'site_proti_hmyzu_'+poradove_cislo;
    // slozeni 
    SixthUpperDiv.appendChild(Input);
    // br 
    var br = document.createElement('br');
    SixthUpperDiv.appendChild(br); 
    
    /* ********************************* */
    /* slozeni vytvorenych casti do sebe */
    /* ********************************* */
    // slozi radky za sebe
    NarrowFieldset.appendChild(FirstUpperDiv);
    NarrowFieldset.appendChild(SecondUpperDiv);
    NarrowFieldset.appendChild(ThirdUpperDiv);
    NarrowFieldset.appendChild(ForthUpperDiv);
    NarrowFieldset.appendChild(FifthUpperDiv);
    NarrowFieldset.appendChild(SixthUpperDiv);
    elem.appendChild(NarrowFieldset);
    
    // prilozeni k hlavnimu poli
    this.inputArr.push(NarrowFieldset);
  } // konec funkce add
  
  
  
  // odstraneni posledniho inputu z elementu ()
  this.remove = function(){
    var elem = document.getElementById(this.linkId);
    var last = this.inputArr.pop();
    if(last)elem.removeChild(last);
  } // konec funkce remove
  
  
  
  // naplni pole inputu jiz existujicimi inputy
  this.fill = function()
  {
    var elem = document.getElementById(this.linkId);
    if(elem)
      for(var i=0;i<elem.getElementsByTagName('input').length;i++)
      {
        this.inputArr.push(elem.getElementsByTagName('input')[i]);
      }
  } // konec funkce fill
  
  // volam konstruktor
  this.constructor();
  
} // konec funkce inputovnik



// /* ************************************** */
// /* funkce pro kontrolu vyplneni formulare */
// /* ************************************** */
// function pridat_zbozi_check(pridat_zbozi){
//   if (pridat_zbozi.nazev.value==""){
//   	alert("isnt article name");
//   	EmailForm.nazev.focus();
//   	return false;
//   }
//   if (pridat_zbozi.kategorie.value==""){
//   	alert("categhory isnt select");
//   	EmailForm.kategorie.focus();
//   	return false;
//   }
//   else {
//   	return true;
//   }
// }













/* ********************************** */
/* doplnuje textove popisky */
/* polim pro vyhledavani a prihlaseni */
/* a po hover je skryje */
/* ********************************** */
function initOverLabels () {
 if (!document.getElementById) return;

 var labels, id, field;

 // Set focus and blur handlers to hide and show
 // LABELs with 'overlabel' class names.
 labels = document.getElementsByTagName('label');
 for (var i = 0; i < labels.length; i++) {

 if (labels[i].className == 'overlabel') {

 // Skip labels that do not have a named association
 // with another field.
 id = labels[i].htmlFor || labels[i].getAttribute('for');
 if (!id || !(field = document.getElementById(id))) {
 continue;
 }

 // Change the applied class to hover the label
 // over the form field.
 labels[i].className = 'overlabel-apply';

 // Hide any fields having an initial value.
 if (field.value !== '') {
 hideLabel(field.getAttribute('id'), true);
 }

 // Set handlers to show and hide labels.
 field.onfocus = function () {
 hideLabel(this.getAttribute('id'), true);
 };
 field.onblur = function () {
 if (this.value === '') {
 hideLabel(this.getAttribute('id'), false);
 }
 };

 // Handle clicks to LABEL elements (for Safari).
 labels[i].onclick = function () {
 var id, field;
 id = this.getAttribute('for');
 if (id && (field = document.getElementById(id))) {
 field.focus();
 }
 };

 }
 }
};

function hideLabel (field_id, hide) {
 var field_for;
 var labels = document.getElementsByTagName('label');
 for (var i = 0; i < labels.length; i++) {
 field_for = labels[i].htmlFor || labels[i].getAttribute('for');
 if (field_for == field_id) {
 labels[i].style.textIndent = (hide) ? '-1000px' : '0px';
 return true;
 }
 }
}

window.onload = function () {
 setTimeout(initOverLabels, 50);
};
/* ********************************** */

















// JavaScript Document
function ShowImg(img)
{
	var url = img
	var win = window.open(	url,
							"WNSImageWindow",
							"height=550, width=700, toolbar=no, status=yes, resizable=yes");
	if (win) win.focus();
}