var browName = navigator.appName;
var browVerze = parseInt(navigator.appVersion);

// if (browName=="Microsoft Internet Explorer" && browVerze < 7 ){
//     window.onload = function() {
//         Execute();
// 
//     }
// } else {
//     domReady(function() {
//         Execute();
//     });
// }

window.onload = function() {
    Execute();
    incKlienti();
}

function Execute() {
    incMenu();
    incClanky();
    incNovinky();
    incForms();
    incCasestudies();
    targetBlank(["logoSmall", "mapAka", "mapSpir", "mapGoogle", "facebook"]);
//     targetBlank(["logoSmall", "mapGoogle"]);
    setLightbox();
}


function incCasestudies() {
    if (document.getElementById("tableCaseStudies")) {
        var table = document.getElementById("tableCaseStudies")
        var a     = table.getElementsByTagName("a");
        
        for (var i = 0; i < a.length; i++) {
            a[i].onmouseover = function() {
                this.firstChild.style.border = "solid 1px #ff0000";
            }
            a[i].onmouseout = function() {
                this.firstChild.style.border = "";
            }
        }
        
    }
}




function targetBlank(idecka) {
    for (var i = 0; i < idecka.length; i++) {
        var elem = document.getElementById(idecka[i]);

        if (elem != null) {
            elem.onclick = function(e) {
                window.open(this.href, "new_"+ i);
                return preventDefaultAction(e);
            }
        }
    }
}


function setLightbox() {
    if (document.getElementById("csContent")) {
        var content = document.getElementById("csContent");
        var a     = content.getElementsByTagName("a");
        for (var i = 0; i < a.length; i++) {
            if (a[i].getElementsByTagName("img")[0]) {
                a[i].setAttribute("rel", "lightbox");
            }
        }
    }

}


function getStyle( elem, name ) {
    if (elem.style[name])
        return elem.style[name];
    else if (elem.currentStyle)
        return elem.currentStyle[name];
    else if (document.defaultView && document.defaultView.getComputedStyle) {
        name = name.replace(/([A-Z])/g,"-$1");
        name = name.toLowerCase();

        var s = document.defaultView.getComputedStyle(elem,"");
        return s && s.getPropertyValue(name);
    } else
        return null;
}


function getComputedHeight(theElt){
        if(is_ie){
                tmphght = document.getElementById(theElt).offsetHeight;
        }
        else{
                docObj = document.getElementById(theElt);
                var tmphght1 = document.defaultView.getComputedStyle(docObj, "").getPropertyValue("height");
//                 tmphght = tmphght1.split('px');
//                 tmphght = tmphght[0];
        }
        return tmphght1;
}





var percent_start = 80;
var percent_max = 130;
var i = percent_start;
var smer = "up";
var opacity = 0;
var fade = 100;
var imgOpen = false;

