<!--
function speedRater(spanId, imgPath, imgSize){
	var aveTimeout = setTimeout("",0);
	var starSpan = document.getElementById(spanId);
	var starLabelColl = starSpan.getElementsByTagName("div");
	var speedrateUrl = "/speedRate";
	var iconPath = imgPath;
	var iconSize = imgSize;
	var isWorking=false;
	
	function showAveNow(){
    	clearTimeout(aveTimeout);
    }	
	function callLater(myObj){
		return (function(){myObj.hideAfterFive()});
	}		
	function hideAveAfterFive(){
		clearTimeout(aveTimeout);
		//var elementId = vidsDiv.id;
		//aveTimeout = setTimeout('Gbl_RaterCollection['+this.raterCollIndex+'].showRatingUp()',1500);
		var callLaterRef = callLater(this);
		aveTimeout = setTimeout(callLaterRef,1500);
	}			
	function disregardAveHide(){
		clearTimeout(aveTimeout);
	}
	function blankRatingDown(){
		for(var i = 5; i >= 1; i--){
			document.getElementById('starImg'+i).src=iconPath+'unk'+iconSize+'.gif';			
		}
	}
	
	function init(){
		var curstar;
		for(var i = 1; i <= 5; i++){	
			//curstar = document.getElementById('starImg'+i);
			curstar = starSpan.getElementsByTagName('img').item(i-1);
			curstar.origSrc = curstar.src;
			curstar.starNum = i;
			curstar.starSpanId = starSpan.id;
			addListener(curstar, 'mouseover', rateUpTo);
			addListener(curstar, 'mousemove', rateUpTo);
			addListener(curstar, 'click', speedrateVideo);
		}
		
		if(starLabelColl){
			addListener(starLabelColl.item(0),'mouseover',showRatingUp);
		}
	}	
	function showRatingUp(){
		for(var i = 1; i <= 5; i++){
			document.getElementById('starImg'+i).src=document.getElementById('starImg'+i).origSrc;			
		}
	}
	function mouseOutSpan(e){
		// Did it go to a child element?  If so, do nothing.
		var toElem;
		if(!e) var e = window.event;
		
		//if(isIE){
			if (e.relatedTarget) toElem = e.relatedTarget;
			else if (e.fromElement) toElem = e.fromElement;
			else alert("now What IE");
		//}else{
		//	if (e.relatedTarget) toElem = e.relatedTarget;
		//	else if (e.toElement) toElem = e.toElement;
		//	else alert("now What other");			
		//}
		//alert(toElem.parentNode.innerHTML);
		event.cancelBubble=true;
		if(toElem.parentNode == starSpan){
			return true;
		}		
		for(var i = 1; i <= 5; i++){
			document.getElementById('starImg'+i).src=document.getElementById('starImg'+i).origSrc;			
		}
	}
	function rateUpTo(e){
		//disregardAveHide();
		var imgOvered = eventElement(e);
		//window.status=imgOvered.starNum + " mouseovered";
		for (var i = 1; i <= 5; i++){
			var imgLooper = document.getElementById(imgOvered.starSpanId).getElementsByTagName("img").item(i-1);
			//alert(imgLooper.starNum);
			if(i < imgOvered.starNum){
				imgLooper.src=iconPath+iconSize+'.gif';
			}else if(i==imgOvered.starNum){
				//if (event.offsetX < (imgOvered.width / 2)){
				if(getImgX(e) < (imgOvered.width / 2)){
					imgLooper.src=iconPath+'half'+iconSize+'.gif';
				}else{
					imgLooper.src=iconPath+iconSize+'.gif';
				}
			}else{
				imgLooper.src=iconPath+'off'+iconSize+'.gif';
			}
		}				
		/*
		var imgOvered = eventElement(e);
		var X = event.offsetX;
		var Y = event.offsetY;
		window.status="IE: "+X+","+Y;
		*/
	}
	function getImgX(evt){
		var imgX = 0;
		if(window.event && !window.opera && typeof event.offsetX == "number"){
			imgX = evt.offsetX;
		}else{
			var Element = evt.target;
			var totalOffsetLeft = 0;
			while(Element.offsetParent){
				totalOffsetLeft += Element.offsetLeft;
				Element = Element.offsetParent;
			}
			imgX = evt.pageX - totalOffsetLeft;
		}
		return imgX;
	}
	function speedrateVideo(e) {
    	if(!isWorking && http){
	    	var imgClicked = eventElement(e);
    		var imgNum = imgClicked.starNum;
    		if(isIE){
	    		//var vidKey= document.getElementById(imgClicked.starSpanId).getElementsByTagName("div").item(1).vidkey;
	    		var vidKey= document.getElementById(imgClicked.starSpanId).getElementsByTagName("input").item(0).value;
	    	}else{
	    		//var vidKey= document.getElementById(imgClicked.starSpanId).getElementsByTagName("div").item(1).childNodes[0].data;
	    		var vidKey= document.getElementById(imgClicked.starSpanId).getElementsByTagName("input").item(0).value;
	    	}
    		if(getImgX(e) >= (imgClicked.width / 2)){
    			var sendRating = imgNum * 2;
    		}else{
    			var sendRating = (imgNum * 2) - 1;
    		}    		
    		e.cancelBubble=true;
        	http.open("GET", speedrateUrl + "?rating=" + sendRating + "&vidKey=" + vidKey, true);
        	http.onreadystatechange = handleHttpResponse;
        	isWorking=true;
        	http.send(null);
      	}//end if (!isWorking && http)
    }//end function speedrateVideo(e)
    function handleHttpResponse() {
    	if (http.readyState == 4) {
	      	if(http.responseXML.documentElement){
	        	response = http.responseXML.documentElement;
	      	}        
	        if(response){
	        	if(isIE){
			    	var successResponse = response.getElementsByTagName('Success')[0].firstChild.text;
			    }else{
			    	var successResponse = response.getElementsByTagName('Success')[0].firstChild.textContent;
			    }
	    		if(successResponse=="true"){
	    			if(isIE){
			    		var newRating=response.getElementsByTagName('Rating')[0].firstChild.text;
			    	}else{
			    		var newRating=response.getElementsByTagName('Rating')[0].firstChild.textContent;
			    	}
			    	updateLoadedRating(newRating);    			
	    			starLabelColl.item(0).innerHTML="Rating updated ("+(newRating/2)+" stars)";	    			    			
	            }else{
	            	if(isIE){
			    		var errorMsg=response.getElementsByTagName('Error')[0].firstChild.text;
			    	}else{
			    		var errorMsg=response.getElementsByTagName('Error')[0].firstChild.textContent;
			    	}
			    	starLabelColl.item(0).innerHTML="Error: "+errorMsg;
	            }
	        }//end if(response)        
	        
	        isWorking=false;
	        
    	}//end if(http.readyState == 4)
    }//end function handleHttpResponse
    function updateLoadedRating(newRating){
    	var remainder;
    	var starCounter=1;
    	var usedRating;
    	var images = starSpan.getElementsByTagName("img");
    	
    	for (var i = 1; i <= newRating; i++){
    		remainder = i % 2;
    		if(i == newRating){
    			if(remainder == 1){
    				// half-star
    				images[starCounter-1].origSrc=iconPath+'half'+iconSize+'.gif';
    			}else{
    				// full-star
    				images[starCounter-1].origSrc=iconPath+iconSize+'.gif';
    			}
    			starCounter++;
    		}else{
    			if(remainder == 0){
    				// full-star
    				images[starCounter-1].origSrc=iconPath+iconSize+'.gif';;
    				starCounter++;
    			}
    		}
    		usedRating = i;
    	}
    	for (var i = usedRating; i <= 9; i++){
    		remainder = i % 2;
    		if(remainder == 0){
    			// unused-star
    			images[starCounter-1].origSrc=iconPath+'off'+iconSize+'.gif';
    			starCounter++;
    		}
    	}
    }//end updateLoadedRating()
	
	addListener(starSpan, 'mouseout', mouseOutSpan);
	init();
		
}//end function speedRater()
//-->