﻿var headerNavigationItems = new Array();
function modifyHeaderNavigationForIE6() {
    var parent = document.getElementById('Header-Navigation').getElementsByTagName('ul');
    if (parent.length > 0) {
        parent[0].onmouseout = function() { blend(this,false); };
        for (var i = 0; i < parent[0].childNodes.length; i++) {
            if (parent[0].childNodes[i].nodeName.toLowerCase() == 'li') {
                for (var j = 0; j < parent[0].childNodes[i].childNodes.length; j++) {
                    
                    if (parent[0].childNodes[i].childNodes[j] != null) {
                        //alert(parent[0].childNodes[i].childNodes[j].nodeName);
                        if (parent[0].childNodes[i].childNodes[j].nodeName.toLowerCase() == 'div') {
                            headerNavigationItems.push(parent[0].childNodes[i].childNodes[j]);
                            parent[0].childNodes[i].onmouseover = function() { blend(this, true); };
                        }
                    }
                }
                //parent[0].childNodes[i].setAttribute("nav", "HeadNav" + i);
                //alert("HeadNav" + i);
                
            }
        }
    }
    //alert(items.length);
    //alert(parent);
};
function blend(element, over) {
    if (over) {
        for (var i = 0; i < headerNavigationItems.length; i++) {
            headerNavigationItems[i].style.display = 'none';
        }
        element.getElementsByTagName('div')[0].style.display = 'block';
    } else {
        for (var i = 0; i < headerNavigationItems.length; i++) {
            headerNavigationItems[i].style.display = 'none';
        }
    //alert("close");
    
    }
};
var blendInUse = false;

function Blind(expandElementId, minValue, maxValue, flowVertical, shrinkElementId) {
    var targetValue;
    
    if (typeof(flowVertical) == 'undefined')
        flowVertical = true;
    
    var expandElement = document.getElementById(expandElementId);
    
    if (flowVertical) {
        if (expandElement.offsetHeight < maxValue)
            targetValue = maxValue;
        else
            targetValue = minValue;
    }
    else {
        if (expandElement.offsetWidth < maxValue)
            targetValue = maxValue;
        else
            targetValue = minValue;
    }
    
    AdjustSize(expandElementId, targetValue, flowVertical, shrinkElementId)
}

function AdjustSize(expandElementId, targetValue, flowVertical, shrinkElementId) {
    if (typeof(flowVertical) == undefined)
        flowVertical = true;
        
    var expandElement = document.getElementById(expandElementId);
    var shrinkElement;
    if (typeof(shrinkElementId) != undefined)
        shrinkElement = document.getElementById(shrinkElementId);
    
    var doExpand = false;
    if (flowVertical)
        doExpand = expandElement.offsetHeight < targetValue;
    else
        doExpand = expandElement.offsetWidth < targetValue;
    
    var step = -2;
    if (doExpand)
        step = 2;
        
    if (flowVertical) {
        expandElement.style.height = (expandElement.offsetHeight + step) + 'px';
        expandElement.style.display = '';
        
        if (shrinkElement) {
            shrinkElement.style.height = (shrinkElement.offsetHeight + (step * -1)) + 'px';
            if (shrinkElement.style.height == '0px')
                shrinkElement.style.display = 'none';
        }
        
        if ((doExpand && expandElement.offsetHeight < targetValue) || (!doExpand && expandElement.offsetHeight > targetValue))
            window.setTimeout("AdjustSize('" + expandElementId + "', " + targetValue + ", " + flowVertical + ", '" + shrinkElementId + "')", 1);
    }
    else {
        expandElement.style.width = (expandElement.offsetWidth + step) + 'px';
        expandElement.style.display = '';
        
        if (shrinkElement) {
            shrinkElement.style.width = (shrinkElement.offsetWidth + (step * -1)) + 'px';
            if (shrinkElement.style.width == '0px')
                shrinkElement.style.display = 'none';
        }
        
        if ((doExpand && expandElement.offsetHeight < targetValue) || (!doExpand && expandElement.offsetHeight > targetValue))
            window.setTimeout("AdjustSize('" + expandElementId + "', " + targetValue + ", " + flowVertical + ", '" + shrinkElementId + "')", 1);
    }
}
var startpageSliderItemWidth = 0;
var ul;
var startpageSliderIndex = 0;
function startpageSlider() {
    var parent = document.getElementById('Startpage-Animation');
    parent.setAttribute('class', 'animate');
    ul = parent.getElementsByTagName('ul')[0];
    var items = ul.getElementsByTagName('li');
    var tabs = document.createElement('ul');
    $(tabs).addClass('green-tabs');
    var zIndex = 10;
    var isFirst = true;
    startpageSliderItemWidth = items[0].offsetWidth;
    for (var i = 0; i < items.length; i++) {
        items[i].setAttribute('id', 'Slider-Content-' + i);
        var tabItem = document.createElement('li');
        tabItem.style.zIndex = zIndex;
        zIndex--;
        var tabLink = document.createElement('a');
        $(tabLink).click(function() { startpageDoSlide(this); });
        $(tabLink).attr('pos',i);
        $(tabLink).attr('id','Slider-Tab-'+i);
        if (isFirst) {
            $(tabLink).addClass('current');
            isFirst = false;
        }
        var tabSpan = document.createElement('span');
        tabSpan.innerHTML = items[i].getElementsByTagName('h3')[0].innerHTML;
        tabLink.appendChild(tabSpan);
        tabItem.appendChild(tabLink);
        tabs.appendChild(tabItem);
    }
    parent.appendChild(tabs);
};

