var clickedArray = new Array();
var globalImageId;
var isRated;


//CHECKS IF USER HAS ALREADY RASTED THE IMAGE
function checkIfRated(){
	var imageRated = 0;
	var message = "";

	for (var loopindex = 0; loopindex < clickedArray.length; loopindex++){	
		/* Check if already rated */
		if (clickedArray[loopindex] == globalImageId){
			imageRated = 1;
		}
	}
	
	if (imageRated == 1){
		return false;
	} else {
		clickedArray.push(globalImageId);
		return true;
	}
}

//CHANGES STAR IMAGES TO RATING CLICKED AND SEND INFO TO AJAX CALL PRIOR TO DISPLAYING INFO BOX
function imageRate(rating, imageId) {
	
	//setGlobal Variable for all other functions to access the current Image Id
	globalImageId = imageId;
	
	//changing star images
	var onImage = '/images/ownersImageStarOn.gif'
	
	var  image1Doc = eval('document.star1_'+imageId);
	var  image2Doc = eval('document.star2_'+imageId);
	var  image3Doc = eval('document.star3_'+imageId);
	var  image4Doc = eval('document.star4_'+imageId);
	var  image5Doc = eval('document.star5_'+imageId);
	isRated = checkIfRated();
	if (isRated){

		switch (rating) {
				case 1:
					image1Doc.src = onImage;
					break;
				case 2:
					image1Doc.src = onImage;
					image2Doc.src = onImage;
					break;
				case 3:
					image1Doc.src = onImage;
					image2Doc.src = onImage;
					image3Doc.src = onImage;
					break;
				case 4:
					image1Doc.src = onImage;
					image2Doc.src = onImage;
					image3Doc.src = onImage;
					image4Doc.src = onImage;
					break;
				case 5:
					image1Doc.src = onImage;
					image2Doc.src = onImage;
					image3Doc.src = onImage;
					image4Doc.src = onImage;
					image5Doc.src = onImage;
					break;
				default: 
		}
	}
	showRatingInfo(rating);
}

//SETUP OF DISPLAY BOX INCLUDING AJAX OPS
function showRatingInfo(rating){
	var divName = "ratingInfoBox_"+ globalImageId;
	
	if (isRated){
		datasource = "/owners/ownersAjax.cfm?rating="+rating+"&imageId="+globalImageId+"&newVote=true";
	} else {
		datasource = "/owners/ownersAjax.cfm?rating="+rating+"&imageId="+globalImageId;	
	}
	
	loadXMLDoc(datasource, ajaxDisplayInfo, true);
	
	document.getElementById(divName).style.display = "block";
	setTimeout(function(){hideDiv(divName);}, 7000);
}

function ajaxDisplayInfo(){
	var xmlData = resultXML.getElementsByTagName("rating");
	var loopindex;
	
	for (loopindex = 0; loopindex < xmlData.length; loopindex++){
		divNum = loopindex + 1;
		//alert(xmlData[loopindex].childNodes[1].firstChild.data);
		document.getElementById('ratingsStausBar'+divNum+'_'+globalImageId).style.width = xmlData[loopindex].childNodes[1].firstChild.data+"px";
		document.getElementById('ratingsVoteCount'+divNum+'_'+globalImageId).innerHTML = "votes: "+xmlData[loopindex].childNodes[2].firstChild.data;
	}
	



}

function hideDiv(divName){
	document.getElementById(divName).style.display = "none"	
}

function showLarge(imageId){
	alert("you got here!");
}