// JavaScript Document

var count = 5;
var NumThumbs;
var CurrentThumb = 1;
var CurrentPage = 1;
var NumPages;
var isMoving = false;
var slideInt = 0;
var CurSlide = -1;
var menuItems = new Array();
var visible = true;
var animations = true;
var obn
var j = 0;
var currMag = mags[0];
var hidden = new Array();
var magIsLoaded = new Array();


function start(numOfThumbs)
{
	LoadImages();
    CurrentPage = 1;
    CurrentThumb = 1;
    CurSlide = -1;
    obn.style.left = "0px";
    j = 0;
    
    NumThumbs = numOfThumbs;
    NumPages = Math.round(numOfThumbs/4);
    if(numOfThumbs % 4 == 1)
        NumPages++;
    SetSlide(0);
    for(var i = 0; i <= numOfThumbs + (numOfThumbs % 4) + 1; i++)
    {
        if(i >= numOfThumbs)
        {
            document.getElementById("thumb" + i).style.visibility = "hidden";
            hidden[i - numOfThumbs] =  document.getElementById("thumb" + i);
        }
        else
            document.getElementById("thumb" + i).src = currMag.pages[i].pic.src;
        if(hidden[i] != null)
        {
            hidden[i].style.visibility = "visible";
        }
    }
}
function moveThumbsOnePage()
{
    if(CurrentPage >= NumPages)
        return;
    if(isMoving)
        return;
    isMoving = true;
    count = 5;
    CurrentPage++;
    moveOneThumb();
}

function moveThumbsNOnePage()
{
    if(CurrentPage <= 1)
        return;
    if(isMoving)
        return;
    isMoving = true;
    count = -5;
    CurrentPage--;
    moveOneThumb();
}

function moveOneThumb()
{
    var obj;
    if(animations)
    {
        var i = 0;

obj = setInterval(function(){if(i > 111){clearInterval(obj);isMoving = false;}else{ j-= count;obn.style.left = j + "px";i++;}}, 1);
    }
    else
    {
        j -= (count * 112);
        obn.style.left = j + "px";
        isMoving = false;
    }
}

function SetSlide(num)
{
    if(num == CurSlide || isMoving)
        return;
    var obj = document.getElementById("top");
    
    if(slideInt != 0)
    {
        return;
        //clearInterval(slideInt);
        //document.getElementById("bottom").src = obj.src;
    }
    var opac = 2;
    obj.src = currMag.pages[num].pic.src;
    if(animations)
    {
    slideInt = setInterval(function(){setOpacM(obj, opac); opac +=4; if(opac >100){clearInterval(slideInt);document.getElementById("bottom").src = currMag.pages[num].pic.src;slideInt = 0;document.getElementById("caption").innerHTML = currMag.pages[num].text + "<div style = 'bottom:0px; width: 100%; height:auto;'>Image:" + (num + 1) + " of " + NumThumbs + "</div>";setOpacM(obj, 0);}}, 5);
    }
    else
    {
        document.getElementById("caption").innerHTML = currMag.pages[num].text;
        document.getElementById("bottom").src = currMag.pages[num].pic.src;
    }
    CurSlide = num;
}

function fadeinMenu(obj, num)
{
    clearInterval(menuItems[num]);
    var opa = 40;
    menuItems[num] = setInterval(function(){setOpacM(obj, opa);opa+=4; if(opa > 100){clearInterval(menuItems[num]);}}, 10);
}

function fadeoutMenu(obj, num)
{
    clearInterval(menuItems[num]);
    var opa = 100;
    menuItems[num] = setInterval(function(){setOpacM(obj, opa);opa-=4; if(opa < 40){clearInterval(menuItems[num]);} }, 10);
}

function setOpacM(obj, opac)
{  //Internet Explorer
  obj.style.filter = 'alpha(opacity=' + opac + ')';
  //Mozilla
  obj.style.MozOpacity = opac/100;
  //All others
  obj.style.opacity = opac/100;
}

function LoadImage(imgNum)
{
	var handle = currMag.pages[imgNum];
	var Source = new Image;
	Source.src = handle.pic
	handle.pic = Source;
	handle.isLoaded = true;
}
function LoadImages()
{
	if(currMag.isLoaded)
		return;
	for(var i = 0; i < currMag.pages.length; i++)
		if(!currMag.pages[i].isLoaded)
			LoadImage(i);
	
	currMag.isLoaded = true;
}