if (typeof (VK_RED) == "undefined") {
     var VK_RED      = 403;
     var VK_GREEN    = 404;
     var VK_YELLOW   = 405;
     var VK_BLUE     = 406;

     var VK_LEFT     = 37;
     var VK_UP       = 38;
     var VK_RIGHT    = 39;
     var VK_DOWN     = 40;
     var VK_ENTER    = 13;

     var VK_0        = 48;
     var VK_1        = 49;
     var VK_2        = 50;
     var VK_3        = 51;
     var VK_4        = 52;
     var VK_5        = 53;
     var VK_6        = 54;
     var VK_7        = 55;
     var VK_8        = 56;
     var VK_9        = 57;

     var VK_PLAY     = 415;
     var VK_PAUSE    = 19;
     var VK_STOP     = 413;
     var VK_FAST_FWD = 417;
     var VK_REWIND   = 412;

     var VK_BACK     = 461;

     var VK_TELETEXT = 459;
}

function initMenu() {

    var divNewest = document.getElementById('div_newest');

    divNewest.style.background = 'url(http://cehtml.arte.tv/i18n/CoreMedia/com.arte-tv.cehtml/admin/styles/default/images/nav__selected/2764752,property=data,v=2.png)';

    divNewest.style.backgroundRepeat = 'no-repeat';

    initScrollVisibility();

    showTeasers();

    document.getElementById('menu_newest').focus();

    document.getElementById('other_lang').style.setProperty('nav-down', '', '');

    document.getElementById('other_lang').style.setProperty('nav-left', '', '');

}

function handleNumberButtons(e) {

        var menu_entry;
        switch (e.keyCode)
        {
            case VK_0:
                menu_entry = document.getElementById('menu_newest');
                break;
            case VK_1:
                menu_entry = document.getElementById('menu_saturday');
                break;

            case VK_2:
                menu_entry = document.getElementById('menu_sunday');
                break;

            case VK_3:
                menu_entry = document.getElementById('menu_monday');
                break;

            case VK_4:
                menu_entry = document.getElementById('menu_tuesday');
                break;

            case VK_5:
                menu_entry = document.getElementById('menu_wednesday');
                break;

            case VK_6:
                menu_entry = document.getElementById('menu_thursday');
                break;

            case VK_7:
                menu_entry = document.getElementById('menu_friday');
                break;

            case VK_8:
                menu_entry = document.getElementById('menu_recommend');
                break;

            case VK_9:
                menu_entry = document.getElementById('menu_mostviews');
                break;

            default:

                menu_entry = 0;

                break;
        }

        if (menu_entry) {

             menu_entry.focus();

             menu_entry.click();

        }

}

function showTeasers() {

   shownTeasers = 0;

   var id = curId;

   var teasers = new Array(6);

   for (var i = 0; i < teasers.length; i++) {

      teasers[i] = document.getElementById('teaser_' + i);

      teasers[i].innerHTML = '';

      var hiddenTeaser = document.getElementById('hidden_teaser_' + id);

      if (hiddenTeaser) {

         teasers[i].innerHTML = hiddenTeaser.innerHTML;

         teasers[i].getElementsByTagName('a')[0].id = 'ref_teaser_' + i;

         shownTeasers++;

     }

     id++;

   }

   setMenuNavigation();

   for (var i = 0; i < teasers.length; i++) {

      setTeaserNavigation(teasers[i], i);

   }

}

function setMenuNavigation() {

   var menuItems = document.getElementById('menu').getElementsByTagName('img');

   for (var i = 0; i < menuItems.length; i++) {

      menuItems[i].style.setProperty('nav-right', '#other_lang', '');

   }

   if (shownTeasers > 0) {

      for (var i = 0; i < menuItems.length; i++) {

         menuItems[i].style.setProperty('nav-right', '#ref_teaser_0', '');

      }

      if (shownTeasers > 3) {

         for (var i = 5; i < menuItems.length; i++) {

            menuItems[i].style.setProperty('nav-right', '#ref_teaser_3', '');

         }

      }

   }

}

