//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;


var currentPhotoNumber = 0;

var curImage = 0;
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=\"2\" 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 = "119px;";
        td.style.padding = "2px";
        td.style.border = "1px solid #CCCCCC";
        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;
    //alert(document.getElementById("top_photo_list_area").scrollLeft);
    var pfv = document.getElementById("placeForVideo");
    document.getElementById("top_image").style.display = "block";
    pfv.style.display = "none";
    showPanel(655);
}

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,afterShow:loadPanelComplete}, "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 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 loadPanelComplete(){
    document.getElementById("top_photo_list_area").scrollLeft = currentPhotoNumber*120;
}

function loadImageComplete() {
    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);
    }
}