$(document).ready(function(){
	// Sortables 		
	$('.sortable').sortable({
		stop: function(event,ui){
			var ind = 1;
			$('.sortable li input').each(function(index,el){
				$(el).val(ind);
				ind = ind + 1;
			});
			$('.sortable li').each(function(index,el){
				$(el).attr("id","sorted_" + (index + 1));
			});
		}		
		});
	$('.sortable').disableSelection();

	
	// Chainables 
	$('div#left-col div.chain').append('<p class="last" id="chain-controls"> <a href="#" class="button button-prev" id="chain-poll-prev"><span>&lt;&lt; prev</span></a> <a class="button button-next" href="#" id="chain-poll-next"><span>next &gt;&gt;</span></a> <a href="#" class="button button-vote" id="chain-poll-submit"><span>vote</span></a></p>');

	$('#chain-poll-prev').hide();
	$('div#left-col div.chain p.submit').hide();

	var update_buttons = function (){

		if($('.chain-current').prev().html() === null){
			$('#chain-poll-prev').hide();
		}else{
			$('#chain-poll-prev').show();
		}	

		if($('.chain-current').next().html() === null){
			$('#chain-poll-next').hide();
			$('div#left-col div.chain a#chain-poll-submit').show();
		}else{
			$('div#left-col div.chain a#chain-poll-submit').hide();
			$('#chain-poll-next').show();
		}	
	};

	$('a#chain-poll-next').click(function(ev){
		var current = $('.chain-current');	
		var next = current.next();
		$(current).hide();
		$(next).show();
		$(current).removeClass('chain-current');
		$(next).addClass('chain-current');

		update_buttons();

	});

	$('a#chain-poll-prev').click(function(ev){
		var current = $('.chain-current');	
		var next = current.prev();
		$(current).hide();
		$(next).show();
		$(current).removeClass('chain-current');
		$(next).addClass('chain-current');

		update_buttons();
	});


	$('div#left-col div.chain a#chain-poll-submit').click(function(){
		$('div#left-col div.chain form').submit();
		$('p#chain-controls').remove();
	});
	$('div#left-col div.chain p.submit').remove();
	$('div#left-col div.chain a#chain-poll-submit').hide();

	$('div#left-col div.chain div.question').each(function(ind,el){
		if(ind!==0){
			$(el).hide();
		}
		else{
			$(el).addClass('chain-current');
		}
	});

	// Big gender buttons
	$("div.big-gender").each(function(ind,el){
		var p_id = 'big-gender-' + $(el).attr("id");
		$(el).append('<p class="big-gender-buttons" id="' + p_id + '"></p>');
		
		$("p#big-gender-" + $(el).attr("id")).append('<span class="big-gender-button big-gender-male" id="'+ p_id +'-male">Male</span>');
		$("p#big-gender-" + $(el).attr("id")).append(' <span class="big-gender-button big-gender-female" id="'+ p_id +'-female">Female</span>');

		$('a#chain-poll-next').hide();
		$("span#" + p_id + "-male").click(function(ev){
			$("input#select-gender-male").attr("checked", "checked"); 
			$('a#chain-poll-next').click();
		});

		$("span#" + p_id + "-female").click(function(ev){
			$("input#select-gender-female").attr("checked", "checked"); 
			$('a#chain-poll-next').click();
		});
		
	});

});