$(document).ready(function(){
	

	if($('#the_list'))
	{
		$('#the_list > ul > li').each(function(){
			$(this).mouseover(function(){
				$(this).css({
					background:'#eaeaea'
				})
			})

			$(this).mouseout(function(){
				$(this).css({
					background: '#fff'
				})
			})
		})
		$('.check_box').each(function(){
			$(this).click(function(){
				if ($(this).attr('src') == '/images/checked.png')
				{
					$(this).attr({src: '/images/uncheck.png'})
					$($($($(this).parent()[0]).parent()[0]).parent()[0]).css({color: 'black'})
				}
				else
				{
					$(this).attr({src: '/images/checked.png'})
					$($($($(this).parent()[0]).parent()[0]).parent()[0]).css({color: 'green'})
				}
			})
		})						
	}
	

	
	var opacity = 1
	$('#the_list>ul>li').each(function(){
		opacity = (opacity > .2)? opacity.toFixed(2) - .1 : .2
		$(this).css({opacity: opacity})
		console.log(opacity)
	})
	
	var list_array = []
	$('#the_list>ul').sortable({
		stop: function()
		{
			var opacity = 1
			$('#the_list>ul>li').each(function(){
				opacity = (opacity > .1)? opacity.toFixed(2) - .1 : .1
				$(this).css({opacity: opacity})
				
				list_array.push($(this).attr('id'))
			})
			collapsed_list = list_array.join(',')
			list_array = []
			
			$.post("/list_items/sort_save", {sort_order: collapsed_list})
			
		}
	})
	
	$('#add_drop_down').click(function(){
		$('#add_item_form').toggle()
		if($('#add_drop_down>img').attr('src') == '/images/document__plus.png')
			$('#add_drop_down>img').attr('src', '/images/document__minus.png')
		else
			$('#add_drop_down>img').attr('src', '/images/document__plus.png')
		
	})
	
	$('.complete_check').each(function(){
		$(this).click(function(){
			var id_break = $($(this.innerHTML)[0]).attr('id').split('-')
			var item_id = id_break[0];
			var item_status = id_break[1];
			$.post("/list_items/update/" + item_id, {status: item_status}, function(data){
					if(data == 0)
					{
						$($(this.innerHTML)[0]).attr('src', '/images/uncheck.png')
						$('#item_p_'+item_id).css({color: 'black'})
					}
					else
					{
						$($(this.innerHTML)[0]).attr('src', '/images/checked.png')
						$('#item_p_'+item_id).css({color: 'green'})
					}
				})
		})
	})
})