var currentVideoId = "";

function PlayVideo(videoId, title) {
    if (videoId != "") {
        if (currentVideoId != "") {
            var ThumbnailTable_Old = document.getElementById(currentVideoId + "_ThumbnailTable");
            var TitleSpan_Old = document.getElementById(currentVideoId + "_TitleSpan");
            //var DescriptionSpan_Old = document.getElementById(currentVideoId + "_DescriptionSpan");

            if (ThumbnailTable_Old) {
                ThumbnailTable_Old.className = ThumbnailTable_Old.className.replace(/\-active/, "");
            }

            if (TitleSpan_Old) {
                TitleSpan_Old.className = TitleSpan_Old.className.replace(/\-active/, "");
            }

//            if (DescriptionSpan_Old) {
//                DescriptionSpan_Old.className = DescriptionSpan_Old.className.replace(/\-active/, "");
//            }
        }

        currentVideoId = videoId;
    
        var ThumbnailTable = document.getElementById(videoId + "_ThumbnailTable");
        var TitleSpan = document.getElementById(videoId + "_TitleSpan");
        var DescriptionSpan = document.getElementById(videoId + "_DescriptionSpan");
        var dottedTop = document.getElementById("VideoDottedTop");
        if (dottedTop) {
            dottedTop.style.display = "none";
        }

        if (ThumbnailTable) {
            ThumbnailTable.className = ThumbnailTable.className.replace(/\-mouseover/, "");
            ThumbnailTable.className += "-active";
        }

        if (TitleSpan) {
            TitleSpan.className = TitleSpan.className.replace(/\-mouseover/, "");
            TitleSpan.className += "-active";
        }

        if (DescriptionSpan) {
            DescriptionSpan.className = DescriptionSpan.className.replace(/\-mouseover/, "");
            DescriptionSpan.className += "-active";
        }        
    
        var commonId = "Default_Header_VideoPlayer";
    
        var Default_Header_Logo_MainTR = document.getElementById("Default_Header_Logo_MainTR");
        var Default_Header_Video_MainTR = document.getElementById("Default_Header_Video_MainTR");

        Default_Header_Logo_MainTR.style.display = "none";
        Default_Header_Video_MainTR.style.display = "";

        if (!document.getElementById("Default_Header_VideoPlayer")) {
            VideoPlayer_Build(commonId, videoId);
        }
        else {
            try {
            var swf = document.getElementById(commonId);
            swf.startIntro(videoId);
            } catch (e) {
            }
        }
    }
}

function closeLandingPlayer() {
    if (currentVideoId != "") {
        var ThumbnailTable_Old = document.getElementById(currentVideoId + "_ThumbnailTable");
        var TitleSpan_Old = document.getElementById(currentVideoId + "_TitleSpan");
        //var DescriptionSpan_Old = document.getElementById(currentVideoId + "_DescriptionSpan");

        if (ThumbnailTable_Old) {
            ThumbnailTable_Old.className = ThumbnailTable_Old.className.replace(/\-active/, "");
        }

        if (TitleSpan_Old) {
            TitleSpan_Old.className = TitleSpan_Old.className.replace(/\-active/, "");
        }

        var dottedTop = document.getElementById("VideoDottedTop");
        if (dottedTop) {
            dottedTop.style.display = "";
        }

//        if (DescriptionSpan_Old) {
//            DescriptionSpan_Old.className = DescriptionSpan_Old.className.replace(/\-active/, "");
//        }
    }

    currentVideoId = "";

    var Default_Header_VideoDiv = document.getElementById("Default_Header_VideoDiv");

    while (Default_Header_VideoDiv.hasChildNodes()) {
        Default_Header_VideoDiv.removeChild(Default_Header_VideoDiv.firstChild);
    }

    var Default_Header_Logo_MainTR = document.getElementById("Default_Header_Logo_MainTR");
    var Default_Header_Video_MainTR = document.getElementById("Default_Header_Video_MainTR");

    Default_Header_Logo_MainTR.style.display = "";
    Default_Header_Video_MainTR.style.display = "none";
}

