$(document).ready(function(){

//--------------------------------------------------------------------
	
	$('#yllasMapArea li').each(function(e){
		var index = parseInt(e) + 1;				  
		$(this).addClass('li'+ index).attr('value', index);
	});	
	
	$('#yllasMapArea label').each(function(e){
		$(this).after('<br class="yllasClear" />');
	});	
	
//--------------------------------------------------------------------
		
	$('.multiCheckInit').click(function(event){
		$(this).toggleClass('checked');
		
		if($(this).is('.checked'))
		{
			$(this).parents('.multiCheckArea:first').find('input:checkBox').attr('checked', true).addClass('checked');
			loopImages($(this).parents('.multiCheckArea:first'));
		}	
		else
		{
			$(this).parents('.multiCheckArea:first').find('input:checkBox').attr('checked', false).removeClass('checked');
			loopImages($(this).parents('.multiCheckArea:first'));
		}	
	});

//---------------------------------------------------------------------

	$('.multiCheckArea input:checkbox').click(function(event){
		if($(this).is('.multiCheckInit')){
		}
		else{
			$(this).toggleClass('checked');
			getImages($(this));
		}
	});
	
//---------------------------------------------------------------------
	
	function loopImages(area)
	{
		area.find('.inputsCol input:checkbox').each(function(){
			getImages($(this));
		});	
	}
	
	function getImages(input)
	{
		var index = input.val() -1;	
		var img = $('.activeImage:eq('+index+')');
		if(input.is('.checked')){
			img.show();
		}		
		else{
			img.hide();
		}
	}
	
	$('#yllasMapArea li').click(function(event){
		var index = $(this).attr('value') - 1;
		$('.activeImage:eq('+index+')').toggle();	
		$('.inputsCol input:eq('+index+')').click();
	});
	

	
});