var imagename=new Array();
	var imagecurimg=new Array();
	var imagetext=new Array();
	var imagetitle=new Array();
	var imageposter=new Array();
	var imageage=new Array();
	var imagetextdes=new Array();
	var imagehref = new Array();
	var xmlhttp;
	var imglastch;
	var t;
	var rotating=true;
	var introcom=false;
	var stopped = false;
	var currentmouse = 0;
	
	function mouseon(){
		
		if(introcom){
			
			
        clearTimeout(t);
        rotating=false;
    		
				
		}
		
	}
	
	function mousenoton(event){
		
		if(introcom){
			//alert(event.target.id);
			//if(event.target.id=="rotatearea"){
				if(!rotating){
				chgimg('notfirst');
				rotating=true;
				}
			//} 
			
		}
	}
	
	function getimgname()
	{
		xmlhttp=GetXmlHttpObject();
		if (xmlhttp==null)
		  {
		  alert ("Browser does not support HTTP Request");
		  return;
		  }
		var url="randpic.php";
		
		url=url+"?sid="+Math.random();
		xmlhttp.onreadystatechange=stateChanged;
		xmlhttp.open("GET",url,true);
		xmlhttp.send(null);
	}
	
	function stateChanged()
	{
		if (xmlhttp.readyState==4)
			  {
			  xmlDoc=xmlhttp.responseXML;
			  
			  
			  //document.getElementById("firstname").innerHTML=xmlDoc.getElementsByTagName("firstname")[0].childNodes[0].nodeValue;
	      //imagename[0] = xmlhttp.responseText;
	      
	      imagename[0] = xmlDoc.getElementsByTagName("imagename")[0].childNodes[0].nodeValue;
			  imagename[1] = xmlDoc.getElementsByTagName("imagename")[1].childNodes[0].nodeValue;
			  imagename[2] = xmlDoc.getElementsByTagName("imagename")[2].childNodes[0].nodeValue;
			  imagename[3] = xmlDoc.getElementsByTagName("imagename")[3].childNodes[0].nodeValue;
			  imagename[4] = xmlDoc.getElementsByTagName("imagename")[4].childNodes[0].nodeValue;
			  imagename[5] = xmlDoc.getElementsByTagName("imagename")[5].childNodes[0].nodeValue;
			  imagename[6] = xmlDoc.getElementsByTagName("imagename")[6].childNodes[0].nodeValue;
			  imagename[7] = xmlDoc.getElementsByTagName("imagename")[7].childNodes[0].nodeValue;
			  imagename[8] = xmlDoc.getElementsByTagName("imagename")[8].childNodes[0].nodeValue;
			  imagename[9] = xmlDoc.getElementsByTagName("imagename")[9].childNodes[0].nodeValue;
			  imagename[10] = xmlDoc.getElementsByTagName("imagename")[10].childNodes[0].nodeValue;
			  imagename[11] = xmlDoc.getElementsByTagName("imagename")[11].childNodes[0].nodeValue;
			  imagename[12] = xmlDoc.getElementsByTagName("imagename")[12].childNodes[0].nodeValue;
			  imagename[13] = xmlDoc.getElementsByTagName("imagename")[13].childNodes[0].nodeValue;
			  imagename[14] = xmlDoc.getElementsByTagName("imagename")[14].childNodes[0].nodeValue;
			  
			  imagetext[0] = xmlDoc.getElementsByTagName("imagetext")[0].childNodes[0].nodeValue;
			  imagetext[1] = xmlDoc.getElementsByTagName("imagetext")[1].childNodes[0].nodeValue;
			  imagetext[2] = xmlDoc.getElementsByTagName("imagetext")[2].childNodes[0].nodeValue;
			  imagetext[3] = xmlDoc.getElementsByTagName("imagetext")[3].childNodes[0].nodeValue;
			  imagetext[4] = xmlDoc.getElementsByTagName("imagetext")[4].childNodes[0].nodeValue;
			  imagetext[5] = xmlDoc.getElementsByTagName("imagetext")[5].childNodes[0].nodeValue;
			  imagetext[6] = xmlDoc.getElementsByTagName("imagetext")[6].childNodes[0].nodeValue;
			  imagetext[7] = xmlDoc.getElementsByTagName("imagetext")[7].childNodes[0].nodeValue;
			  imagetext[8] = xmlDoc.getElementsByTagName("imagetext")[8].childNodes[0].nodeValue;
			  imagetext[9] = xmlDoc.getElementsByTagName("imagetext")[9].childNodes[0].nodeValue;
			  imagetext[10] = xmlDoc.getElementsByTagName("imagetext")[10].childNodes[0].nodeValue;
			  imagetext[11] = xmlDoc.getElementsByTagName("imagetext")[11].childNodes[0].nodeValue;
			  imagetext[12] = xmlDoc.getElementsByTagName("imagetext")[12].childNodes[0].nodeValue;
			  imagetext[13] = xmlDoc.getElementsByTagName("imagetext")[13].childNodes[0].nodeValue;
			  imagetext[14] = xmlDoc.getElementsByTagName("imagetext")[14].childNodes[0].nodeValue;
			  
			  imagetext[0] = imagetext[0].substr(0,80);
			  imagetext[1] = imagetext[1].substr(0,80);
			  imagetext[2] = imagetext[2].substr(0,80);
			  imagetext[3] = imagetext[3].substr(0,80);
			  imagetext[4] = imagetext[4].substr(0,80);
			  imagetext[5] = imagetext[5].substr(0,80);
			  imagetext[6] = imagetext[6].substr(0,80);
			  imagetext[7] = imagetext[7].substr(0,80);
			  imagetext[8] = imagetext[8].substr(0,80);
			  imagetext[9] = imagetext[9].substr(0,80);
			  imagetext[10] = imagetext[10].substr(0,80);
			  imagetext[11] = imagetext[11].substr(0,80);
			  imagetext[12] = imagetext[12].substr(0,80);
			  imagetext[13] = imagetext[13].substr(0,80);
			  imagetext[14] = imagetext[14].substr(0,80);
			  
			  
			  imagetitle[0] = xmlDoc.getElementsByTagName("imagetitle")[0].childNodes[0].nodeValue;
			  imagetitle[1] = xmlDoc.getElementsByTagName("imagetitle")[1].childNodes[0].nodeValue;
			  imagetitle[2] = xmlDoc.getElementsByTagName("imagetitle")[2].childNodes[0].nodeValue;
			  imagetitle[3] = xmlDoc.getElementsByTagName("imagetitle")[3].childNodes[0].nodeValue;
			  imagetitle[4] = xmlDoc.getElementsByTagName("imagetitle")[4].childNodes[0].nodeValue;
			  imagetitle[5] = xmlDoc.getElementsByTagName("imagetitle")[5].childNodes[0].nodeValue;
			  imagetitle[6] = xmlDoc.getElementsByTagName("imagetitle")[6].childNodes[0].nodeValue;
			  imagetitle[7] = xmlDoc.getElementsByTagName("imagetitle")[7].childNodes[0].nodeValue;
			  imagetitle[8] = xmlDoc.getElementsByTagName("imagetitle")[8].childNodes[0].nodeValue;
			  imagetitle[9] = xmlDoc.getElementsByTagName("imagetitle")[9].childNodes[0].nodeValue;
			  imagetitle[10] = xmlDoc.getElementsByTagName("imagetitle")[10].childNodes[0].nodeValue;
			  imagetitle[11] = xmlDoc.getElementsByTagName("imagetitle")[11].childNodes[0].nodeValue;
			  imagetitle[12] = xmlDoc.getElementsByTagName("imagetitle")[12].childNodes[0].nodeValue;
			  imagetitle[13] = xmlDoc.getElementsByTagName("imagetitle")[13].childNodes[0].nodeValue;
			  imagetitle[14] = xmlDoc.getElementsByTagName("imagetitle")[14].childNodes[0].nodeValue;
			  
			  imageposter[0] = xmlDoc.getElementsByTagName("imageposter")[0].childNodes[0].nodeValue;
			  imageposter[1] = xmlDoc.getElementsByTagName("imageposter")[1].childNodes[0].nodeValue;
			  imageposter[2] = xmlDoc.getElementsByTagName("imageposter")[2].childNodes[0].nodeValue;
			  imageposter[3] = xmlDoc.getElementsByTagName("imageposter")[3].childNodes[0].nodeValue;
			  imageposter[4] = xmlDoc.getElementsByTagName("imageposter")[4].childNodes[0].nodeValue;
			  imageposter[5] = xmlDoc.getElementsByTagName("imageposter")[5].childNodes[0].nodeValue;
			  imageposter[6] = xmlDoc.getElementsByTagName("imageposter")[6].childNodes[0].nodeValue;
			  imageposter[7] = xmlDoc.getElementsByTagName("imageposter")[7].childNodes[0].nodeValue;
			  imageposter[8] = xmlDoc.getElementsByTagName("imageposter")[8].childNodes[0].nodeValue;
			  imageposter[9] = xmlDoc.getElementsByTagName("imageposter")[9].childNodes[0].nodeValue;
			  imageposter[10] = xmlDoc.getElementsByTagName("imageposter")[10].childNodes[0].nodeValue;
			  imageposter[11] = xmlDoc.getElementsByTagName("imageposter")[11].childNodes[0].nodeValue;
			  imageposter[12] = xmlDoc.getElementsByTagName("imageposter")[12].childNodes[0].nodeValue;
			  imageposter[13] = xmlDoc.getElementsByTagName("imageposter")[13].childNodes[0].nodeValue;
			  imageposter[14] = xmlDoc.getElementsByTagName("imageposter")[14].childNodes[0].nodeValue;
			  
			  imageage[0] = xmlDoc.getElementsByTagName("imageage")[0].childNodes[0].nodeValue;
			  imageage[1] = xmlDoc.getElementsByTagName("imageage")[1].childNodes[0].nodeValue;
			  imageage[2] = xmlDoc.getElementsByTagName("imageage")[2].childNodes[0].nodeValue;
			  imageage[3] = xmlDoc.getElementsByTagName("imageage")[3].childNodes[0].nodeValue;
			  imageage[4] = xmlDoc.getElementsByTagName("imageage")[4].childNodes[0].nodeValue;
			  imageage[5] = xmlDoc.getElementsByTagName("imageage")[5].childNodes[0].nodeValue;
			  imageage[6] = xmlDoc.getElementsByTagName("imageage")[6].childNodes[0].nodeValue;
			  imageage[7] = xmlDoc.getElementsByTagName("imageage")[7].childNodes[0].nodeValue;
			  imageage[8] = xmlDoc.getElementsByTagName("imageage")[8].childNodes[0].nodeValue;
			  imageage[9] = xmlDoc.getElementsByTagName("imageage")[9].childNodes[0].nodeValue;
			  imageage[10] = xmlDoc.getElementsByTagName("imageage")[10].childNodes[0].nodeValue;
			  imageage[11] = xmlDoc.getElementsByTagName("imageage")[11].childNodes[0].nodeValue;
			  imageage[12] = xmlDoc.getElementsByTagName("imageage")[12].childNodes[0].nodeValue;
			  imageage[13] = xmlDoc.getElementsByTagName("imageage")[13].childNodes[0].nodeValue;
			  imageage[14] = xmlDoc.getElementsByTagName("imageage")[14].childNodes[0].nodeValue;
			  
			  imagehref[0] = xmlDoc.getElementsByTagName("imagehref")[0].childNodes[0].nodeValue;
			  imagehref[1] = xmlDoc.getElementsByTagName("imagehref")[1].childNodes[0].nodeValue;
			  imagehref[2] = xmlDoc.getElementsByTagName("imagehref")[2].childNodes[0].nodeValue;
			  imagehref[3] = xmlDoc.getElementsByTagName("imagehref")[3].childNodes[0].nodeValue;
			  imagehref[4] = xmlDoc.getElementsByTagName("imagehref")[4].childNodes[0].nodeValue;
			  imagehref[5] = xmlDoc.getElementsByTagName("imagehref")[5].childNodes[0].nodeValue;
			  imagehref[6] = xmlDoc.getElementsByTagName("imagehref")[6].childNodes[0].nodeValue;
			  imagehref[7] = xmlDoc.getElementsByTagName("imagehref")[7].childNodes[0].nodeValue;
			  imagehref[8] = xmlDoc.getElementsByTagName("imagehref")[8].childNodes[0].nodeValue;
			  imagehref[9] = xmlDoc.getElementsByTagName("imagehref")[9].childNodes[0].nodeValue;
			  imagehref[10] = xmlDoc.getElementsByTagName("imagehref")[10].childNodes[0].nodeValue;
			  imagehref[11] = xmlDoc.getElementsByTagName("imagehref")[11].childNodes[0].nodeValue;
			  imagehref[12] = xmlDoc.getElementsByTagName("imagehref")[12].childNodes[0].nodeValue;
			  imagehref[13] = xmlDoc.getElementsByTagName("imagehref")[13].childNodes[0].nodeValue;
			  imagehref[14] = xmlDoc.getElementsByTagName("imagehref")[14].childNodes[0].nodeValue;
			  chgimg("first");
			  }
	}
	
	
	function GetXmlHttpObject()
	{
	if (window.XMLHttpRequest)
	  {
	  // code for IE7+, Firefox, Chrome, Opera, Safari
	  return new XMLHttpRequest();
	  }
	if (window.ActiveXObject)
	  {
	  // code for IE6, IE5
	  return new ActiveXObject("Microsoft.XMLHTTP");
	  }
	return null;
	}
	
	
	
	
	
	
	
			
			function chgimg(modename){
				
					
				
				
				var imgno;
				
				
				var mode=modename;
				
				
				
				
				if(mode=="first")
				{
					//To initialize the 10 images
					
					img1 = new Image();
					img1.src = imagename[0];
					document.getElementById("dialogue1").innerHTML = '<p id=dialoguetext1 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[0] + '</b><br />' + imagetext[0] + '...<br /><br />' + imageposter[0] + ' ,' +  imageage[0] + '<a href=showlessons.php?lessonid=' + imagehref[0] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[0] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor1").href = 'showlessons.php?lessonid=' + imagehref[0];
					img2 = new Image();
					img2.src = imagename[1];
					document.getElementById("dialogue2").innerHTML = '<p id=dialoguetext2 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[1] + '</b><br />' + imagetext[1] + '...<br /><br />' + imageposter[1] + ' ,' +  imageage[1] + '<a href=showlessons.php?lessonid=' + imagehref[1] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[1] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor2").href = 'showlessons.php?lessonid=' + imagehref[1];
					img3 = new Image();
					img3.src = imagename[2];
					document.getElementById("dialogue3").innerHTML = '<p id=dialoguetext3 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[2] + '</b><br />' + imagetext[2] + '...<br /><br />' + imageposter[2] + ' ,' +  imageage[2] + '<a href=showlessons.php?lessonid=' + imagehref[2] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[2] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor3").href = 'showlessons.php?lessonid=' + imagehref[2];
					img4 = new Image();
					img4.src = imagename[3];
					document.getElementById("dialogue4").innerHTML = '<p id=dialoguetext4 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[3] + '</b><br />' + imagetext[3] + '...<br /><br />' + imageposter[3] + ' ,' +  imageage[3] + '<a href=showlessons.php?lessonid=' + imagehref[3] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[3] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor4").href = 'showlessons.php?lessonid=' + imagehref[3];
					img5 = new Image();
					img5.src = imagename[4];
					document.getElementById("dialogue5").innerHTML = '<p id=dialoguetext5 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[4] + '</b><br />' + imagetext[4] + '...<br /><br />' + imageposter[4] + ' ,' +  imageage[4] + '<a href=showlessons.php?lessonid=' + imagehref[4] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[4] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor5").href = 'showlessons.php?lessonid=' + imagehref[4];
					img6 = new Image();
					img6.src = imagename[5];
					document.getElementById("dialogue6").innerHTML = '<p id=dialoguetext6 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[5] + '</b><br />' + imagetext[5] + '...<br /><br />' + imageposter[5] + ' ,' +  imageage[5] + '<a href=showlessons.php?lessonid=' + imagehref[5] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[5] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor6").href = 'showlessons.php?lessonid=' + imagehref[5];
					img7 = new Image();
					img7.src = imagename[6];
					document.getElementById("dialogue7").innerHTML = '<p id=dialoguetext7 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[6] + '</b><br />' + imagetext[6] + '...<br /><br />' + imageposter[6] + ' ,' +  imageage[6] + '<a href=showlessons.php?lessonid=' + imagehref[6] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[6] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor7").href = 'showlessons.php?lessonid=' + imagehref[6];
					img8 = new Image();
					img8.src = imagename[7];
					document.getElementById("dialogue8").innerHTML = '<p id=dialoguetext8 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[7] + '</b><br />' + imagetext[7] + '...<br /><br />' + imageposter[7] + ' ,' +  imageage[7] + '<a href=showlessons.php?lessonid=' + imagehref[7] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[7] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor8").href = 'showlessons.php?lessonid=' + imagehref[7];
					img9 = new Image();
					img9.src = imagename[8];
					document.getElementById("dialogue9").innerHTML = '<p id=dialoguetext9 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[8] + '</b><br />' + imagetext[8] + '...<br /><br />' + imageposter[8] + ' ,' +  imageage[8] + '<a href=showlessons.php?lessonid=' + imagehref[8] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[8] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor9").href = 'showlessons.php?lessonid=' + imagehref[8];
					img10 = new Image();
					img10.src = imagename[9];
					document.getElementById("dialogue10").innerHTML = '<p id=dialoguetext10 name=dialoguetext1 class=dialoguetext><b>' + imagetitle[9] + '</b><br />' + imagetext[9] + '...<br /><br />' + imageposter[9] + ' ,' +  imageage[9] + '<a href=showlessons.php?lessonid=' + imagehref[9] + '><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[9] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor10").href = 'showlessons.php?lessonid=' + imagehref[9];
					
					setTimeout("displayimage('image1' , '" + img1.src + "')",2000);
					setTimeout("displayimage('image2' , '" + img2.src + "')",2500);
					setTimeout("displayimage('image3' , '" + img3.src + "')",3000);
					setTimeout("displayimage('image4' , '" + img4.src + "')",3500);
					setTimeout("displayimage('image5' , '" + img5.src + "')",4000);
					setTimeout("displayimage('image6' , '" + img6.src + "')",4500);
					setTimeout("displayimage('image7' , '" + img7.src + "')",5000);
					setTimeout("displayimage('image8' , '" + img8.src + "')",5500);
					setTimeout("displayimage('image9' , '" + img9.src + "')",6000);
					setTimeout("displayimage('image10' , '" + img10.src + "')",6500);
					setTimeout("introcom=true",6500);
					
					
					
					
					//Tell the imagecurimg variables which 10 images are nowshowing;
					
					imagecurimg[0] = imagename[0];
					imagecurimg[1] = imagename[1];
					imagecurimg[2] = imagename[2];
					imagecurimg[3] = imagename[3];
					imagecurimg[4] = imagename[4];
					imagecurimg[5] = imagename[5];
					imagecurimg[6] = imagename[6];
					imagecurimg[7] = imagename[7];
					imagecurimg[8] = imagename[8];
					imagecurimg[9] = imagename[9];
					
					
					//After the 10th image is loaded, start to rotate the images
					
					
					if(stopped != true){
					t=setTimeout("chgimg('Notfirst')",10000);
					}
					
					
				}else{
					
					//The below scripts will be run every 5 secs, to randomly change one of the images
					
					
					
					
					var imagechpos=new Array();
					
					//To random which photo to be changed
					var imgch = Math.floor(Math.random()*10);
					
					
					if(imgch==imglastch){imgch=Math.abs(imgch-1);}
					imglastch=imgch;
					
					imagechpos[0]= "image1";
					imagechpos[1]= "image2";
					imagechpos[2]= "image3";
					imagechpos[3]= "image4";
					imagechpos[4]= "image5";
					imagechpos[5]= "image6";
					imagechpos[6]= "image7";
					imagechpos[7]= "image8";
					imagechpos[8]= "image9";
					imagechpos[9]= "image10";
					
					imagetextdes[0] = "dialogue1";
					imagetextdes[1] = "dialogue2";
					imagetextdes[2] = "dialogue3";
					imagetextdes[3] = "dialogue4";
					imagetextdes[4] = "dialogue5";
					imagetextdes[5] = "dialogue6";
					imagetextdes[6] = "dialogue7";
					imagetextdes[7] = "dialogue8";
					imagetextdes[8] = "dialogue9";
					imagetextdes[9] = "dialogue10";
					
					
					
					
					// To determine change to which photo
					imgno = Math.floor(Math.random()*15);
					
					for (i=0;i<=9;i++)
						{
							if(imagecurimg[i] == imagename[imgno] && imagename[imgno] != 'images/silhouettes.jpg')
							{
								if(imgno==14){
									imgno = 1;
									i=-1;
								}else{
									imgno = imgno + 1;
									i=-1;
								}
								
							}
							
						}
					
					imagecurimg[imgch] = imagename[imgno];
					
					document.getElementById(imagetextdes[imgch]).innerHTML = '<p id=dialoguetext' + imgch+1 + ' name=dialoguetext' + imgch+1 + ' class=dialoguetext><b>' + imagetitle[imgno] + '</b><br />' + imagetext[imgno] + '...<br /><br />' + imageposter[imgno] + ' ,' +  imageage[imgno] + '<a href=lessons.php?lessonid=' + imagehref[imgno] +'><img src="images/readnow.jpg" style="margin:0px 5px 0px 5px; vertical-align:middle;" /></a><a href="showlessons.php?lessonid=' + imagehref[imgno] + '" class="linkbluesmall">[read now]</a></p>';
					document.getElementById("anchor"+(imgch+1)).href = 'showlessons.php?lessonid=' + imagehref[imgno];
					changeimage(imagechpos[imgch],imagename[imgno]);
					//document.getElementById(abc).src = imagename[imgno];
					
					//To change the frequency, amend the number below		
					if(stopped != true){
					u=setTimeout("chgimg('Notfirst')",3000);
					}
				}
				
			}
