$(document).ready(function(){galleryInit();});

var baseName;
var rating;
var current;
var orgSrc;
var newSrc;

function galleryInit()
{
	 baseName = $('#sfBaseName').html(); 
	 rating = $('#sfRating').html();
	 
	 markStars();
	 initRating();
}

function markStars()
{
	$('#sfStars img').each(function(i) {
		orgSrc = $(this).attr('src');
		newSrc = orgSrc.replace('under', 'over');
		if(i < rating) $(this).attr('src', newSrc);
	});
}

function initRating()
{
	$('#sfGiveYourRating img').css('cursor','pointer').click(function(){enableRatings();});
}

function enableRatings()
{
	$('#sfStarsForRating').fadeIn();
	$('#sfStarsForRating img').each(function(i)
	{
		orgSrc = $(this).attr('src');
		newSrc = orgSrc.replace('under', 'over');
		
		$(this).data('current', i);
		$(this).mouseover(function(){ highlightStars( $(this).data('current') ); }).css('cursor', 'pointer');
		$(this).click( function(){submitRating($(this).data('current'));});
	});
}

function highlightStars(index)
{
	$('#sfStarsForRating img').each(function(i)
	{
		if(i <= index)
		{
			$(this).attr('src', newSrc);
		} else {
			$(this).attr('src', orgSrc);
		}
	});
}

function submitRating(index)
{
	$.get('/en/gallery/submit/' + (index+1) + '/' + baseName);
	disableRatings();
}

function disableRatings()
{
	$('#sfStarsForRating').fadeOut();
	$('#sfGiveYourRating img').css('cursor','default').unbind('click').attr('src', '/static/en/img/competition/vote_submitted.gif');
}