$(document).ready(function() {
	initPopup('body');
	/*$('#popup_container').click(closePopup);*/
	$('.voter form').submit(function(){
		var url = $(this).attr('action') + '&ajax=ajax';
		$.ajax({
			type: "GET",
			url: url,
			success: function(responseText){
				responseText = responseText.split(':');
				if (responseText[0] == 'OK') {
					var elem = $('.voter.id_' + responseText[1] + ' .note');
					elem.html(responseText[3]);
					if (responseText[2] == '-') {
						elem.css('color', '#A00');
					} else {
						elem.css('color', '#0A0');
					}
					
					elem.css('font-weight', 'bold');
					$('.voter.id_' + responseText[1] + ' .vote').fadeOut(870, function(){
						$(this).css('display', 'block').css('visibility', 'hidden');
					});
					for (i=50;i<350;i+=50) {
						elem.animate({opacity: 0}, i);
						elem.animate({opacity: i*0.003}, i);
					}
				}
			}
		});
		return false;
	});
});	


function showLoader(code) {
	$(code).html('<div class="ajax_loader"><img src="img/ajax-loader.gif /></div>');
}

function initPopup(ref) {
	ref = ref + ' ';
	$(ref + '.open_popup').click(function(){
		showLoader('#popup');
		$('#popup').load($(this).attr('href') + '&ajax=1');
		openPopup($(this));
		return false;
	});
	$(ref + '.close_popup').click(function(){
		closePopup($(this));
		return false;
	});

	$(ref + '#disable_layer').click(closePopup);
	
   var options = { 
        target:        '#popup',   		// target element(s) to be updated with server response 
        beforeSubmit:  onFormSubmiting,	// pre-submit callback 
        success:       onFormFinished	// post-submit callback
    };
    $('#popup .add_item').ajaxForm(options);
    $('#popup .add_item').append('<input type="hidden" name="ajax" value="ajax" />');
}

function onFormSubmiting(formData, jqForm, options){
	showLoader('#popup');
}

function onFormFinished(responseText, statusText){}

function openPopup(e) {
	$('#popup_container').slideDown(500);
	$('#disable_layer').show();
}

function closePopup(e) {
	$('#popup_container').slideUp(500, function() {
		$('#disable_layer').hide();
	});
}

function onVoteFinished(responseText, textStatus, XMLHttpRequest) {
	responseText  =responseText.split(':');
	if (responseText[0] == 'OK') {
		var color = '#0A0';
		if (responseText[0] == '-') {
			color = '#A00';
		}
		var elem = $('.voter.id_' + responseText[1]);
		var originalColor = elem.css('font-color'); 
		elem.animate({fontColor: color}, 500);
		elem.animate({fontColor: originalColor}, 500);
		elem.animate({fontColor: color}, 1000);
		elem.animate({fontColor: originalColor}, 1000);
		elem.animate({fontColor: color}, 1500);
	}
}