/**
 * @author Maciej Mazur
 */

 
$(document).ready( function() {
	
	$('.adpositionpanel-container').live('mouseover', function() {
		$(this).closest('.adpositionpanel').addClass('adpositionpanel-open');
	})
	
	$('.adpositionpanel-container').live('mouseout', function() {
		$(this).closest('.adpositionpanel').removeClass('adpositionpanel-open');
	})
	
	
	
	$('.adpositionpanel .adpositionpanel-position').live('click', function() {
		
		var panel = $(this).closest('.adpositionpanel');
		var idselposition = parseInt( $(this).find('input.adpositionpanel-idposition').val() );
		
		var targetInput = $(panel).find('input.adposition-selected');
		if( targetInput.length==0 )
			return false;
		
		// copiamos el valor del input con el idposition al input destino
		$(targetInput).val( idselposition );

		// activamos el controlador de evento change del input destino
		// Esto es para que desde otro script podamos asignar un controlador de evento al onchange de este input, 
		// y asi comunicar el adpositionpanel con el mundo exterior (:): en cuanto cambie la posicion seleccionada, hacer automaticamente algo...
		$(targetInput).trigger('change');
		
		// quitamos clase on a todas las regiones
		$(panel).find('.adpositionpanel-position').removeClass('adpositionpanel-position-on');
		
		// se la ponemos a la seleccionada
		$(this).addClass('adpositionpanel-position-on');
		
		// establecemos el nombre de la posicion seleccionada
		var selpositionname = $(this).find('.adpositionpanel-positionname').text();
		$(panel).find('.adpositionpanel-selpositionname').text(selpositionname);
		
		// quitamos al panel todas las posibles clases que definen la zona seleccionada
		// (top, center, right ...), y le ponemos la que corresponda
		$(panel).removeClass('adpositionpanel-top');
		$(panel).removeClass('adpositionpanel-bottom');
		$(panel).removeClass('adpositionpanel-center');
		$(panel).removeClass('adpositionpanel-left');
		$(panel).removeClass('adpositionpanel-right');
		var zone = null;
		switch( idselposition ) {
			case 0:
			case 5:
				zone = 'top';
				break;
			case 2:
			case 4:
				zone = 'left';
				break;
			case 1:
			case 3:
				zone = 'right';
				break;
			case 6:
			case 7:
			case 8:
			case 9:
				zone = 'center';
				break;
			case 10:
				zone = 'bottom';
				break;
		}
		if( zone!=null ) {
			$(panel).addClass('adpositionpanel-' + zone);
		}
		
	})
	
	
})