function incKlienti() {
    if (document.getElementById("klientiHolder")) {
        var holder = document.getElementById("klientiHolder");
        // načte se pole buněk tabulky
        var td = holder.getElementsByTagName("td");

        soundManagerInit();
        
        for (var i = 0; i < td.length; i++) {
            // obrázek klienta jakožto poslední element (ověření kvůli funkčnosti v IE i Firefoxu)
            var img = (td[i].lastChild.nodeType == 1) ? td[i].lastChild : td[i].lastChild.previousSibling;

            img.onmouseover = function() {
                var outerElem = document.getElementById("klientiHolder");
                // span - element před obrázkem klienta obsahující hovery atd.
                var span = (this.previousSibling.nodeType == 1) ? this.previousSibling : this.previousSibling.previousSibling;
                
                if (imgOpen) {
                    soundManager.stop(this.id);
                    hideAll(outerElem);
                    imgOpen = false;
                }

                if (!imgOpen) {
                    // najdeme hover obrázek, získáme číselnou šířku, procentuelně změníme
                    var img_hover = span.getElementsByTagName("img")[0];
                    var img_hover_width  = parseInt( getStyle(img_hover, "width") );
                    var img_hover_height = parseInt( getStyle(img_hover, "height") );
                    var img_hover_left   = parseInt( getStyle(img_hover, "left") );
                    var img_hover_top    = parseInt( getStyle(img_hover, "top") );
                    img_hover.style.width  = getPercentage(img_hover_width,  percent_start) +"px";
                    img_hover.style.height = getPercentage(img_hover_height, percent_start) +"px";
                    img_hover.style.left   = -(( parseInt(img_hover.style.width) - parseInt(this.width) ) / 2) +"px";
                    img_hover.style.top    = -(( parseInt(img_hover.style.height) - parseInt(this.height) ) / 2) +"px";
                    img_hover.style.opacity = "0.0";
                    img_hover.style.filter = "alpha(opacity=0)";
                    
//                     alert(img_hover.style.width+" "+img_hover.style.left+" "+img_hover.style.top);
                
                    soundManager.play(this.id);

                    span.style.display = "block";
                    
                    i = percent_start;
                    opacity = 0;
                    pullUp(img_hover, img_hover_width, img_hover_height, parseInt(this.width), parseInt(this.height));
                    imgOpen = true;
                }

                // načtení odkazu na větší obrázek
                var odkaz = span.getElementsByTagName("a")[0];
                
                var idecko = this.id;
                odkaz.onclick = function() {
                    var vars = idecko.split("_");
                    var identifikator = vars[0];
                    var num_content   = vars[1];

//                     Lightview.show({
//                       href: 'inc/klienti_ajax.php?identifikator='+ identifikator +'&num_content='+num_content,
//                       rel: 'ajax',
//                       options: {
//                         autosize: true,
//                         topclose: true,
//                         ajax: {
//                           method: 'get',
//                   //         evalScripts: true,
//                           onComplete: function(){
//                           }
//                         }
//                       }
//                     });

                    ajaxExecute("klientiContent_1", "inc/klienti_ajax.php", "identifikator="+ identifikator +"&num_content="+ num_content +"&order=1", function() { showLightview_1(); });
                    
                } 
                
                
                
                odkaz.onmouseout = function() {
                    // span se skryje
                    fadeOut(img_hover, this.parentNode);
                    i = percent_start;
                    opacity = 0;
                    fade = 100;
                    img_hover.style.width = img_hover_width +"px";
                    img_hover.style.left  = img_hover_left +"px";
                    img_hover.style.top   = img_hover_top +"px";
                }
            }
        }
        
        var vsechnyProjekty = document.getElementById("vsechnyProjekty");
        
        vsechnyProjekty.onmouseover = function() {
            this.style.textDecoration = "underline";
        }
        vsechnyProjekty.onmouseout = function() {
            this.style.textDecoration = "none";
        }
        vsechnyProjekty.onclick = function() {
            var nadpis = (vsechnyProjekty.firstChild.nodeType == 1) ? vsechnyProjekty.firstChild : vsechnyProjekty.firstChild.nextSibling;
            var vars2 = nadpis.id.split("-");
            var num_content   = vars2[1];
            
            ajaxExecute("klientiContent_1", "inc/klienti_ajax.php", "identifikator=all&num_content="+ num_content +"&order=1", function() { showLightview_1(); });
        }
        
        
    }
function showLightview_1() {
    Lightview.show({href: 'klientiContent_1',
                    rel: 'inline',
                    options: { autosize: true, 
                               topclose: true }});
}

function showLightview_2() {
    Lightview.show({href: 'klientiContent_2',
                    rel: 'inline',
                    options: { autosize: true, 
                               topclose: true }});
}


function getPercentage(num, perc) {
    return (num / 100) * perc;
}
function fadeOut(img, to_hide) {
    if (fade > 0) {
        fade -= 15;
        img.style.opacity = "0."+ fade;
        img.style.filter = "alpha(opacity="+ fade +")";
        
        setTimeout(function () {
            fadeOut(img, to_hide);
        }, 5);    
    } else {
        to_hide.style.display = "none";
        imgOpen = false;
    }

}

function pullUp(img, width, height, width_under, height_under) {
    if (i == percent_start) {
        smer = "up";
    }
    if (smer == "up") {
        i += 3;
        opacity += 10;
        img.style.width  = getPercentage(width,  i) +"px";
        img.style.height = getPercentage(height, i) +"px";
        img.style.left   = -(( parseInt(img.style.width)  - parseInt(width_under) )  / 2) +"px";
        img.style.top    = -(( parseInt(img.style.height) - parseInt(height_under) ) / 2) +"px";
        
        if (opacity < 100) {
            img.style.opacity = "0."+ opacity;
            img.style.filter = "alpha(opacity="+ opacity +")";
        } else {
            img.style.opacity = "1.0";
            img.style.filter = "alpha(opacity=100)";
        }
        
        if (i < percent_max) {
            setTimeout( function(){
                pullUp(img, width, height, width_under, height_under);
            }, 5);
        } else {
            img.style.width  = getPercentage(width,  percent_max) +"px";
            img.style.height = getPercentage(height, percent_max) +"px";
            img.style.left   = -(( parseInt(img.style.width)  - parseInt(width_under) )  / 2) +"px";
            img.style.top    = -(( parseInt(img.style.height) - parseInt(height_under) ) / 2) +"px";
            img.style.opacity = "1.0";
            img.style.filter = "alpha(opacity=100)";
            smer = "down";
            pullUp(img, width, height, width_under, height_under);
        }
    }
    if (smer == "down") {
        i -= 3;
        img.style.width  = getPercentage(width,  i) +"px";
        img.style.height = getPercentage(height, i) +"px";
        img.style.left   = -(( parseInt(img.style.width)  - parseInt(width_under) )  / 2) +"px";
        img.style.top    = -(( parseInt(img.style.height) - parseInt(height_under) ) / 2) +"px";
        
        if (i > 100) {
            setTimeout( function(){
                pullUp(img, width, height, width_under, height_under);
            }, 5);
        } else {
            img.style.width  = getPercentage(width,  100) +"px";
            img.style.height = getPercentage(height, 100) +"px";
            img.style.left   = -(( parseInt(img.style.width)  - parseInt(width_under) )  / 2) +"px";
            img.style.top    = -(( parseInt(img.style.height) - parseInt(height_under) ) / 2) +"px";
            fade = 100;

        }
    }
        
    
    
}





    if (document.getElementById("klientiHoldera")) {
        var table   = document.getElementById("klientiHolder");
        var img     = table.getElementsByTagName("img");
        var hover   = new Array();

        soundManagerInit();
        
        for (var i = 0; i < img.length; i++) {
            hover[i] = new Image();
            hover[i].src = "images/klienti/hover_nokia.gif";
            
            img[i].onmouseover = img[i].onmousemove = function() {
                var outerElem = document.getElementById("klientiHolder");
                var div_img   = document.createElement("span");
                var img_show  = document.createElement("img");
                var odkaz     = document.createElement("a");
                var img_out   = document.createElement("img");

                var vars    = this.id.split("|");
                  var zvuk          = vars[0];
                  var obrazek_hover = vars[1];
                  var obrazek_big   = vars[2];
                
                div_img.appendChild(img_show);
                div_img.appendChild(odkaz);
                odkaz.appendChild(img_out);

                div_img.id   = "divHover";

                img_show.className   = "imgHover";
                img_show.src        = "images/klienti/"+ obrazek_hover;
                img_show.style.width = "125px";
                img_show.style.opacity = "0.0";
                img_show.style.filter = "alpha(opacity=0)";
                
                odkaz.href  = "images/klienti/"+ obrazek_big;
                odkaz.rel   = "lightbox";

                img_out.className   = "imgOut";
                img_out.src         = this.src;
                img_out.style.opacity = "1.0";
                img_out.style.filter = "alpha(opacity=100)";

                if (imgOpen) {
                    hideAll(outerElem);
                    imgOpen = false;
                }

                if (!imgOpen) {
//                     soundManager.play(zvuk);

                    this.parentNode.insertBefore(div_img, this);
                    pullUp(img_show, "up", 125, -30, -10);
                    imgOpen = true;
                }
                
                img_out.onmouseout = function () {
//                     fadeOut(this.parentNode.previousSibling);
                }
//                 img_show.onmouseout = function () {
//                     fadeOut(this.previousSibling);
//                 }
//                 img_out.onclick = function () {
//                     fadeOut(this.parentNode.previousSibling);
// //                     hideAll(outerElem);
//                 }
                
            }
        }
    }

}


