function getDocumentHeight()
{
    return (document.body.scrollHeight > document.body.offsetHeight)?document.body.scrollHeight:document.body.offsetHeight;
}
function getClientHeight()
{
  return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

function getElementPosition(elemId)
{
    var elem = document.getElementById(elemId);
    
    var w = elem.offsetWidth;
    var h = elem.offsetHeight;
    
    var l = 0;
    var t = 0;
    
    while (elem)
    {
        l += elem.offsetLeft;
        t += elem.offsetTop;
        elem = elem.offsetParent;
    }

    return {"left":l, "top":t, "width": w, "height":h};
}

function clickCity(i,j,obj) {
	    $('#n1').removeClass('map_style');
		$('#map_obj').removeClass('map_style');
		var height=getDocumentHeight();
		
		$('#n1').css('position','absolute');
		$('#n1').css('z-index','2000');
		$('#n1').css('height',height+'px');
		$('#n1').css('width','100%');
		$('#n1').css('opacity','0.3');
		$('#n1').css('top','0');
		$('#n1').css('left','0');
		$('#n1').css('background-color','#666666');
		$('#n1').css('cursor','pointer');
		$('#n1').css('cursor','pointer');
		

		
$.ajax({ type: "GET", url: "/files/map/get_coords.php", data: ({
"number" : i,
"city": j
 }), success: function(data){

        
		var new_height=$(window).height()/2-300/2;
		if (obj!=null&&obj!="") {
		var c_h=getElementPosition(obj.id);
		new_height=c_h.top-150-17;
		 }
		
		
	  	$('#map_obj').css('top',new_height);
		$('#map_obj').css('left',$(window).width()/2-450/2);
		$('#map_obj').css('position','absolute');
		$('#map_obj').css('z-index','2200');
		$('#map_obj').css('height','300px');
		$('#map_obj').css('width','450px');
		$('#map_obj').css('opacity','1');
		$('#map_obj').css('border','1px');
		$('#map_obj').css('border-style','solid');
		$('#map_obj').css('border-color','#FF6600');
		$('#map_obj').css('border-collapse','collapse');
		
	var lt; 
	var lg;
	var pos = data.indexOf("?");
	lt=data.substr(0,pos);
	lg=data.substr(pos+1,data.length-pos);
		
	  var map = new GMap2(document.getElementById("map_obj"));
   	  markerOptions = {};
      var marker = new GMarker(new GLatLng(lt, lg),markerOptions);
	  map.setCenter(new GLatLng(lt, lg), 15);
	  map.addControl(new GSmallMapControl());
      map.addOverlay(marker);
  
}  });

$('#n1').click(function() {
$('#n1').animate({opacity: 0}, 500);
$('#map_obj').animate({
    opacity: 0,
  }, 200, function() {
   $('#n1').addClass('map_style');
   $('#map_obj').addClass('map_style');
  });
});
}