var the_object;
var mags;
var magarr;
var currentIndex = 0;
var upOffset = 3;
var animationDelay = 35;
var initialPadding = 450;

var timerId = 0;
//var basePath = "";
var relPath = "";

function hideContent()
{
    var obj = $get("Layer1");
    if(obj != null)
    {
        obj.style.display = "none";
    }
    restoreImages();
}

function hideMagazine()
{
    var obj = $get("MagLayer");
    if(obj != null)
    {
        obj.style.display = "none";
    }
    restoreImages();
}

function restoreImages()
{
    changeImages('bigPic', relPath + 'images/big_pic.jpg');
    changeImages('row2', relPath + 'images/row1_2.jpg');
}

function showContent(id)
{
    //alert(id);
    //alert(timerId);
    if(timerId > 0)
    {
        clearTimeout ( timerId );
    }
    if(relPath == "")
    {
        LoadContent(id, null);
    }
    else
    {
        LoadContent(id, "en");
    }
}

function showMagazines(animation)
{
    if(timerId > 0)
    {
        clearTimeout ( timerId );
    }
    if(relPath == "")
    {
        LoadMagazines("777", null, animation);
    }
    else
    {
        LoadMagazines("777", "en", animation);
    }
}

function displayContent(data)
{
    var obj = $get("Layer1");
    var content = $get("content");
    var title = $get("contentImage");
    //alert(data.titleImage);
    //alert(title.outerHTML);
    hideMagazine();
    
    changeImages('bigPic', relPath + 'images/big_pic_dark.jpg');
    changeImages('row2', relPath + 'images/row1_2_dark.jpg');
    //document.getElementById("bigPic").src = 'images/big_pic_dark.jpg';
    //document.getElementById("row2").src = 'images/row1_2_dark.jpg';
    
    if(obj != null && content != null)
    {
        content.innerHTML = decode(data.content);
        obj.style.display = "block";
        if(title != null && data.titleImage != "")
        {
            title.src = data.titleImage;
        }
        doAnimation(content);
    }
}

function moveUp(content)
{
    /*
    //var paddingTop = parseInt(content.style.paddingTop);
    var paddingTop = parseInt(content.style.marginTop);
    //alert(paddingTop - upOffset);
    if((paddingTop - upOffset) > 0)
    {
        content.style.marginTop = paddingTop - upOffset;
        //alert(content.style.paddingTop);
        timerId = setTimeout("moveUp(content)", animationDelay);
    }
    else
    {
        content.style.marginTop = 0;
        timerId = 0;
    }
    */
    //var obj = document.getElementById("")
    content = $get("fakeimg");
    //alert(content.height);
    var paddingTop = parseInt(content.height);
    //alert(paddingTop - upOffset);
    if((paddingTop - upOffset) > 0)
    {
        content.height = paddingTop - upOffset;
        //alert(content.height);
        timerId = setTimeout("moveUp(content)", animationDelay);
    }
    else
    {
        content.height = 0;
        timerId = 0;
    }
}

function doAnimation(content)
{
    content.innerHTML = "<img src='"+relPath+"images/spacer.gif' id='fakeimg' height='"+initialPadding+"' /><br />" + content.innerHTML;
    //content.style.marginTop = initialPadding;
    moveUp(document.getElementById("fakeimg"));
}

function LoadContent(id, lang) {
    PageMethods.GetContent(id, lang, OnSuccessContent, OnFail);
}

function OnSuccessContent(result, userContext, methodName)
{
    var data = eval("(" + encode(result) + ")");
    displayContent(data);
}

function OnFail(error, userContext, methodName) 
{
    //$get("content").innerHTML = "Opps Error:" + error.get_message();
    alert(error.get_message());
}

function LoadMagazines(id, lang, animation) {
    PageMethods.GetContent(id, lang, OnSuccessMagazin, OnFail, animation);
}

function OnSuccessMagazin(result, userContext, methodName)
{
    var data = eval("(" + encode(result) + ")");
    displayMagazin(data, userContext);
}

function displayMagazin(mags, animation)
{
    mags = mags.magazines;
    magarr = mags;
    var html = "<table cellspacing='3' cellpadding='1' border='0'>";
    for(i = 0;i<mags.length;i++)
    {
        html += "<tr><td valign='top'>";
        if(mags[i].smallimage != "")
        {
            html += "<a href=\"#\" onclick=\"openMagazines("+i+")\" ><img src='"+relPath+"images/magazines/" + mags[i].smallimage + "' border='0' alt='"+mags[i].magname+"'/></a>";
        }
        else
        {
            html += "&nbsp;";
        }
        html += "</td><td valign='bottom'><strong>" + mags[i].magname + "</strong><br />" + mags[i].magdesc + "</td></tr>";
        html += "<tr><td colspan='2'><img src='"+relPath+"images/gray_pix5.gif' width='100%' height='5' /></td></tr>";
    }
    html += "</table>";
    
    
    //alert(html);
    var obj = $get("Layer1");
    var content = $get("content");
    var title = $get("contentImage");
    
    hideMagazine();
    
    changeImages('bigPic', relPath+'images/big_pic_dark.jpg');
    changeImages('row2', relPath+'images/row1_2_dark.jpg');
    
    if(obj != null && content != null)
    {
        obj.style.display = "block";
        content.innerHTML = html;
        title.src = "images/header_spisaniya.gif";
        if(animation) 
        {
            doAnimation(content);
        }
        else
        {
            //content.style.marginTop = "0px";
            var fake = $get("fakeimg");
            if(fake != null) fake.height = 0;
        }
    }
}

function openMagazines(index)
{
    hideContent();
    
    changeImages('bigPic', relPath+'images/big_pic_dark.jpg');
    changeImages('row2', relPath+'images/row1_2_dark.jpg');
    
    if(index < 0) index = magarr.length -1;
    if(index == magarr.length) index = 0;
    //top.status += index + ",";
    if(index >= 0 && index < magarr.length)
    {
        currentIndex = index;
        var magLayer = $get("MagLayer");
        magLayer.style.display = "block";
        var magImage = $get("MagazineImage");
        if(magarr[index].bigimage != null && magarr[index].bigimage != "")
        {
            magImage.style.display = "block";
            magImage.src = relPath+"images/magazines/" + magarr[index].bigimage;
        }
        else
        {
            magImage.style.display = "none";
        }
    }
}

function prev()
{
    openMagazines(currentIndex-1);
}

function next()
{
    openMagazines(currentIndex+1);
}

function encode(str)
{
    //return str.replace(/</gi, "##&lt;##").replace(/>/gi, "##&gt;##").replace(/\//gi, "##$$$##");
    //return escape(str);
    return str;
}

function decode(str)
{
    //return str.replace(/##&lt;##/gi, "<").replace(/##&gt;##/gi, ">").replace(/##$$$##/gi, "/");
    //return unescape(str);
    return str;
}