var relativeX = 0;
var relativeY = 0;
var flag=0;

$(document).ready(function() {
						$('.map-box').click(function(e) {
								  relativeX = parseInt( e.pageX - this.offsetLeft);
								  relativeY = parseInt(e.pageY - this.offsetTop)-220;
								  //alert(relativeY)
								  topX=-(relativeX*3)+350
								  topY=-(relativeY*3)+177
								  if(topX>0){
									 topX=0}
								   if(topY>0){
									 topY=0}
								    if(topX<-1400){
									 topX=-1400}
								   if(topY<-720){
									 topY=-720}
									 
								  
								$('.mini-map').hide();
								$('.mini-map-conteiner').hide();
						if(flag==0){
								//alert(relativeX);
							   $("#viewport").mapbox({ 
									zoom: false, // does map zoom? 
									defaultX:topX, // default positioning on X-axis 
									defaultY:topY // default positioning on Y-axis 
							
    });
					   flag=1;
					 
						}
						  
     });   
						
			
						
						
						
						
						
					   $('.minus').click(function() {
										$('.mini-map').show();
										$('.mini-map-conteiner').show();
										flag=0
													})
					   $('.plus').click(function() {
										$('.mini-map').hide();			
										$('.mini-map-conteiner').hide();			
				                         $("#viewport").mapbox({ 
									     zoom: false // does map zoom?
										 //defaultX:-640, // default positioning on X-axis 
									     //defaultY:-550 // default positioning on Y-axis 
									})
							
    });
						   
						   });