function fadeOuta(elem) {
    if (f > 0) {
        f -= 10;
        elem.style.opacity = "0."+ f;
        elem.style.filter = "alpha(opacity="+ f +")";
        
        setTimeout(function () {
            fadeOut(elem);
        }, 5);    
    } else {
//         if (elem.parentNode) {
            elem.parentNode.parentNode.removeChild(elem.parentNode);
            elem.parentNode.removeChild(elem);
//         }
        f = 100;
        opa = 0.0;
        alfa = 0;
        imgOpen = false;
    }
}

function hideAll(outerElem) {
//     if (outerElem.getElementsByTagName("div")[0]) {
//         var allDiv = outerElem.getElementsByTagName("div");
// 
//         for (var i = 0; i < allDiv.length; i++) {
//             var img = allDiv[i].getElementsByTagName("img");
//             var a   = allDiv[i].getElementsByTagName("a")[0];
// 
//             for (var j = 0; j < img.length; j++) {
//                 img[j].parentNode.removeChild(img[j]);
//             }
//             
//             a.parentNode.removeChild(a);
// 
//             allDiv[i].parentNode.removeChild(allDiv[i]);
//         }
//     }
    if (outerElem.getElementsByTagName("span")[0]) {
        var allSpan = outerElem.getElementsByTagName("span");
        
        for (var i = 0; i < allSpan.length; i++) {
            allSpan[i].style.display = "none";
        }
    }
}




