//integrio.js.debug = true;
//integrio.js.showLoadedCode = true;
integrio.js.include("integrio.gui.build.SplashPanel");
integrio.js.include("integrio.effects.ResizeEffect");
integrio.js.include("integrio.effects.FadeEffect");
integrio.js.include("integrio.effects.AppearanceEffect");
integrio.js.include("integrio.string");

var splashPanel = null;
var imageFade = null;
var imageAppearance = null;
var imageResize = null;
var imageResize2 = null;

function updateMainArticlePhoto() {
    var l = document.getElementById("main_article_photo_left");
    var p = document.getElementById("article_main_image");
    if (p) l.src = p.src;
    document.getElementById("photoSource").style.display = "none";
    var phS = document.getElementById("photoSource").innerHTML;
    if (phS.trim().length>0){
        document.getElementById("photoSource2").innerHTML = phS;
    } else {
        document.getElementById("photoSource2").style.display = "none";
    }
}
if (!window.ScrollArea) {
    document.write("<scr" + "ipt type=\"text/javascript\" src=\"/templates/fun/scripts/ScrollArea.js\"></sc" + "ript>");
}

var currentPhotoNumber = 0;
var photos = new Array();
function showBigPhoto(i) {
    if (!loadPageComplete) {
        setTimeout("showBigPhoto(" + i + ")", 100);
        return;
    }
    currentPhotoNumber = i;
    document.getElementById("top_place_content").style.height = "510px";
    var t = document.getElementById("top_photo_list_area");
    t.innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr></tr></table>";
    var tr = t.getElementsByTagName("TABLE")[0].rows.item(0);
    for (var j = 0; j < photos.length; j++) {
        var td = tr.insertCell(tr.cells.length);
        td.style.verticalAlign = "top";
        td.style.cursor = "pointer";
        if (j != 0) {
            td.style.paddingLeft = "2px";
        }
        td.innerHTML = "<img src=\"" + photos[j].smallSrc + "\"><div>" + photos[j].title + "</div>";
        td.setAttribute("image_number", j);
        td.width = "118px;";
        td.onclick = function() {
            var c = parseInt(this.getAttribute("image_number"));
            switchImage(c);
        }
    }
    var topImage = document.getElementById("top_image");
    topImage.src = photos[i].src;
    document.getElementById("top_photo_list_area").scrollLeft = i * 121;
    var pfv = document.getElementById("placeForVideo");
    document.getElementById("top_image").style.display = "block";
    pfv.style.display = "none";
    showPanel(655);
}

var curImage = -1;

function switchImage(number) {
    curImage = number;
    if (photos[curImage].image == null) {
        photos[curImage].image = new Image();
        photos[curImage].image.src = photos[curImage].src;
    }
    if (imageResize == null) {
        imageResize = integrio.effects.ResizeEffect.create();
        imageFade = integrio.effects.FadeEffect.create();
        imageResize.afterEnd = function() {
            var topImage = document.getElementById("top_image");
            topImage.onload = loadImageComplete;
            topImage.src = photos[curImage].src;
      //      document.getElementById("wait_image").style.display = "block";
            // document.getElementById("wait_image").width = "72px";
            //document.getElementById("wait_image").height = "71px";
        }
        imageResize.init("top_image", 200, {scale:0});
        imageFade.init("top_image", 200);
    } else {
        imageResize.replay(0, 0);
        imageFade.replay();
    }
}

function loadImageComplete() {
    //document.getElementById("wait_image").style.display = "none";
    //document.getElementById("wait_image").width = "1px";
    //document.getElementById("wait_image").height = "1px";
    try {
        integrioGuiBuildSplashPanelScroll.call({component:splashPanel,event:null});
    } catch (e) {
        alert(e.message);
    }
    this.style.width = "1px";
    this.style.height = "1px";
    if (imageResize2 != null) {
        imageResize2.replay(photos[curImage].image.width, photos[curImage].image.height);
    } else {
        imageResize2 = integrio.effects.ResizeEffect.create();
        imageResize2.init("top_image", 200, {toHeight:photos[curImage].image.height,toWidth:photos[curImage].image.width})
    }
    if (imageAppearance != null) {
        imageAppearance.replay();
    } else {
        imageAppearance = integrio.effects.AppearanceEffect.create();
        imageAppearance.init("top_image", 300);
    }
}