function VideoPlayer_Build(commonId, videoId) {
    var vidSwf = new SWFObject(document.getElementById("websiteURL").value + "/flash/LandingPlayer-v6.swf?id=" + Math.random(), commonId, "930", "533", "10");
    vidSwf.addVariable("bwList", document.getElementById("introBwl").value); //"100|-|200|-|400");
    vidSwf.addVariable("ThemeColor", MainColor);
    vidSwf.addVariable("shade", MainShade);
    vidSwf.addVariable("theme", "dating");
    vidSwf.addVariable("lang", MainLanguage);
    vidSwf.addVariable("size", "lg");
    vidSwf.addVariable("DefaultVolume", 50);
    vidSwf.addVariable("fps", document.getElementById("vs_p_fps").value); //vs_p_fps
    vidSwf.addVariable("startWidth", 909);
    vidSwf.addVariable("startHeight", 511);
    vidSwf.addVariable("mode", "landing");    
    vidSwf.addVariable("playList", videoId);
    vidSwf.addParam("wmode", "transparent");
    vidSwf.addParam("allowFullScreen", "true");
    vidSwf.addParam("allowScriptAccess", "always");
    vidSwf.write("Default_Header_VideoDiv");
    vidSwf = null;
}

function GetVideos(next) {
    var pageStart = document.getElementById("vpPageStart");
    var pageCount = document.getElementById("vpPageCount");
    var pageLimit = document.getElementById("vpPageLimit");

    //check if hitting page limit
    if (((parseInt(pageStart.value) + 1) == parseInt(pageCount.value)) && next) {
            pageStart.value = 0;           
    } else if (((parseInt(pageStart.value) - 1) < 0) && !next) {
            pageStart.value = parseInt(pageCount.value) - 1;
    } else {
        if (next) {
            pageStart.value = parseInt(pageStart.value) + 1;
        } else {
            pageStart.value = parseInt(pageStart.value) - 1;
        }
    }

    var url = "/data/GetVideos.aspx";
    var sendData = "commandName=getlandingvideos";
    sendData += "&theme=" + top.MainThemeID;
    sendData += "&page=" + parseInt(pageStart.value);
    sendData += "&pagesize=" + parseInt(pageLimit.value);

    AJAXPost(url, "GetVideos_ready", sendData, parseInt(pageStart.value), parseInt(pageCount.value), parseInt(pageLimit.value));
}

function GetVideos_ready(responseText, pageStart, pageCount, pageLimit) {
    if (responseText != "-1") {
        var playlistTR = document.getElementById("playlistTR");
        if (playlistTR) {
            while (playlistTR.hasChildNodes()) {
                playlistTR.removeChild(playlistTR.firstChild);
            }

            var videosData = responseText.split("|---|");
            var videos = videosData[0].split("|--|");
            var videocount = videosData[1];

            for (i = 0; i < videos.length; i++) {
                var video = videos[i];
                BuildVideoTable(video, playlistTR, (i == videos.length));                
            }            

        }
    }
}