function incForms() {
    if (document.getElementById("formSpoluprace")) {
        var form = document.getElementById("formSpoluprace");

        form.onsubmit = function() {
          return CheckFormSpoluprace(this);
        }    
    }
    
    if (document.getElementById("formOdber")) {
        var form = document.getElementById("formOdber");

        form.onsubmit = function() {
          return CheckFormOdber(this);
        }    
    }

}




function incMenu() {
    var menuBg = new Image();
    var old_hover;

    var menuContent = document.getElementById("menuContent");
    var polozky = menuContent.getElementsByTagName("a");
    
    for (var i = 0; i < polozky.length; i++) {
        polozky[i].onmouseover = function() {
            var span = this.getElementsByTagName("span")[0];
            old_hover = span.className;
            span.className = "odrazka oHover";
        }
        polozky[i].onmouseout = function() {
            if (old_hover == "odrazka oNorm") {
                var span = this.getElementsByTagName("span")[0];
                span.className = "odrazka oNorm";
            }
        }
    }
    
    // buttony pod menu
    var buttons = document.getElementById("buttons");
    var ramecky = buttons.getElementsByTagName("a");

    for (var i = 0; i < ramecky.length; i++) {
        ramecky[i].onmouseover = function() {
            var obdelnicek = this.getElementsByTagName("span")[2];
            obdelnicek.className = "odrazka_button bHover";
        }

        ramecky[i].onmouseout = function() {
            var obdelnicek = this.getElementsByTagName("span")[2];
            obdelnicek.className = "odrazka_button bNorm";
        }
    }
    
    
    
    // SPIR a AKA
    var aSpir = document.getElementById("mapSpir");
    var aAka  = document.getElementById("mapAka");
    var spir  = aSpir.getElementsByTagName("img")[0];
    var aka   = aAka.getElementsByTagName("img")[0];

    var imgSpir = new Image();
    imgSpir.src = "images/zalozka_1_hover.gif";

    var imgAka  = new Image();
    imgAka.src  = "images/zalozka_2_hover.gif";
    
    
    spir.onmouseover = function() {
        this.src = "images/zalozka_1_hover.gif";
    }
    spir.onmouseout = function() {
        this.src = "images/zalozka_1.gif";
    }

    aka.onmouseover = function() {
        this.src = "images/zalozka_2_hover.gif";
    }
    aka.onmouseout = function() {
        this.src = "images/zalozka_2.gif";
    }
    
    
}


