/**
 * 
 */
var info;
var index;

showInfo = function( index )
{
	// create the link 
	var link = '<a href="'+info.info[index]['url']+'" title="'+info.info[index]['name']+'" >'+info.info[index]['name']+'</a>';
	$(".map .info_name").html( link );
	if( '' == info.info[index]['sec_title'] )
	{
		$(".map .info_desc").html( info.city );
	}else{
		$(".map .info_desc").html( info.info[index]['sec_title'] );
	}
	
}

$(function() {
	$(".map .cross").click(function(){
		$.ajax({
			url: HOME_URL+'mapinfo/'+this.id.replace( /location_/i , ""),
			dataType: "json",
			type:	"get",
			success: function( data ){
				info = data;
				
				if( 0 < info.info.length  )
				{
					index = 0;
					showInfo( index );
					if( 1 < info.info.length )
					{
						$(".map #page_left").click( function(){
							if( 0 < index ){
								--index;
							}else{
								index = (info.info.length-1);
							}
							showInfo( index );
							
							return false;
						}).blur();
						$(".map #page_right").click( function(){
							if( info.info.length > index+1 ){
								++index;
							}else{
								index = 0;
							}
							showInfo( index );
							return false;
						}).blur();
						
						$(".map .info_pager").show();
					}
					else
					{
						$(".map .info_pager").hide();
						$(".map #page_left").click( function(){});
						$(".map #page_right").click( function(){});
					}
				}else{
					
					$(".map .info_pager").hide();
					$(".map #page_left").click( function(){});
					$(".map #page_right").click( function(){});
					$(".map .info_name").html( "" );
				}
			}
		});
		return false;
	}).blur();
});