<script language="JavaScript">

var num=1
var last=8
var show_pre="cw_"
var show_node="civil_war"
img1 = new Image ()
img1.src = "images/cw_Slide"+num+".jpg"
img2 = new Image ()
img2.src = "images/cw_Slide2.jpg"
img3 = new Image ()
img3.src = "images/cw_Slide3.jpg"
img4 = new Image ()
img4.src = "images/cw_Slide4.jpg"
img5 = new Image ()
img5.src = "images/cw_Slide5.jpg"
img6 = new Image ()
img6.src = "images/cw_Slide6.jpg"
img7 = new Image ()
img7.src = "images/cw_Slide7.jpg"
img8 = new Image ()
img8.src = "images/cw_Slide8.jpg" 

function slideshowUp()
{
    num+=1
    if (num==9)
	{
	    num=1;
	}
    change_slide();
}

function slideshowBack()
{
    num-=1
	if (num==0)
	    {
		num=last
		    }
    change_slide();
}

function change_slide()
{
    document.mypic.src=eval("img"+num+".src");
    show_text="text/"+show_pre+"slide"+num+".xml";
    xmlDoc = loadXMLDoc(show_text);
    document.getElementById("mytext").innerHTML="&nbsp";
    document.getElementById("underpicture").innerHTML="&nbsp";
    main_node=xmlDoc.documentElement.nodeName;
    if (main_node!=show_node)
	{
	    alert("ERROR: filename = "+show_text+" node name ="+main_node+" expected ="+show_node);
	    main_text="&nbsp";
	    under_text="&nbsp";
	}
    else
	{
	    main_text=xmlDoc.getElementsByTagName("text")[0].childNodes[0].nodeValue; 
	    under_text=xmlDoc.getElementsByTagName("under")[0].childNodes[0].nodeValue; 
	}
    document.getElementById("mytext").innerHTML=main_text;
    document.getElementById("underpicture").innerHTML=under_text;

}

</script>

<!-- The Image Codes are Below -->