function setTeaserNavigation(teaser, id) {

  var imgItem = teaser.getElementsByTagName('a')[0];

  if (!imgItem) return;

  switch (id) {

     case 0:

        if (shownTeasers > 3)

             imgItem.style.setProperty('nav-down', '#ref_teaser_3', '');

        else 

             imgItem.style.setProperty('nav-down', '#ref_teaser_0', '');

        if (shownTeasers > 1)

             imgItem.style.setProperty('nav-right', '#ref_teaser_1', '');

        else 

             imgItem.style.setProperty('nav-right', '#ref_teaser_0', '');

        imgItem.style.setProperty('nav-up', '#other_lang', '');

        imgItem.style.setProperty('nav-left', '#menu_newest', '');

        break;

     case 1:

        if (shownTeasers > 4)

             imgItem.style.setProperty('nav-down', '#ref_teaser_4', '');

        else 

             imgItem.style.setProperty('nav-down', '#ref_teaser_1', '');

        if (shownTeasers > 2) 

             imgItem.style.setProperty('nav-right', '#ref_teaser_2', '');

        else 

             imgItem.style.setProperty('nav-right', '#ref_teaser_1', '');

        imgItem.style.setProperty('nav-up', '#other_lang', '');

        imgItem.style.setProperty('nav-left', '#ref_teaser_0', '');

        break;

     case 2:

        if (shownTeasers > 5)

             imgItem.style.setProperty('nav-down', '#ref_teaser_5', '');

        else

             imgItem.style.setProperty('nav-down', '#ref_teaser_2', '');

        imgItem.style.setProperty('nav-up', '#other_lang', '');

        imgItem.style.setProperty('nav-left', '#ref_teaser_1', '');

        imgItem.style.setProperty('nav-right', '#ref_teaser_2', '');

        break;

     case 3:

        imgItem.style.setProperty('nav-up', '#ref_teaser_0', '');

        imgItem.style.setProperty('nav-down', '#ref_teaser_3', '');

        imgItem.style.setProperty('nav-left', '#menu_monday', '');

        if (shownTeasers > 4) 

             imgItem.style.setProperty('nav-right', '#ref_teaser_4', '');

        else

             imgItem.style.setProperty('nav-right', '#ref_teaser_3', '');

        break;

     case 4:

        imgItem.style.setProperty('nav-up', '#ref_teaser_1', '');

        imgItem.style.setProperty('nav-down', '#ref_teaser_4', '');

        imgItem.style.setProperty('nav-left', '#ref_teaser_3', '');

        if (shownTeasers > 5) 

             imgItem.style.setProperty('nav-right', '#ref_teaser_5', '');

        else

             imgItem.style.setProperty('nav-right', '#ref_teaser_4', '');

        break;

     case 5:

        imgItem.style.setProperty('nav-up', '#ref_teaser_2', '');

        imgItem.style.setProperty('nav-down', '#ref_teaser_5', '');

        imgItem.style.setProperty('nav-left', '#ref_teaser_4', '');

        imgItem.style.setProperty('nav-right', '#ref_teaser_5', '');

        break;

  }

  if (document.getElementById('scroll_up').style.visibility != 'hidden' && id < 3) {

      imgItem.style.setProperty('nav-up', '#scroll_up', '');

  }

   if (document.getElementById('scroll_down').style.visibility != 'hidden' && id >= 3) {

      imgItem.style.setProperty('nav-down', '#scroll_down', '');

   }

}

function scrollUp() {
        var nextId = curId-6;
        var teaser = document.getElementById('hidden_teaser_' + nextId);
        if (teaser) {
            curId = nextId;

            document.getElementById('scroll_down').style.visibility = 'visible';

            var previousteaser = document.getElementById('hidden_teaser_' + (curId-6));

            if (!previousteaser) {

                document.getElementById('scroll_up').style.visibility = 'hidden';

            }

            showTeasers();

            document.getElementById('teaser_0').getElementsByTagName('a')[0].focus();
        }
}

