var step = 0;
var intDelay = 10;
var myInterval;
var step_amount = 12;
var background_transparency = 60;
var close = true;
var animation = false;

function initPopup() {
    setOpacity("background", background_transparency);
    //alert($("background").style.opacity);
    setOpacity("win", 0);
    setOpacity("content", 100);

    reSized();
}

function reSized() {
    var arrayPageSize = this.getPageSize();
    var temp = accessObj("win");
    temp.style.width = arrayPageSize[0] + 'px';
    temp.style.height = arrayPageSize[1] + 'px';

    arrayPageSize = getWindowSize();
    var temp = accessObj("cTable");
    temp.style.height = arrayPageSize[1] + 'px';
}

function disableClose() {
    if (!animation)
        close = false;
}

function showDetail(current_link, header, subHeader, bodyText, readMore) {
    clearInterval(myInterval);
    var cHolder = accessObj("cHolder");
    cHolder.innerHTML = "<img src=\"" + current_link + "\"><h3>" + header + "</h3><h2>" + subHeader + "</h2><p>" + bodyText + "</p><a href=\"" + readMore + "\">Read more</a>";
    step = 0;
    openDiv("win");
    myInterval = setInterval("fadeInStep()", intDelay);
    close = true;
    animation = true;
}

function fadeInStep() {
    step += step_amount;
    setOpacity("win", step);
    if (step >= 100) {
        clearInterval(myInterval);
        animation = false;
    }
}

function fadeOutStart() {
    // alert("out");
    clearInterval(myInterval);
    if (close) {
        step = 100;
        myInterval = setInterval("fadeOutStep()", intDelay);
        animation = true;
    }
    close = true;
}

function fadeOutStep() {
    step -= step_amount;
    setOpacity("win", step);
    if (step <= 0) {
        clearInterval(myInterval);
        closeDiv("win");
        animation = false;
    }
}