var Rating_Message = new Array();
	Rating_Message = ['Nightmarish','Blah','Decent','Oh La La','Absolutely Fabulous'];
var Rating_CurrentMessage = '';
var CurrentRating = 0;
var CurrentShoeID = 0;

function Rating(Rating,ShoeID) {
	Rating_CurrentMessage = document.getElementById('ratingmessage').innerHTML;	
	CurrentRating = Rating;
	CurrentShoeID = ShoeID;
	var RatingBlock = '';
		for(i=0; i<5; i++) {
			if (parseInt(CurrentRating) > i) {
			RatingBlock += '<img src="img/star-4.gif" onmouseover="RatingRollOver('+i+')" onmouseout="RatingRollOut()" id="RatingStart_'+i+'" style="cursor:pointer" onclick="SubmitRating('+(i+1)+')" />';			
			} else if (CurrentRating > i) {
			 	var DecimalPoint = CurrentRating-parseInt(CurrentRating);
				if (DecimalPoint > 0.7) {
				RatingBlock += '<img src="img/star-3.gif" onmouseover="RatingRollOver('+i+')" onmouseout="RatingRollOut()" id="RatingStart_'+i+'" style="cursor:pointer" onclick="SubmitRating('+(i+1)+')"/>';			
				} else if (DecimalPoint > 0.3) {
				RatingBlock += '<img src="img/star-2.gif" onmouseover="RatingRollOver('+i+')" onmouseout="RatingRollOut()" id="RatingStart_'+i+'" style="cursor:pointer" onclick="SubmitRating('+(i+1)+')"/>';	
				} else {
				RatingBlock += '<img src="img/star-1.gif" onmouseover="RatingRollOver('+i+')" onmouseout="RatingRollOut()" id="RatingStart_'+i+'" style="cursor:pointer" onclick="SubmitRating('+(i+1)+')"/>';	
				}
			} else {
			RatingBlock += '<img src="img/star-0.gif" onmouseover="RatingRollOver('+i+')" onmouseout="RatingRollOut()" id="RatingStart_'+i+'" style="cursor:pointer" onclick="SubmitRating('+(i+1)+')"/>';
			}
		}
	document.getElementById('stars').innerHTML = RatingBlock;
	
	
	
}

function RatingRollOut() {	
	document.getElementById('ratingmessage').innerHTML = Rating_CurrentMessage;
		for(i=0; i<5; i++) {
			if (parseInt(CurrentRating) > i) {
			document.getElementById('RatingStart_'+i+'').src = 'img/star-4.gif';
			} else if (CurrentRating > i) {
			 	var DecimalPoint = CurrentRating-parseInt(CurrentRating);
				if (DecimalPoint > 0.7) {
				document.getElementById('RatingStart_'+i+'').src = 'img/star-3.gif';
				} else if (DecimalPoint > 0.3) {
				document.getElementById('RatingStart_'+i+'').src = 'img/star-2.gif';
				} else {
				document.getElementById('RatingStart_'+i+'').src = 'img/star-1.gif';
				}
			} else {
			document.getElementById('RatingStart_'+i+'').src = 'img/star-0.gif';
			}
		}
}

function SubmitRating (ID) {	
	document.getElementById('ratingmessage').innerHTML = '<div style="font-weight:bold; color:#000">Thanks...</div>';
	// CALL PAGE
	var CallPage = 'rating.php?id='+CurrentShoeID+'&rating='+ID;	
	// INSERT IFRAME
	var NewiFrame = document.createElement("IFRAME");
	NewiFrame.setAttribute("id", 'RatingFRM');
	NewiFrame.setAttribute("name", 'RatingFRM');
	NewiFrame.setAttribute("width", 1);
	NewiFrame.setAttribute("height", 1);
	NewiFrame.setAttribute("frameborder", 0);
	NewiFrame.setAttribute("scrolling", 0);
	NewiFrame.setAttribute("allowtransparency", 1);
	NewiFrame.style.visibility = "hidden";
	NewiFrame.setAttribute("src", CallPage);
	document.getElementsByTagName('body')[0].appendChild(NewiFrame);
}

function SubmitRatingResponse(NewRating,RatingLine) {	
	document.getElementById('ratingmessage').innerHTML = RatingLine;
	Rating_CurrentMessage = RatingLine;
	CurrentRating = NewRating;
	var RatingBlock = '';
		for(i=0; i<5; i++) {
			if (parseInt(CurrentRating) > i) {
			document.getElementById('RatingStart_'+i+'').src = 'img/star-4.gif';		
			} else if (CurrentRating > i) {
			 	var DecimalPoint = CurrentRating-parseInt(CurrentRating);
				if (DecimalPoint > 0.7) {
				document.getElementById('RatingStart_'+i+'').src = 'img/star-3.gif';		
				} else if (DecimalPoint > 0.3) {
				document.getElementById('RatingStart_'+i+'').src = 'img/star-2.gif';	
				} else {
				document.getElementById('RatingStart_'+i+'').src = 'img/star-1.gif';		
				}
			} else {
			document.getElementById('RatingStart_'+i+'').src = 'img/star-0.gif';		
			}
		}
}

function RatingRollOver (ID) {
	document.getElementById('ratingmessage').innerHTML='<div class="ratingmessage">'+Rating_Message[ID]+'</div>';
	for(i=0; i<5; i++) {
		if (i <= ID) {
		document.getElementById('RatingStart_'+i+'').src = 'img/over_star-'+(ID+1)+'.gif';
		} else {
		document.getElementById('RatingStart_'+i+'').src = 'img/star-0.gif';
		}
	}
}

////////////////////////////////////////////////////////// PRE LOAD IMAGES
function PreloadImages() {
  var d=document; if(d.images){ if(!d.p) d.p=new Array();
    var i,j=d.p.length,a=PreloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.p[j]=new Image; d.p[j++].src=a[i];}}
}
PreloadImages('img/star-0.gif','img/star-1.gif','img/star-2.gif','img/star-3.gif','img/star-4.gif','img/over_star-1.gif','img/over_star-2.gif','img/over_star-3.gif','img/over_star-4.gif','img/over_star-5.gif');
////////////////////////////////////////////////////////// PRE LOAD IMAGES