/***************************************
 * @author mkywrench
 ***************************************/


/***************************************
 * GLOBAL PROPERTIES
 ***************************************/
var stageCanvas;
var timer;
var i = 0;
var currentImg = 0;
var imgSrc = ["src/assets/gallery/illustration/ink_000.png,517,623, Drawing Tooltip 0", 
"src/assets/gallery/illustration/ink_001.png,672,579, Drawing 1", 
"src/assets/gallery/illustration/ink_002.png,717,431, Drawing 2", 
"src/assets/gallery/illustration/ink_003.png,515,598, Drawing 3", 
"src/assets/gallery/illustration/ink_004.png,519,717, Drawing 4", 
"src/assets/gallery/illustration/ink_005.png,640,432, Drawing 5", 
"src/assets/gallery/illustration/ink_006.png,321,647, Drawing 6", 
"src/assets/gallery/illustration/ink_007.png,717,520, Drawing 7",
"src/assets/gallery/illustration/ink_008.png,574,640, Drawing 8",
"src/assets/gallery/illustration/ink_009.png,535,640, Drawing 9",
"src/assets/gallery/illustration/ink_010.png,480,640, Drawing 10",
"src/assets/gallery/illustration/ink_011.png,475,576, Drawing 11",
];
//


/***************************************
 * INITIALIZE APPLICATION
 ***************************************/
function init() {
	runShow();
	displayDate();
}

//end function

function swapImage() {
	var stringArray = imgSrc[i].split(",");
	document.getElementById("mainStage").innerHTML = "<img src='" + stringArray[0] + "'" + "width='" + stringArray[1] + "'" + "height='" + stringArray[2] + "'" + "alt='" + stringArray[3] + "'/>";
}

//end function

function runShow() {
	timer = setTimeout("runShow()", 3000);
	if(i < imgSrc.length - 1) {
		i++;
	}
	else {
		i = 0;
	}
	swapImage();
}

//end function

function displayDate() {
	//code to display the current time/date
	//on the screen using a custom font
	//rendered with the canvas element
	var currentTime = new Date();
	var hrs = currentTime.getHours();
	var mins = currentTime.getMinutes();
	var suffix = "AM";
	if(hrs >= 12) {
		suffix = "PM";
		hrs = hrs - 12;
	};
	if(hrs === 0) {
		hrs = 12;
	}
	if(mins < 10) {
		mins = "0" + mins;
	}
	document.getElementById("timeDate").innerHTML = "<b>" + hrs +":" + mins + " "+suffix+"</b>";
	
}

//end function