function BuildVideoTable(video, container, isLastItem) {    
    var detail = video.split("|-|");
    var commonId = detail[0];

    var playlistTD = document.createElement("td");
    playlistTD.id = detail[0] + "_videoTD"

    var MainTable = createTable();
    playlistTD.appendChild(MainTable);
    MainTable.style.width = "140px";
    var MainTableTBody = document.createElement("tbody");
    MainTable.appendChild(MainTableTBody);

    var MainTR = document.createElement("tr");
    var TitleTR = document.createElement("tr");
    MainTableTBody.appendChild(MainTR);
    MainTableTBody.appendChild(TitleTR);

    var MainThumbnailTD = document.createElement("td");
    MainThumbnailTD.align = "left";
    MainThumbnailTD.vAlign = "top";
    MainThumbnailTD.style.width = "140px";

    if (!isLastItem) {
        MainTable.style.marginRight = "18px";
    }

    var ThumbnailTable = createTable();
    var ThumbnailTableTBody = document.createElement("tbody");
    ThumbnailTable.appendChild(ThumbnailTableTBody);
    var ThumbnailTR = document.createElement("tr");
    ThumbnailTableTBody.appendChild(ThumbnailTR);

    ThumbnailTable.id = commonId + "_ThumbnailTable";
    ThumbnailTable.style.width = "140px";
    ThumbnailTable.style.height = "83px";
    ThumbnailTable.style.cursor = "pointer";
    ThumbnailTable.className = "VideoThumbnail-StarCam";

    ThumbnailTable.onmouseover = function () {
        Linked_mouseover(this, commonId + "_PlayBtn", commonId + "_ThumbnailTable", commonId + "_TitleSpan");
    }

    ThumbnailTable.onmouseout = function () {
        Linked_mouseout(this, commonId + "_PlayBtn", commonId + "_ThumbnailTable", commonId + "_TitleSpan");
    }

    var ThumbnailTD = document.createElement("td");
    ThumbnailTD.align = "center";
    ThumbnailTD.vAlign = "middle";
    ThumbnailTD.style.backgroundImage = "url(" + detail[1] + ")";
    ThumbnailTD.style.backgroundPosition = "0px -12px";
    ThumbnailTR.appendChild(ThumbnailTD);

    var ThumbnailFilmIMG = document.createElement("img");
    ThumbnailFilmIMG.style.width = "21px";
    ThumbnailFilmIMG.style.height = "21px";
    ThumbnailFilmIMG.id = commonId + "_PlayBtn";
    ThumbnailTD.appendChild(ThumbnailFilmIMG);

    top.SI.src("indexPlayBtn.png", ThumbnailFilmIMG, top.SiteImagesType.Base);

    ThumbnailFilmIMG.onmouseover = function () {
        Linked_mouseover(this, commonId + "_PlayBtn", commonId + "_ThumbnailTable", commonId + "_TitleSpan");
    }

    ThumbnailFilmIMG.onmouseout = function () {
        Linked_mouseout(this, commonId + "_PlayBtn", commonId + "_ThumbnailTable", commonId + "_TitleSpan");
    }

    MainThumbnailTD.appendChild(ThumbnailTable);
    MainTR.appendChild(MainThumbnailTD);

    ThumbnailTable.onclick = function () {
        PlayVideo(detail[2], detail[3]);
    }

    MainThumbnailTD.style.padding = "0px 0px";
    MainTable.style.height = "73px";

    var TitleTD = document.createElement("td");
    TitleTR.appendChild(TitleTD);
    TitleTD.vAlign = "top";
    TitleTD.style.fontSize = "11px";
    TitleTD.style.fontWeight = "bold";
    TitleTD.style.padding = "15px 0px 15px 0px";
    TitleTR.style.height = "60px";

    var TitleSpan = document.createElement("span");
    TitleSpan.id = commonId + "_TitleSpan";
    TitleSpan.style.cursor = "pointer";
    TitleSpan.style.width = "140px";
    TitleSpan.className = "LinkText";

    TitleSpan.onmouseover = function () {
        Linked_mouseover(this, commonId + "_PlayBtn", commonId + "_ThumbnailTable", commonId + "_TitleSpan");
    }

    TitleSpan.onmouseout = function () {
        Linked_mouseout(this, commonId + "_PlayBtn", commonId + "_ThumbnailTable", commonId + "_TitleSpan");
    }

    TitleSpan.onclick = function () {
        PlayVideo(detail[2], detail[3]);
    }

    var NewTextRuler = new TextRuler();
    NewTextRuler.SetLines(2);
    NewTextRuler.TestLength(detail[3], TitleSpan, null, 'Arial', '11px', null, 'bold');
    NewTextRuler = null;
    //TitleSpan.InnerHtml = lv.Title

    TitleTD.appendChild(TitleSpan);

    container.appendChild(playlistTD);
}