function incClanky() {
    if (document.getElementById("clanky")) {
        var clankyHolder = document.getElementById("clanky");
        var clankyPrvni =  clankyHolder.firstChild;

        while (clankyPrvni != null) {
            if (clankyPrvni.nodeType == 1) {
                var nadpis = clankyPrvni.getElementsByTagName("h3")[0];
                nadpis.style.cursor = "pointer";
                
                var divHidden = (nadpis.parentNode.lastChild.nodeType == 3)
                                ? nadpis.parentNode.lastChild.previousSibling
                                : nadpis.parentNode.lastChild;
                divHidden.style.display = "none";


                nadpis.onclick = function() {
                    var pocet = 0;
                    var obsah = this;
                    while (obsah != null) {
                        if (obsah.nodeType == 1) {
                            pocet++;
                            if (pocet == 3) {
                                if (obsah.style.display == "block") {
                                    obsah.style.display = "none";
                                } else {
                                    obsah.style.display = "block";
                                }                            
                            }
                        }
                        obsah = obsah.nextSibling;
                    }
    
                }
                
                nadpis.onmouseover = function() {
                    var nadpisText = this.getElementsByTagName("span")[0];
                    nadpisText.style.textDecoration = "underline";
                }

                nadpis.onmouseout = function() {
                    var nadpisText = this.getElementsByTagName("span")[0];
                    nadpisText.style.textDecoration = "none";
                }
                
            }
            
            clankyPrvni = clankyPrvni.nextSibling;
        }

    
    }


}


function incNovinky() {
    if (document.getElementById("novinky") || document.getElementById("novinkyHP")) {
        var novinkyHolder = document.getElementById("novinky") || document.getElementById("novinkyHP");
        var novinkyPrvni =  novinkyHolder.firstChild;

        while (novinkyPrvni != null) {
            if (novinkyPrvni.nodeType == 1) {
                var nadpis = novinkyPrvni.getElementsByTagName("span")[0];
                nadpis.style.cursor = "pointer";
                
                
                var divHidden = (nadpis.parentNode.lastChild.nodeType == 3)
                                ? nadpis.parentNode.lastChild.previousSibling
                                : nadpis.parentNode.lastChild;
                divHidden.style.display = "none";
                
//                 var hidden = novinkyPrvni.lastChild;
//                 
//                 if (hidden) {
//                     hidden.style.color = "red";
//                 }
                
                nadpis.onclick = function() {
                    var div = this.parentNode.lastChild;
                    div = (div.nodeType == 1) ? div : div.previousSibling;
                    
                    
                    if (div.style.display == "block") {
                        this.className = "";
                        div.style.display = "none";
                    } else {
                        this.className = "opened";
                        div.style.display = "block";
                    }
    
                }
                
                nadpis.onmouseover = function() {
                    var nadpisText = this.getElementsByTagName("strong")[0];
                    nadpisText.style.textDecoration = "underline";
                }

                nadpis.onmouseout = function() {
                    var nadpisText = this.getElementsByTagName("strong")[0];
                    nadpisText.style.textDecoration = "none";
                }
                
            }
            
            novinkyPrvni = novinkyPrvni.nextSibling;
        }

    
    }


}




function preventDefaultAction(e) {
  if (e && e.preventDefault) {
      e.preventDefault;
  } else {
      window.event.returnValue = false;
  }
  return false;
}