function showMapPopup(){
	blind = $('<div class="blind"></div>');
	pageHeight = (document.documentElement.offsetHeight > document.body.clientHeight) ? document.documentElement.offsetHeight : document.body.clientHeight;
	blind.height(pageHeight).appendTo('body').click(function(){
		closeMapPopup(mapPopup,blind);
		return false;
	});;
	var mapPopup = $('#mapPopup');
	setCenterMapPopup(mapPopup);
	blind.show();
	$('#wrapper select').css({visibility: 'hidden'});
	mapPopup.show();
	
	mapPopup.find('.popClose').click(function(){
		closeMapPopup(mapPopup,blind);
		return false;
	});
};

function setCenterMapPopup(item) {
	windowHeight = document.documentElement.clientHeight;
	currentOffset = document.documentElement.scrollTop || document.body.scrollTop;
	currentOffset = currentOffset + parseInt((windowHeight - $(item).height()) / 2);
	pLeft = (document.body.clientWidth - $(item).width()) / 2;
	if (currentOffset < 20) { $(item).css({top: 20, left: pLeft}).fadeIn(); }
	else { $(item).css({top: currentOffset, left: pLeft}).fadeIn(); }
	return false;
};

function closeMapPopup(popup,blind){
	popup.hide();
	blind.remove();
	$('#wrapper select').css({visibility: 'visible'});
};

$(document).ready(function(){
	$('area').hover(function (){
		index = $("area").index(this);
		$('.region').eq(index).show();
		$('.hint').eq(index).addClass('hint-active');
	},
	function (){
		$('.region').hide();
		$('.hint').removeClass('hint-active');
	});
	
	$('a.hint').hover(function (){
		index = $("a.hint").index(this);
		$('.region').eq(index).show();
		$(this).addClass('hint-active');
	},
	function (){
		$('.region').hide();
		$(this).removeClass('hint-active');
	});
	
	
	
	$('area').click(function (){
		area = $(this);
		type = area.attr('rel');
		index = $("area").index(this);
		if ( !(area.hasClass('active')) ) {
			_rel = " "+type+" "; 
			_str = $('#inpHidden').val();
			_str +=_rel;
			$('#inpHidden').val(_str);
			area.addClass('active');
			$('a.hint').eq(index).addClass('active');
			//alert ($('#inpHidden').val());
		}
		else {
		_rel = " "+type+" "; 
		_str = $('#inpHidden').val(); 
		_str = _str.replace(_rel,"");
		$('#inpHidden').val(_str);
			area.removeClass('active');
			$('a.hint').eq(index).removeClass('active');
			//alert ($('#inpHidden').val());
		}
		$('div.regBlock a[rel='+type+']').toggleClass('reg-active');
		$('.region').eq(index).toggleClass('mCheck');
		$('.hint').eq(index).toggleClass('hint-check');
		return false;
	});
	
	$('a.hint').click(function (){
		a = $(this);
		type = a.attr('rel');
		index = $("a.hint").index(this);
		if ( !(a.hasClass('active')) ) {
			_rel = " "+type+" "; 
			_str = $('#inpHidden').val();
			_str +=_rel;
			$('#inpHidden').val(_str);
			a.addClass('active');
			$('area').eq(index).addClass('active');
			//alert ($('#inpHidden').val());
		}
		else {
		_rel = " "+type+" "; 
		_str = $('#inpHidden').val(); 
		_str = _str.replace(_rel,"");
		$('#inpHidden').val(_str);
			a.removeClass('active');
			$('area').eq(index).removeClass('active');
			//alert ($('#inpHidden').val());
		}
		$('div.regBlock a[rel='+type+']').toggleClass('reg-active');
		$('.region').eq(index).toggleClass('mCheck');
		$('.hint').eq(index).toggleClass('hint-check');
		return false;
	});
	
	$('div.regBlock a').click(function (){
		a = $(this);
		type = a.attr('rel');
		
		if (!a.hasClass('reg-active')) {
			_rel = " "+type+" "; 
			_str = $('#inpHidden').val();
			_str +=_rel;
			$('#inpHidden').val(_str);
			a.addClass('reg-active');
		}
		else {
			_rel = " "+type+" "; 
			_str = $('#inpHidden').val(); 
			_str = _str.replace(_rel,"");
			$('#inpHidden').val(_str);
			a.removeClass('reg-active');
		}
		index = $("area").index($('area[rel='+type+']'));
		$('area[rel='+type+']').toggleClass('active');
		$('.hint[rel='+type+']').toggleClass('hint-check');
		$('.region').eq(index).toggleClass('mCheck');
		
		return false;
	});
});