function startpageSliderBusiness() {
    var parent = document.getElementById('Startpage-Animation');
    $(parent).addClass('animate');
    ul = parent.getElementsByTagName('ul')[0];
    $(ul).addClass('business');
    var items = ul.getElementsByTagName('li');
    var tabs = document.createElement('ul');
    $(tabs).addClass('tabsCompetence');
    var zIndex = 10;
    var isFirst = true;
    startpageSliderItemWidth = items[0].offsetWidth;
    for (var i = 0; i < items.length; i++) {
        $(items[i]).attr('id', 'Slider-Content-Competence-' + i);
        var tabItem = document.createElement('li');
        tabItem.style.zIndex = zIndex;
        zIndex--;
        var tabLink = document.createElement('a');
        $(tabLink).click(function() { startpageDoSlide(this); });
        $(tabLink).attr('pos', i);
        $(tabLink).attr('id', 'Slider-Tab-' + i);
        if (isFirst) {
            $(tabLink).addClass('current');
            isFirst = false;
        }
        var tabSpan = document.createElement('span');
        var tabImage = null;
        var tabText = null;
        if ($(items[i]).attr('class') == 'default') {
            tabText = document.createElement('strong');
            tabText.innerHTML = 'KOMPETENZEN';
            //tabImage = document.createElement('span');
            tabSpan.innerHTML = '<img src="/App_Themes/Frontend/layout/arrow-comp.gif" />';
        } else {
            if (items[i].getElementsByTagName('h3')[0].getElementsByTagName('img')[0] != undefined) {
                tabImage = items[i].getElementsByTagName('h3')[0].getElementsByTagName('img')[0].cloneNode(true);
                if (items[i].getElementsByTagName('h3')[0].getElementsByTagName('strong')[0] != undefined) {
                    tabText = items[i].getElementsByTagName('h3')[0].getElementsByTagName('strong')[0].cloneNode(true);
                } else {
                    tabText = document.createElement('strong');
                }

            } else {
            if (items[i].getElementsByTagName('h3')[0].getElementsByTagName('strong')[0] != undefined) {
                    tabImage = document.createElement('span');
                    tabImage.innerHTML = '<img src="/App_Themes/Frontend/sample/icon.gif" style="width:16px;" />';
                    tabText = items[i].getElementsByTagName('h3')[0].getElementsByTagName('strong')[0].cloneNode(true);
                } else {
                    tabImage = document.createElement('span');
                    tabImage.innerHTML = '<img src="/App_Themes/Frontend/sample/icon.gif" style="width:16px;" />';
                    tabText = document.createElement('strong');
                }
            }
            if (items[i].getElementsByTagName('h3')[0] != undefined) {
                items[i].getElementsByTagName('h3')[0].style.display = 'none';
            }
            tabImage.style.width = '16px';
            tabImage.removeAttribute('width');
            tabImage.removeAttribute('height');
            tabSpan.appendChild(tabImage);
            
        }
        tabSpan.appendChild(tabText);
        tabLink.appendChild(tabSpan);
        tabItem.appendChild(tabLink);
        tabs.appendChild(tabItem);
    }
    parent.appendChild(tabs);
};

function startpageDoSlide(element) {
    $('#Slider-Tab-' + startpageSliderIndex).removeAttr('class');
    startpageSliderIndex = $(element).attr('pos');
    $('#Slider-Tab-' + startpageSliderIndex).addClass('current');
    $(ul).animate({ 'left': ($(element).attr('pos') * startpageSliderItemWidth * (-1)) }, 750);
};


var currentMapRegion = null;
function setClassOfMap(name) {
    var divs = document.getElementById('Startpage-Animation').getElementsByTagName('div');
    for (var i = 0; i < divs.length; i++) {
        if (divs[i].getAttribute('detail') == 'map') {
            divs[i].style.display = 'none';
        }
    }
    if (name == '') {
        document.getElementById('Map-Item').removeAttribute('class');
    } else {
        document.getElementById('Map-Detail-' + name).style.display = 'block';
        document.getElementById('Map-Item').setAttribute('class', name);
    }
}

var searchDefaultValue = '';
function initiateSearchForm(id) {
    newsletterDefaultValue = document.getElementById(id).value;
    document.getElementById(id).className = 'inactiv';
    document.getElementById(id).onfocus = function() { handleSearchForm(id, true); };
    document.getElementById(id).onblur = function() { handleSearchForm(id, false); };
}
function handleSearchForm(id, b) {
    if (id != null && document.getElementById(id) != null) {
        if (b) {
            if (document.getElementById(id).value == newsletterDefaultValue) {
                document.getElementById(id).value = '';
                document.getElementById(id).className = '';
            }
        } else {
            if (document.getElementById(id).value == '') {
                document.getElementById(id).value = newsletterDefaultValue;
                document.getElementById(id).className = 'inactiv';
            }
        }
    }
}
