var vote_position;
var vote_votes;
var vote_grade;
var new_width;

var boom = false;

function nowy_glos( e ) {
	
	if (boom == false) {
	var position_relative_to_div = Event.pointerX(e) - parseInt( getX( $('vote_bar') ) );

	boom = true;
	new Ajax.Request('http://www.grymix.pl/ajax/vote/',
	{	method: 'post',
    	postBody: 'nrate=' + position_relative_to_div + '&article_id=' + article_id,
    	onSuccess: function(transport){
    		var v_data = ( parseInt( parseInt(vote_position) * parseInt( $('vote_votes').innerHTML ) ) + parseInt( position_relative_to_div ) ) / ( parseInt( $('vote_votes').innerHTML ) + 1 );
    		$('vote_bar').style.width = Math.round( v_data, 1 );
    		
    		vote_position = v_data;
    		$('vote_votes').innerHTML = parseInt($('vote_votes').innerHTML) + 1;
    		Event.stopObserving('vote_box', 'mousemove', mouse_over_div );
	  		Event.stopObserving( $('vote_box'), 'click', nowy_glos );
   		}
  	});
	}
}


function getX( oElement ) {
	var iReturnValue = 0;
	while( oElement != null ) {
		iReturnValue += oElement.offsetLeft;
		oElement = oElement.offsetParent;
	}
	return iReturnValue;
} 

function mouse_outside_div(e) {
		if ( Event.element(e).id != 'vote_back' && Event.element(e).id != 'vote_bar' ) { 
			/*alert( Event.element(e).id );*/
			$('vote_bar').style.width = Math.floor( parseInt( vote_position ) ) + 'px';
		}
}

function mouse_over_div(e) {	
		
		var div_pos_x = parseInt( getX( $('vote_bar') ) );
		var position_relative_to_div = Event.pointerX(e) - div_pos_x;
		
		if ( position_relative_to_div <= 4 ) {
			new_width = 0;
		}
		else if ( position_relative_to_div > 4 && position_relative_to_div <= 23 ) {
			new_width = 23;
		}
		else if ( position_relative_to_div > 23 && position_relative_to_div < 42 ) {
			new_width = 42;
		}
		else if ( position_relative_to_div > 42 && position_relative_to_div < 61 ) {
			new_width = 61;
		}
		else if ( position_relative_to_div > 61 && position_relative_to_div < 80 ) {
			new_width = 80;
		}
		else if ( position_relative_to_div > 80 ) {
			new_width = 103;
		}
		
		$('vote_bar').style.width = new_width + 'px';
				
		Event.observe( $('vote_box'), 'click', nowy_glos );
		
}
	
function init() {
		vote_position = $('vote_bar').style.width
		vote_position = vote_position.replace(/px/, '');
	
		Event.observe('vote_box', 'mousemove', mouse_over_div );
	
		/*Event.observe( window, 'mouseout', mouse_outside_div );*/
		Event.observe( 'main-game', 'mouseout', mouse_outside_div );
}

Event.observe( window, 'load', init );

function glosuj( vote ) {
	alert( vote );
}