function PopUp(w,h,ziel) {
  h = h - 20; var x=0, y=0, parameter="";
  if (w < screen.availWidth || h < screen.availHeight) {
    x = (screen.availWidth - w - 12) / 2;
    y = (screen.availHeight - h - 104) / 2;
    if (window.opera) y = 0; // Opera positioniert unter den Symbolleisten
    if (x<0 || y<0) { x=0; y=0; }
    else parameter = "width=" + w + ",height=" + h + ",";
  }
  parameter += "left=" + x + ",top=" + y;
  parameter += ",menubar=yes,location=yes,toolbar=no,status=no";
  parameter += ",resizable=yes,scrollbars=yes";
  var Fenster = window.open(ziel,"PopUp",parameter);
  if (Fenster) Fenster.focus();
  return !Fenster;
}

/**
 * Image Fader
 * -------------------------------------------------------------------------- */
/**
 * Zeit zwischen den Fadings in Millisekunden
 *
 * @var integer
 */
var timeout = 10000;

/**
 * Dauer des Fadens in Sekunden
 *
 * @var integer
 */
var duration = 3;

/**
 * Selektor (Klasse) der einzelnen zu fadenden Elementen
 *
 * @var string
 */
var item_selector = "div.header_image";

/**
 * ID des äußeren Containers
 *
 * @var string
 */
var header_selector = "header";


var last = ""; // DONT CHANGE

function fadeImage() {
    var divs = $$(item_selector);
    last = divs[(divs.length - 1)];
    Effect.Fade(last, {duration: duration, afterFinish: turnImage});
}

function turnImage(element) {
    $(header_selector).insert({top: last});
    last.show();
    setTimeout("fadeImage()", timeout);
}

function initFader() {
    var divs = $$(item_selector);
    if (divs.length >= 2) {
        setTimeout("fadeImage()", timeout);
    }
}

Event.observe(window, 'load', function() { initFader() });


/**
 * Slider
 * -------------------------------------------------------------------------- */
var animation_running = false;

function slideRight(direction) {
    if (animation_running == false) {
        animation_running = true;
        var element = $$("div#travel_offer_left dl");
        var last = element.length -1;
        element[last].style.zIndex = 999;
        var x = 800;
        new Effect.Move(element[last], { x: x, y: 0, mode: 'absolute', duration: 1 });

        var element = $$("div#travel_offer_right dl");
        var last = element.length -1;
        element[last].style.zIndex = 999;
        new Effect.Move(element[last], { x: x, y: 0, mode: 'absolute', duration: 1, afterFinish: moveSlide });
    }
    return false;
}

function slideLeft() {
    if (animation_running == false) {
        animation_running = true;
        var element = $$("div#travel_offer_left dl");
        element[0].style.left = "800px";
        element[0].style.zIndex = 999;
        $("travel_offer_left").insert({bottom: element[0]})
        new Effect.Move(element[0], { x: 0, y: 0, mode: 'absolute', duration: 1 });

        var element = $$("div#travel_offer_right dl");
        element[0].style.left = "800px";
        element[0].style.zIndex = 999;
        $("travel_offer_right").insert({bottom: element[0]})
        new Effect.Move(element[0], { x: 0, y: 0, mode: 'absolute', duration: 1, afterFinish: setZIndex });
    }
    return false;
}

function setZIndex() {
    var element = $$("div#slider_content dl");
    for (i=0; i<element.length; i++) {
        element[i].style.zIndex = 100;
    }
    animation_running = false;
}

function moveSlide() {
    var element = $$("div#travel_offer_left dl");
    var last = element.length -1;
    element[last].style.zIndex = 100;
    element[last].style.left = 0;
    $("travel_offer_left").insert({top: element[last]})

    var element = $$("div#travel_offer_right dl");
    var last = element.length -1;
    element[last].style.zIndex = 100;
    element[last].style.left = 0;
    $("travel_offer_right").insert({top: element[last]})
    animation_running = false;
}