function showPanel(height) {
    if (splashPanel == null) {
        splashPanel = new integrio.gui.build.SplashPanel({duration:200,withEffects:true,width:520,height:height,onClickFunction:closePane,showType:integrio.gui.build.SplashPanelEffects.FROM_CENTER_PUFF,opacity:0.5,bgColor:"#666666",isAlwaysCenter:true}, "mediaPlaceTop");
    }
    splashPanel.standartHeight = height;
    //document.body.style.overflow = "hidden";
    splashPanel.show();
}

function closePane() {
    document.getElementById("placeForVideo").innerHTML = "";
    splashPanel.hide();
    //document.body.style.overflow = "visible";
}


function showArticlePhotos(td) {
    document.getElementById("mediaTabPhoto").style.display = "block";
    document.getElementById("mediaTabVideo").style.display = "none";
    var tr = td.parentNode;
    for (var i = 0; i < tr.cells.length; i++) {
        tr.cells.item(i).className = "tab";
    }
    td.className = "activTab";
}

function showArticleVideos(td) {
    document.getElementById("mediaTabPhoto").style.display = "none";
    document.getElementById("mediaTabVideo").style.display = "block";
    var tr = td.parentNode;
    for (var i = 0; i < tr.cells.length; i++) {
        tr.cells.item(i).className = "tab";
    }
    td.className = "activTab";
}
var currentVideoNumber = 0;
var videos = new Array();
function showBigVideo(i) {
    if (!loadPageComplete) {
        setTimeout("showBigVideo(" + i + ")", 100);
        return;
    }
    currentPhotoNumber = i;
    document.getElementById("top_place_content").style.height = "410px";
    var t = document.getElementById("top_photo_list_area");
    t.innerHTML = "<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\"><tr></tr></table>";
    var tr = t.getElementsByTagName("TABLE")[0].rows.item(0);
    for (var j = 0; j < videos.length; j++) {
        var td = tr.insertCell(tr.cells.length);
        if (j != 0) {
            td.style.paddingLeft = "2px";
        }
        td.style.cursor = "pointer";
        td.width = "118px;";
        td.innerHTML = "<img src=\"" + videos[j].src + "\"><div>" + videos[j].title + "</div>";
        td.setAttribute("image_number", j);
        td.onclick = function() {
            var c = parseInt(this.getAttribute("image_number"));
            showVideoOnTop(c);
        }
    }
    showVideoOnTop(i);
    showPanel(550);
}

function showVideoOnTop(i) {
    var pfv = document.getElementById("placeForVideo");
    document.getElementById("top_image").style.display = "none";
    pfv.style.display = "block";
    if (videos[i].isHTML){
        document.getElementById("placeForVideo").innerHTML = videos[i].htmlCode;
        return;
    }
    if (window.attachEvent) {
        generator.addParam("flvPath", "http://" + HOST + videos[i].flv);
        generator.addParam("flvImage", "http://" + HOST + videos[i].spashSRC);
    } else {
        generator.addParam("flv", "http://" + HOST + videos[i].flv);
        generator.addParam("startimage", "http://" + HOST + videos[i].spashSRC);
    }
    generator.updatePlayer("placeForVideo");
}

function linkedAdrticleOrVideo(td) {
    var a = document.getElementById("linkedArticles");
    var v = document.getElementById("linkedVideos");
    a.style.display = td.getAttribute("tab") == "video" ? "none" : "block"
    v.style.display = td.getAttribute("tab") == "video" ? "block" : "none";
    var tr = td.parentNode;
    for (var i = 0; i < tr.cells.length; i++) {
        if (tr.cells.item(i).getAttribute("tab") != null) {
            tr.cells.item(i).className = "tab";
        }
    }
    td.className = "activeTab";
}