function layoutBooks()
{
    var divs = document.getElementsByTagName("div");
    for(var i =0;i<divs.length;i++)
    {
        if(divs[i].className.indexOf("story")>=0)
        {
            divs[i].style.left=i*25+"px";
        }
    }
    hideReading();
}

function closeBook(e)
{
    e.style.width=45+"px";
    e.style.backgroundImage="url(images/story.png)";    
    e.className = "story drag storyClosed";
    e.style.zIndex=0;
    lastOpenBook=null;
    closeCurrentStory();

}

function closeCurrentStory()
{
	hideReading();
	if(lastOpenBook)
    {
        closeBook(lastOpenBook);
    }  
}

function displayStory(story)
{
    var st=document.getElementById("reading");
    if(st)
    {
        st.innerHTML='<div class="closeReading" onclick="closeCurrentStory()">X</div>'+story;
    }
}

function getStory(e)
{
    var storyURL="stories/nostory.html";
    if(e)storyURL="stories/"+e.id;
    AjaxRequest.get(
        {
            'url':storyURL,
            'onLoaded':function(req){displayStory(req.responseText);},
            'onError':function(req){displayStory(req.responseText);}
        }
    );
}

function openBook(e)
{
    if(e)
    {
        if(parseInt(e.style.width)==90)
        {
            closeBook(e);
        }
        else
        {
            if(lastOpenBook)
            {
                closeBook(lastOpenBook);
            }  
            e.style.width=90+"px";
            e.style.color="black";
            e.style.backgroundImage="url(images/open.png)";
            e.style.zIndex=11;
            e.className = "story drag";
            getStory(e);
            showReading();
            lastOpenBook=e;
        }
        checkPosition(e);
    }
}

function showReading()
{
	var r = document.getElementById("reading");
	if(r)
	{
		r.style.left="auto";
		r.style.right="100px";
	}
}

function hideReading()
{
	var r = document.getElementById("reading");
	if(r)
	{
		r.innerHTML="";
		r.style.left="-1000px";
	}
}