function displayDetails(id)
    {
        document.getElementById(id).style.display = 'block';
    }

function closeDetails(id)
    {
       	document.getElementById(id).style.display = 'none';
    }

function write_article_top(ddmonth,id,headline)
	{
		var display = 'top3article';
        article_top(ddmonth,id,headline,display);
	}
	
function write_article_bottom(ddmonth,id)
	{
		document.write("<br clear=all/><a href='#" + id +"' onclick=closeDetails('" + ddmonth + "')><small>close</small></a>");

		document.write("</div><br clear=all/></div></div></div></div></div></div></div></div></div></div></div>");
	
	}

function closed_article_top(ddmonth,id,headline)
	{
		var display = 'closedarticle';
        article_top(ddmonth,id,headline,display);
	}
	
function closed_article_bottom(ddmonth,id)
	{
		write_article_bottom(ddmonth,id);	
	}

function write_article(ddmonth,id,headline,text)

	{
          var display = 'top3article';
          article(ddmonth,id,headline,text,display);

	}

function closed_article(ddmonth,id,headline,text)

	{
          var display = 'closedarticle';
         article(ddmonth,id,headline,text,display);
	}

function article(ddmonth,id,headline,text,display)
         {
               	document.write("<div class='box'><div id='lb'><div id='rb'><div id='bb'><div id='blc'><div id='brc'>");

		document.write("<div id='tb'><div id='tlc'><div id='trc'><div><div class='article'>");

		document.write("<a href='#" + id +"' onclick=displayDetails('" + ddmonth + "')><dt id='" + id + "'><b>" + headline + "</b></dt></a>");

		document.write("<div id=" + ddmonth + " class='" + display + "'><p>" + text + "</p>");
		document.write("<br clear=all/><a href='#" + id +"' onclick=closeDetails('" + ddmonth + "')><small>close</small></a>");

		document.write("</div><br clear=all/></div></div></div></div></div></div></div></div></div></div></div>");

         }

function article_top(ddmonth,id,headline,display)
         {
               	document.write("<div class='box'><div id='lb'><div id='rb'><div id='bb'><div id='blc'><div id='brc'>");

				document.write("<div id='tb'><div id='tlc'><div id='trc'><div><div class='article'>");

				document.write("<a href='#" + id +"' onclick=displayDetails('" + ddmonth + "')><dt id='" + id + "'><b>" + headline + "</b></dt></a>");

				document.write("<div id=" + ddmonth + " class='" + display + "'>");
			
         }

function toppic()
	{
        if (screen.width > 1000 ) {
        document.write("<img src='images/newtop.jpg' alt='The Lawrences Sisters' width='800'>");
        }
        else if (screen.width > 480) {
        document.write("<img src='images/newtop600.jpg' alt='The Lawrences Sisters' width='600'>");
        }
        else {
        document.write("<img src='images/newtop400.jpg' alt='The Lawrences Sisters' width='400'>");
        }
    }