var arrow = null, archer=null, quote=null; // object
var myWidth = 0, myHeight = 0;
var myArrowWidth = 50, myArrowHeight = 50;
var myArcherWidth = 250, myArcherHeight = 325;
var towardCorner = 0;
var kount = 0;

/*======== window.onload = init ================================*/
function init() {
	arrow = document.getElementById('arrObject');       // get the "arrow" object
	archer = document.getElementById('archerObject'); // get the "archer" object
	moon = document.getElementById('moonObject');  // get the "moon" object
	quote = document.getElementById('quoteObject');  // get the "quote" object
	getWindowSize();
	//alert(myWidth + " " + myHeight);
	towardCorner = (myWidth / myHeight) ;
	archer.style.left = 5 +'px';
	archer.style.top = parseInt(myHeight) -325 +'px';
	archer.style.height= 325 +'px';
	archer.style.width= 250 +'px';
	$(document).ready(function() {
		$('#archerObject').css('visibility', 'visible');
	});
	moon.style.left = parseInt(myWidth) -250 +'px';
	moon.style.top = 10 +'px';
	switchArcherImage('archerImg');
}
window.onload = init;

/* ==== pull archer string ===================== */
var interval = 1000;

var imageArcherNum = 0;
imageArcherArray = new Array();
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer1.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer2.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer3.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer4.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer5.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer5.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer4.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer3.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer2.jpg");
imageArcherArray[imageArcherNum++] = new imageItem("archer/archer1.jpg");

var totalArcherImages = imageArcherArray.length;

function getNextArcherImage() {
	imageArcherNum = (imageArcherNum+1) % totalArcherImages;
	var new_image = get_ImageItemLocation(imageArcherArray[imageArcherNum]);
	return(new_image);
}

function switchArcherImage(place) {
	var new_image = getNextArcherImage();
	document[place].src = new_image;
	if (imageArcherNum < totalArcherImages-1) {
		//release arrow at mid point of bow
		if (imageArcherNum == (totalArcherImages)/2) {
			arrow.style.left = parseInt(archer.style.left) +parseInt(archer.style.width) +'px';
			arrow.style.top = parseInt(archer.style.top) -(myArrowHeight/2) -10 +'px';
			$(document).ready(function() {
				$('#arrObject').css('visibility', 'visible');
			});
			doMove(); // start animating
		}
		var recur_call = "switchArcherImage('"+place+"')";
		timerID = setTimeout(recur_call, interval);
	}
}

/*======== doMove() ========================================*/
function doMove() {
// place the arrow in the bottom right corner and aim for left corner
	arrow.style.left = parseInt(arrow.style.left) + towardCorner +3 +'px';
	arrow.style.top = parseInt(arrow.style.top) -2 +'px';

// every eight miliseconds decrease the size of the arrow and the archer	
	kount = kount + 1;
	if (kount >= 8) {
		//alert(arrow.style.left + " " + arrow.style.top);
		myArrowHeight = parseInt(myArrowHeight) -3;
		myArrowWidth = parseInt(myArrowWidth) -2;
		document.getElementById("arrObject").height=myArrowHeight;
		document.getElementById("arrObject").width=myArrowWidth;
		
		$(document).ready(function() {
			$('#archerObject').css('width',parseInt(archer.style.width) -5 +'px');
			$('#archerObject').css('height',parseInt(archer.style.height) -5 +'px');
			$('#archerObject').css('top',parseInt(archer.style.top) +5 +'px');
		});
		kount = 0;
	}

// call doMove() every 10 msec
	if (parseInt(arrow.style.left) < parseInt(myWidth) -220) { 
		setTimeout(doMove,10); // call doMove in 10msec
	} 	else {
// when finished roll the phases of the moon
		switchImage('moonImg');
		$(document).ready(function() {
			 $('.header h1').css('color', 'white');
			 $('#quoteObject').css('top',myHeight -200 + 'px');
			 $('#quoteObject').css('visibility', 'visible');
		});
	}
}

/* ==== moon phases ===================== */
var interval = 600;

var imageNum = 0;
imageArray = new Array();
imageArray[imageNum++] = new imageItem("moon/mp01.jpg");
imageArray[imageNum++] = new imageItem("moon/mp02.jpg");
imageArray[imageNum++] = new imageItem("moon/mp03.jpg");
imageArray[imageNum++] = new imageItem("moon/mp04.jpg");
imageArray[imageNum++] = new imageItem("moon/mp05.jpg");
imageArray[imageNum++] = new imageItem("moon/mp06.jpg");
imageArray[imageNum++] = new imageItem("moon/mp07.jpg");
imageArray[imageNum++] = new imageItem("moon/mp08.jpg");
imageArray[imageNum++] = new imageItem("moon/mp09.jpg");
imageArray[imageNum++] = new imageItem("moon/mp10.jpg");
imageArray[imageNum++] = new imageItem("moon/mp11.jpg");
imageArray[imageNum++] = new imageItem("moon/mp12.jpg");
imageArray[imageNum++] = new imageItem("moon/mp13.jpg");
imageArray[imageNum++] = new imageItem("moon/mp14.jpg");
imageArray[imageNum++] = new imageItem("moon/mp15.jpg");
imageArray[imageNum++] = new imageItem("moon/mp16.jpg");
imageArray[imageNum++] = new imageItem("moon/mp17.jpg");
imageArray[imageNum++] = new imageItem("moon/mp18.jpg");
imageArray[imageNum++] = new imageItem("moon/mp19.jpg");
imageArray[imageNum++] = new imageItem("moon/mp20.jpg");
imageArray[imageNum++] = new imageItem("moon/mp21.jpg");
imageArray[imageNum++] = new imageItem("moon/mp22.jpg");
//imageArray[imageNum++] = new imageItem("moon/mp23.jpg");
//imageArray[imageNum++] = new imageItem("moon/mp24.jpg");
//imageArray[imageNum++] = new imageItem("moon/mp01.jpg");
//imageArray[imageNum++] = new imageItem("moon/mp02.jpg");
//imageArray[imageNum++] = new imageItem("moon/mp03.jpg");
//imageArray[imageNum++] = new imageItem("moon/mp04.jpg");
//imageArray[imageNum++] = new imageItem("moon/mp04.jpg");
//imageArray[imageNum++] = new imageItem("moon/mpLogo.jpg");

var totalImages = imageArray.length;

function imageItem(image_location) {
	this.image_item = new Image();
	this.image_item.src = image_location;
}

function get_ImageItemLocation(imageObj) {
	return(imageObj.image_item.src)
}

function getNextImage() {
	imageNum = (imageNum+1) % totalImages;
	var new_image = get_ImageItemLocation(imageArray[imageNum]);
	return(new_image);
}

function switchImage(place) {
	var new_image = getNextImage();
	document[place].src = new_image;
	if (imageNum < totalImages-1) {
		var recur_call = "switchImage('"+place+"')";
		timerID = setTimeout(recur_call, interval);
	} 
	else {
		window.location = "homepage.htm"
	}
}

/*=========== get Window Size =======================*/
function getWindowSize() 
{
	if( typeof( window.innerWidth ) == 'number' ) 
		{
    	//Non-IE
    	myWidth = window.innerWidth;
    	myHeight = window.innerHeight;
      		} 
  		else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) 
  		{
  		//IE 6+ in 'standards compliant mode'
  		myWidth = document.documentElement.clientWidth;
  		myHeight = document.documentElement.clientHeight;
  		} else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) 
  		{
  		//IE 4 compatible
    	myWidth = document.body.clientWidth;
   		myHeight = document.body.clientHeight;
  		}
  }