var DOM = (document.getElementById) ? 1 : 0;
var IE = (document.all) ? 1 : 0;

function getElement(elementName)
{
    var element = null;
 
    if (DOM & !IE)
    {
        element = document.getElementById(elementName);
    }
    else if (IE)
    {
        element = eval("document.all."+elementName);
    }
    else
    {
        alert('Error in DOM type... not found.');
    }
 
    return element;
}


function setHeight() {
    var y =  getElement("content").offsetHeight;
    var c = 585;
    if (y < c)
    {
      getElement("graphic").style.height = c + "px";  
    }
    else
    getElement("graphic").style.height = y + "px";
}



function getDescription()
    {
        var description = spreadinfo[i].description;
        return description;
    }


function getUrlLink()
    {
        var urllink = spreadinfo[i].urllink;
        return urllink;
        
    }


//getImageData will produce the image tag attributes 
function getImageData()
    {
        document.writeln("<img id=\'smallimage' src=\'assets/" +imgSm +".jpg\'");
        document.writeln(" width=\'270px\'");
        document.writeln(" alt=\'" +spreadinfo[i].pagetitle +"\' galleryimg=\'no\' border=\'no\'");
        document.writeln(" />");
        
        
    }

function getImgSm()
    {
        return imgSm;
    }

//getLinkData will produce all link tag data such as source and title and alt info
function getLinkData()
    {
        getImLrg();
        getTheRest();
    }

function getImLrg()
    {
        return imgLrg;
    }


function toggle(b)
{
    i = (i +numbSpreads + (b?1: (-1))) %numbSpreads;
    setSpread();
}
function setSpread()
    {
            //setTitle();
            setDescription();
            //setUrlLink();
            setImageData();
}

function setTitle()
    {
        document.title = spreadinfo[i].book +" Portfolio - " +spreadinfo[i].ptitle;

    }

function setSpreadTitle()
    {
        var sTitle = spreadinfo[i].ptitle;
        if (IE)
            {
                getElement("sprdTitle").innerText = sTitle;
            }
        else if (DOM & !IE)
            {
                getElement("sprdTitle").innerHTML = sTitle;
            }
        else
            {
                getElement("sprdTitle").textContent = sTitle;
            }
    }

function setDescription()
    {
        var description = spreadinfo[i].description;
        if (IE)
        {
          getElement("description").innerText = description;
        }
        else if (DOM & !IE)
        {
          getElement("description").innerHTML = description;
        }
        else 
        {
          getElement("description").textContent = description;
        }
    }


function setUrlLink()
    {
        var urllink = spreadinfo[i].urllink;
        alert(urllink);
        return urllink;
    }




function setImageData()
    {
        var pagetitle = spreadinfo[i].pagetitle;
        var imgSm = spreadinfo[i].imgSm;

        getElement("smallimage").src = "assets/" +imgSm +".jpg";
        getElement("smallimage").title = pagetitle;
        getElement("smallimage").alt = pagetitle;
    }