// JavaScript Document


// choose which pic to display in the main area based on the time
var d=new Date();
var s=d.getSeconds();
function picdisplay(){
	if (s<=15){
	p=1;
	}
	else if (s>=16 && s<=30){
	p=2;
	}
	else if (s>=31 && s<=45){
	p=3;
	}
	else if (s>=46 && s<=60){
	p=4;
	}
	else{
	p=5;
	}

	switch(p){
	case 1:
	document.write("<br><img src='images/"+baseArray[0][0]+"' name='display' alt='pool'><br><br>");
	break;
	case 2:
	document.write("<br><img src='images/"+baseArray[1][0]+"' name='display' alt='night'><br><br>");
	break;
	case 3:
	document.write("<br><img src='images/"+baseArray[2][0]+"' name='display' alt='Bedroom'><br><br>");
	break;
	case 4:
	document.write("<br><img src='images/"+baseArray[3][0]+"' name='display' alt='Sunset'><br><br>");
	break;
	default:
	document.write("<br>the case was not slected");
	}
}

//functionm to change the text
  function changetext(i)
	{
		i=i-1;
	var comment = baseArray[i][3] ;
	var id = document.getElementById("comment");
//	id.innerHTML=comment;
	document.getElementById('textarea').innerHTML = comment;
	}


// display the image links on the side of the home page
function mouseOver(i){
	//document.write("pic = "+pic+" "+picArray[pic-1]+"----picName");
	loc=picArray[i-1]
	document[loc].src=eval(loc +".src");
	document.display.src=eval("disp"+ i +".src");
	changetext(i);
	
}
function mouseOut(i){
	loc=picArray[i-1]
	document[loc].src=eval("pic"+ i +".src");
}
function listpics(){
	//what to display on mouse over
	disp1 = new Image(); disp1.src = "images/"+baseArray[0][0];
	disp2 = new Image(); disp2.src = "images/"+baseArray[1][0];
	disp3 = new Image(); disp3.src = "images/"+baseArray[2][0];
	disp4 = new Image(); disp4.src = "images/"+baseArray[3][0];
	//which thumb to use
	pic1 = new Image(); pic1.src = "images/"+baseArray[0][1];
	pic2 = new Image(); pic2.src = "images/"+baseArray[1][1];
	pic3 = new Image(); pic3.src = "images/"+baseArray[2][1];
	pic4 = new Image(); pic4.src = "images/"+baseArray[3][1];
	//which thumb to use on mouseover
	act1 = new Image(); act1.src = "images/"+baseArray[0][2];
	act2 = new Image(); act2.src = "images/"+baseArray[1][2];
	act3 = new Image(); act3.src = "images/"+baseArray[2][2];
	act4 = new Image(); act4.src = "images/"+baseArray[3][2];
	//which comment to use on mouseover
	comt1 = baseArray[0][3];
	comt2 = baseArray[1][3];
	comt3 = baseArray[2][3];
	comt4 = baseArray[3][3];
	// which alt name to use

	
//do while loop to list the images
	document.write("<div id='rightNav'>");
	i=1;
	picArray = new Array()
	do{
		pic="pic"+i;
		picName="act"+i; 
		picAlt=baseArray[i-1][4]
		picArray[i-1] = picName;
		document.write("<p><img src="+ eval(pic + ".src") +" name=" + picName + " alt=" + picAlt + " onMouseOver='mouseOver("+ i +")' onMouseOut='mouseOut("+ i +")'></p>");
		i++;
	}
	while(i<=4);
	document.write("</div>");
}