function scrollDown() {
        var nextId = curId+6;
        var teaser = document.getElementById('hidden_teaser_' + nextId);
        if (teaser) {
            curId = nextId;

            document.getElementById('scroll_up').style.visibility = 'visible';

            var nextteaser = document.getElementById('hidden_teaser_' + (curId+6));

            if (!nextteaser) {

                document.getElementById('scroll_down').style.visibility = 'hidden';

            }

            showTeasers();

            document.getElementById('teaser_0').getElementsByTagName('a')[0].focus();
        }
}

function resetTeasers() {

    var teasers = document.getElementById('teasers');

    teasers.innerHTML = '';

    for (var i = 0; i < 6; i++) {

       var newDiv = document.createElement('div');

       newDiv.setAttribute('id', 'teaser_' + i);

       newDiv.setAttribute('class', 'teaser');

       teasers.appendChild(newDiv);

    }

}

function initScrollVisibility() {

    if (document.getElementsByClassName('hidden_teaser').length > 6) {

        document.getElementById('scroll_down').style.visibility = 'visible';

    }

}

document.getElementsByClassName = function(clsName) {
        var retVal = new Array();
        var elements = document.getElementsByTagName("*");
        for (var i = 0; i < elements.length; i++) {
            if (elements[i].className.indexOf(" ") >= 0) {
                var classes = elements[i].className.split(" ");
                for (var j = 0; j < classes.length; j++) {
                    if (classes[j] == clsName)
                        retVal.push(elements[i]);
                }
            }
            else if (elements[i].className == clsName)
                retVal.push(elements[i]);
        }
        return retVal;
 }

function doAjax(param, e) {

        prepareAjax(e);
        var req = new XMLHttpRequest();

        if (req == null)
            return false;

        var hiddenTeasers = document.getElementById('hidden_teasers');

        req.open("GET", param, true);

        req.onreadystatechange = function() {
            switch (req.readyState) {
                case 4:
                    if (req.status == 200) {

                        hiddenTeasers.innerHTML = req.responseText;
                    }

                    initScrollVisibility();

                    resetTeasers();

                    showTeasers();
            }
        };

        req.setRequestHeader("Content-Type",
                "application/x-www-form-urlencoded");
        req.send(null);

        return false;
 }

function prepareAjax(e) {

        var items = document.getElementById('menu').getElementsByTagName('div');

        for (var i = 0; i < items.length; i++) {

             items[i].style.background = '';

        }

        var target;

        if (e.target.tagName == 'img') {

             target = e.target.parentNode.parentNode;

        }

        else {

             target = e.target.parentNode;

        }

        target.style.background = 'url(http://cehtml.arte.tv/i18n/CoreMedia/com.arte-tv.cehtml/admin/styles/default/images/nav__selected/2764752,property=data,v=2.png)';

        target.style.backgroundRepeat = 'no-repeat';

        curId = 0;

        document.getElementById('scroll_up').style.visibility = 'hidden';

        document.getElementById('scroll_down').style.visibility = 'hidden';

        document.getElementById('teasers').innerHTML = '<img src="http://cehtml.arte.tv/i18n/CoreMedia/com.arte-tv.cehtml/admin/styles/default/images/busy/2764738,property=data,v=2.gif" class="busy" alt="" style="top:257px;"  />';

}

function focusLink(event) {

    focusElement(event, 'http://cehtml.arte.tv/i18n/CoreMedia/com.arte-tv.cehtml/admin/styles/default/images/border__link/2764756,property=data,v=2.png');

}

function focusElement(event, imageLink) {

    var element = event.target.parentNode;

    if (element.tagName != 'div')

        element = element.parentNode;

    element.style.background = 'url(' + imageLink + ')';

    element.style.backgroundRepeat = 'no-repeat';

}

function blurElement(event) {

    var element = event.target.parentNode;

    if (element.tagName != 'div')

        element = element.parentNode;

    element.style.background = 'none';

}

function loadTrackingPixel() {

        var req = new XMLHttpRequest();

        if (req == null)
            return false;

        req.open("GET", trackingPixel, true);

        req.send(null);
 }