$(document).ready(function() {

	var root = deriveRoot();

	for(var i = 0; i < 6; i++) {
		var ele = $("select#rating_"+i).parent();
		
		if($("select#rating_"+i).val() != "null")
		{
			$("select#rating_"+i).hide();
			
			if($("select#rating_"+i).val() == 1)
			{
				ele.append('<span class="stars"><img rel="1" src="'+root+'media/img/star_1.png" alt="Leave 1 Star" title="Leave 1 Star" /><img rel="2" src="'+root+'media/img/star_0.png" alt="Leave 2 Stars" title="Leave 2 Stars" /><img rel="3" src="'+root+'media/img/star_0.png" alt="Leave 3 Stars" title="Leave 3 Stars" /><img rel="4" src="'+root+'media/img/star_0.png" alt="Leave 4 Stars" title="Leave 4 Stars" /><img rel="5" src="'+root+'media/img/star_0.png" alt="Leave 5 Stars" title="Leave 5 Stars" /></span>');
			}
			else if($("select#rating_"+i).val() == 2)
			{
				ele.append('<span class="stars"><img rel="1" src="'+root+'media/img/star_1.png" alt="Leave 1 Star" title="Leave 1 Star" /><img rel="2" src="'+root+'media/img/star_1.png" alt="Leave 2 Stars" title="Leave 2 Stars" /><img rel="3" src="'+root+'media/img/star_0.png" alt="Leave 3 Stars" title="Leave 3 Stars" /><img rel="4" src="'+root+'media/img/star_0.png" alt="Leave 4 Stars" title="Leave 4 Stars" /><img rel="5" src="'+root+'media/img/star_0.png" alt="Leave 5 Stars" title="Leave 5 Stars" /></span>');
			}
			else if($("select#rating_"+i).val() == 3)
			{
				ele.append('<span class="stars"><img rel="1" src="'+root+'media/img/star_1.png" alt="Leave 1 Star" title="Leave 1 Star" /><img rel="2" src="'+root+'media/img/star_1.png" alt="Leave 2 Stars" title="Leave 2 Stars" /><img rel="3" src="'+root+'media/img/star_1.png" alt="Leave 3 Stars" title="Leave 3 Stars" /><img rel="4" src="'+root+'media/img/star_0.png" alt="Leave 4 Stars" title="Leave 4 Stars" /><img rel="5" src="'+root+'media/img/star_0.png" alt="Leave 5 Stars" title="Leave 5 Stars" /></span>');
			}
			else if($("select#rating_"+i).val() == 4)
			{
				ele.append('<span class="stars"><img rel="1" src="'+root+'media/img/star_1.png" alt="Leave 1 Star" title="Leave 1 Star" /><img rel="2" src="'+root+'media/img/star_1.png" alt="Leave 2 Stars" title="Leave 2 Stars" /><img rel="3" src="'+root+'media/img/star_1.png" alt="Leave 3 Stars" title="Leave 3 Stars" /><img rel="4" src="'+root+'media/img/star_1.png" alt="Leave 4 Stars" title="Leave 4 Stars" /><img rel="5" src="'+root+'media/img/star_0.png" alt="Leave 5 Stars" title="Leave 5 Stars" /></span>');
			}
			else if($("select#rating_"+i).val() == 5)
			{
				ele.append('<span class="stars"><img rel="1" src="'+root+'media/img/star_1.png" alt="Leave 1 Star" title="Leave 1 Star" /><img rel="2" src="'+root+'media/img/star_1.png" alt="Leave 2 Stars" title="Leave 2 Stars" /><img rel="3" src="'+root+'media/img/star_1.png" alt="Leave 3 Stars" title="Leave 3 Stars" /><img rel="4" src="'+root+'media/img/star_1.png" alt="Leave 4 Stars" title="Leave 4 Stars" /><img rel="5" src="'+root+'media/img/star_1.png" alt="Leave 5 Stars" title="Leave 5 Stars" /></span>');
			}
			
			ele.append('<input name="rating_'+i+'" type="hidden" value="'+$("select#rating_"+i).val()+'" />');
		}
		else
		{
			$("select#rating_"+i).hide();
			
			ele.append('<span class="stars"><img rel="1" src="'+root+'media/img/star_0.png" alt="Leave 1 Star" title="Leave 1 Star" /><img rel="2" src="'+root+'media/img/star_0.png" alt="Leave 2 Stars" title="Leave 2 Stars" /><img rel="3" src="'+root+'media/img/star_0.png" alt="Leave 3 Stars" title="Leave 3 Stars" /><img rel="4" src="'+root+'media/img/star_0.png" alt="Leave 4 Stars" title="Leave 4 Stars" /><img rel="5" src="'+root+'media/img/star_0.png" alt="Leave 5 Stars" title="Leave 5 Stars" /></span>');
			
			ele.append('<input name="rating_'+i+'" type="hidden" value="null" />');
		}
	}
	
	$("span.stars img").mouseover(function() {
		
		if($(this).parent().parent().find("input[name^='rating_']").val() == 'null') {
			$(this).attr("src", root+"media/img/star_1.png");
			
			$(this).prev().attr("src", root+"media/img/star_1.png");
			$(this).prev().prev().attr("src", root+"media/img/star_1.png");
			$(this).prev().prev().prev().attr("src", root+"media/img/star_1.png");
			$(this).prev().prev().prev().prev().attr("src", root+"media/img/star_1.png");
			$(this).next().attr("src", root+"media/img/star_0.png");
			$(this).next().next().attr("src", root+"media/img/star_0.png");
			$(this).next().next().next().attr("src", root+"media/img/star_0.png");
			$(this).next().next().next().next().attr("src", root+"media/img/star_0.png");
		}
	}).click(function() {
		var index = $(this).attr("rel");
	
		cementStars(index, this);
		
		$(this).parent().parent().find("input[name^='rating_']").val(index);
	});
	
	$("span.stars").mouseout(function() {
		cementStars($(this).parent().find("input[name^='rating_']").val(), this);
	});
	
	var terms = $("textarea#terms").parent();
	
	$("textarea#terms").hide();
	
	terms.append('<a class="terms" href="'+root+'" title="View Feedback Terms">Read Feedback Terms</a>');
	
	$("a.terms").click(function() {
		$(this).remove();
		$("textarea#terms").css({height:"200px"});
		$("textarea#terms").slideDown();
		
		return false;
	});
});

function cementStars(index, element) {
	var root = deriveRoot();
	
	$(element).parent().find("img").attr("src", root+"media/img/star_0.png");

	var ele = $(element).parent().find("img:first");
	for(var i = 0; i < index; i++) {
		ele.attr("src", root+"media/img/star_1.png");
		
		ele = ele.next();
	}
}

function deriveRoot()
{
  var root = window.location.protocol+'//'+window.location.hostname+'/';
  
  if ( ( pos = window.location.pathname.search('public_html') ) != -1 )
  {
    root += window.location.pathname.substring(1,pos+12);
  }
  
  if ( window.location.pathname.search('demo') != -1 )
  {
    root += 'demo/';
  }
  
  return root;
}