var s1 = null;


function showMovie(url, title, lead, width, height, videoid) {

    if (width == '0' || width == '')
        width = 569;

    if (height == '0' || height == '') 
        height = 338;

    countHit(videoid);

    if (url.indexOf('youtube') != -1) // youtube video
    {
        url += '?fs=1'; // zeige den Vollbild button
        var youtubeLink = window.jQuery('<a class="media {width:' + width + ', height:' + height + ', type:\'swf\'}" href="' + url + '" ></a> ');
        loadOverlay(width, height, title, lead, youtubeLink);
        return;
    }
    else // unser video player
    { 
        loadOverlay(width, height, title, lead, '');
        loadOurFlashPlayer(url, width, height);
    }
}

function loadOurFlashPlayer(url, width, height) {

    s1 = new SWFObject("flash/VB_TV2.swf", "mediaplayer", width, height, "8");
    s1.addParam("allowfullscreen", "true");
    s1.addVariable("width", width);
    s1.addVariable("height", height);
    s1.addVariable("image", "../grafik/videostart3.jpg");
    s1.addVariable("file", url);
    s1.write("container");
}

function loadOverlay(width, height, title, lead, youtubeLink) {

    // helle box in der mitte
    var el1 = document.createElement("div");
    el1.id = "light";
    el1.className = "white_content";

    el1.style.width = width + "px";

    if ($(document.body).getSize().y < 650)
        el1.style.top = "30px";

    var x = (document.body.clientWidth / 2) - (width / 2);

    el1.style.left = x + "px";
    // el1.style.height = height + "px";

    // dunkler overlay-effekt
    var el2 = document.createElement("div");
    el2.id = "fade";
    el2.className = "black_overlay";

    // mootools
    el1 = $(el1);
    el2 = $(el2);

    if ($(document.body).getSize().y < 650)
        el2.style.height = "200%";

    var el3 = document.createElement("div");
    el3.id = "topbar";
    el3.className = "vidplayertop";

    el3.innerHTML = "<div id=\"title\" class=\"vidplayertitle\">" + title + "</div><img id=\"closeb\" src=\"grafik/icons/close_on.gif\" class=\"vidplayerclose\" onclick=\"closeOverlay();\" onmouseover=\"overButton(this)\" onmouseout=\"outButton(this)\">";

    // player
    var el4 = document.createElement("div");
    el4.id = "container";
    el4.className = "vidplayer";

    if (youtubeLink) {
        window.jQuery(el4).append(youtubeLink);
    }

    // beschreibung
    var el5 = document.createElement("div");
    el5.id = "vidplayerlead";
    el5.className = "vidplayerlead";
    el5.innerHTML = lead;

    el1.appendChild(el3);
    el1.appendChild(el4);
    el1.appendChild(el5);


    // füge beide elemente am beginn des DOM ein
    document.body.insertBefore(el2, document.body.firstChild);
    document.body.insertBefore(el1, document.body.firstChild);

    // setze beides sichtbar (todo: mit effekt)
    document.getElementById('light').style.display = 'block';
    document.getElementById('fade').style.display = 'block';

    // berücksichtige aktuelle scrollposition des fensters
    // el1.style.marginTop = window.getScroll().y + "px";
    // el2.style.top = window.getScroll().y + "px";

    // wird auf dunkle Fläche geklickt, dann schliesse imagebox
    //        el2.addEvent("click", function(event) {
    //            $(document.body).retrieve("imagebox").close();
    //        });

    el2.onclick = closeOverlay;

    // unterbinde scrolling wenn imagebox geladen wurde
    //el1.addEvent('mousewheel', function() { return false; });
    //el2.addEvent('mousewheel', function() { return false; });

    if (youtubeLink) {
        // jqueryMedia.js> Aendert alle Links mit einem bestimmten Format (Flash Lokal/Flash Youtube, Quicktime, Media Player...) in Filme um
        // leider scheinen unsere Filme nicht richtig zu funktionieren
        window.jQuery('.media').media();
    }

}

function closeOverlay() {
    document.body.removeChild($('light'));
    document.body.removeChild($('fade'));
}



function countHit(videoID) {

    var jsonRequest = new Request.HTML({ url: "ajaxservice.aspx?action=countVideo&id=" + videoID + "&d=" + new Date().getMilliseconds(), onComplete: function(responseTree, responseElements, responseHTML, responseJavaScript) {

    }
    }).get();
}