function displayimage(imageid,imageurl){
	
	
	document.getElementById(imageid).src = imageurl;
	changeOpac(0, imageid);
	if(document.getElementById(imageid).complete){
	opacity(imageid,0,100,1000);
	}
}

function changeimage(imageid,imageurl){
	
	opacity(imageid,100,0,500);
	setTimeout("setimageurl('" + imageid + "' , '" + imageurl + "')",450);
	setTimeout("opacity('" + imageid + "',0,100,500)",1000);
	
	
}

function setimageurl(imageid,imageurl){
	
	
	
	document.getElementById(imageid).src = imageurl;
	
}
		
function opacity(id, opacStart, opacEnd, millisec) { 
    //speed for each frame 
    var speed = Math.round(millisec / 100); 
    var timer = 0; 

    //determine the direction for the blending, if start and end are the same nothing happens 
    if(opacStart > opacEnd) { 
        for(i = opacStart; i >= opacEnd; i--) { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } else if(opacStart < opacEnd) { 
        for(i = opacStart; i <= opacEnd; i++) 
            { 
            setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
            timer++; 
        } 
    } 
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
    var object = document.getElementById(id).style; 
    object.opacity = (opacity / 100); 
    object.MozOpacity = (opacity / 100); 
    object.KhtmlOpacity = (opacity / 100); 
    object.filter = "alpha(opacity=" + opacity + ")"; 
}

function dialogueover(dialogueid){
	//alert(dialogueid + ',' + currentmouse);
	
	window.status="stopped!";
	clearTimeout(t);
	stopped = true;
	if(typeof(u) !== 'undefined'){
	clearTimeout(u);
	
	}
	if(dialogueid != currentmouse && dialogueid != 0){
		
		if(currentmouse != 0){
			dialogueout(currentmouse);
		}
		
		document.getElementById("dialogue"+dialogueid).style.visibility="visible";
		document.getElementById("arrowbox"+dialogueid).style.visibility="visible";
		opacity("dialogue" + dialogueid , 0, 100, 300);
		opacity("arrowbox" + dialogueid , 0, 100, 300);
						
	}	
	
	currentmouse = dialogueid;
}

function dialogueout(dialogueid){
	
	if(dialogueid != 0 && currentmouse != 0){
		setTimeout("document.getElementById('" + 'dialogue' + dialogueid + "').style.visibility='hidden'" ,300);
		setTimeout("document.getElementById('" + 'arrowbox' + dialogueid + "').style.visibility='hidden'" ,300);
		
		opacity("dialogue"+ dialogueid , 100, 0, 300);
		opacity("arrowbox"+ dialogueid , 100, 0, 300);
	}
}

function resetcurrentmouse(){
	
	currentmouse = 0;	
	if(stopped && introcom){
		t=setTimeout("chgimg('Notfirst')",3000);
		stopped = false;
	}
	
}