var TimeToFade = 1000.0;

function fade(eid)
{
  var element = document.getElementById(eid);
  if(element == null)
    return;
   
  if(element.FadeState == null)
  {
    if(element.style.opacity == null
        || element.style.opacity == ''
        || element.style.opacity == '1')
    {
      element.FadeState = 2;
    }
    else
    {
      element.FadeState = -2;
    }
  }
   
  if(element.FadeState == 1 || element.FadeState == -1)
  {
    element.FadeState = element.FadeState == 1 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade - element.FadeTimeLeft;
  }
  else
  {
    element.FadeState = element.FadeState == 2 ? -1 : 1;
    element.FadeTimeLeft = TimeToFade;
    setTimeout("animateFade(" + new Date().getTime()
        + ",'" + eid + "')", 33);
  } 
}

function animateFade(lastTick, eid)
{ 
  var curTick = new Date().getTime();
  var elapsedTicks = curTick - lastTick;
 
  var element = document.getElementById(eid);
 
  if(element.FadeTimeLeft <= elapsedTicks)
  {
    element.style.opacity = element.FadeState == 1 ? '1' : '0';
    element.style.filter = 'alpha(opacity = '
        + (element.FadeState == 1 ? '100' : '0') + ')';
    element.FadeState = element.FadeState == 1 ? 2 : -2;
    return;
  }
 
  element.FadeTimeLeft -= elapsedTicks;
  var newOpVal = element.FadeTimeLeft/TimeToFade;
  if(element.FadeState == 1)
    newOpVal = 1 - newOpVal;

  element.style.opacity = newOpVal;
  element.style.filter =
      'alpha(opacity = ' + (newOpVal*100) + ')';
 
  setTimeout("animateFade(" + curTick
      + ",'" + eid + "')", 33);
}


/*
 *
 *
 *
 */


var G={
	loadAlbum:function(){

                new Ajax.Request('http://securecities.com/getpics.php',
  {
    method:'get',
    parameters: {zid: 'xxx'},
    onSuccess: function(transport){
      var response = transport.responseText || "";

	$('ALBUM').innerHTML=response;

	$('ALBUM').innerHTML+="<div><img src='http://3dgeospatial.com/picasa.php?buff=.005&width=700' alt=''/></div>";

     // alert("Success! \n\n" + response);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
	

	}
}

var ZONE_ID=0;
var aurl="";
var GTOOLS={


	pviewClear:function(){
		//fade('pdiv2');	
		//$('pdiv2').setStyle({top:'-1000px',left:'-1000px'});//,backgroundImage:'url(http://207.174.139.211/SZONE/zone_map_.php?width=250&gid='+ZONE_ID+')'});
		//$('pidv2').setStyle({backgroundImage:''});
	},

	pviewPhoto:function(pid,x,y,r){

		//fade('pdiv2');
		//pid=pid;
		//$('pdiv2').setStyle({top:(y-300)+'px',left:(x+-150)+'px',backgroundImage:'url(http://207.174.139.211/SZONE/img.php?id='+pid+'&width=300)'});			
		//$('pdiv2').innerHTML="PHOTO_ID:" + pid;
	},

	openPhoto:function(pid,x,y,r){

	//OPEN Photo...	
	//	GTOOLS.jump("ZONE.php?zone_gid="+ZONE_ID+"&gid=" + did + "&pid=" + pid);
//			alert('ENLARGE OR ANNOTATE THIS PHOTO');
//		$('pdiv2').setStyle({top:(y)+'px',left:(x)+'px'});//,backgroundImage:'url(http://207.174.139.211/SZONE/zone_map_.php?width=250&gid='+ZONE_ID+')'});
	},

        setBgColor:function(e,color){e.style.backgroundColor=color;},

        setBColor:function(e,color){e.style.borderBottomColor=color;},

        jump:function(url){
                        document.location.href=url;
        },

	loadZone:function(zone_id){

//alert(zone_id + " " + SZONE.district_id);

SZONE_R.ajax_loadZone(zone_id,SZONE.district_id,'zone_report');


/*
        new Ajax.Request('ZONE_POPUP.php',
                {       
                        method:'get',
                        parameters:{zid:zone_id,did:SZONE.district_id},
                        onSuccess:function(transport){
                                var response=transport.responseText || "";
                                var json = transport.responseText.evalJSON();
                                z1=new Zone(json);

var url="http://securecities.com/ZONE.php?zone_gid="+zone_id+"&gid=" + SZONE.district_id;
				z1.url=url;
				aurl=url;
                                z1.showReport();
				$('ZONE_PREVIEW_POPUP').setStyle({top:'0px',left:'0px'});

                                //$('glog').innerHTML=response;
                        },
                        onFailure: function(){alert('trouble')}
                });
*/


//		var url="http://securecities.com/ZONE.php?zone_gid="+zone_id+"&gid=" + SZONE.district_id;
//		GTOOLS.jump(url);
	},


	mouseMove:function(d){

	//	Event.observe(d, "mousemove", eventHandlerFunction, false);		

	},

	mouseOut:function(){
		//stopObs();
		//$('pdiv').setStyle({top:'-1000px',left:'-1000px'});
	
		//fade('ZONE_PREVIEW_POPUP');	
		//$('ZONE_PREVIEW_POPUP').setStyle({top:'-1000px',left:'-1000px'});
		
		

		//$('pv').innerHTML="";
		$('G_ZONE_MAP_IMG').setStyle({cursor:'default'});

		//$('z_pview').innerHTML="";

	},

	previewZone:function(zone_id){
/*
	for(var i=0;i<zones.length;i++){
		if(zones[i].zid==zone_id){
	
			var z=zones[i];
			$('z_pview').innerHTML="";
			$('z_pview').innerHTML+="<div>Access:" + z.status.access + "</div>";
			$('z_pview').innerHTML+="<div>Surveillance:" + z.status.surv + "</div>";
			$('z_pview').innerHTML+="<div>Behavior:" + z.status.behavior + "</div>";
						
						
			if(z.status.access>0){

				$('z_pview').innerHTML='<img src="http://www.istockphoto.com/file_thumbview_approve.php?size=2&id=3679841" width="50" alt=""/>';
				$('z_pview').innerHTML='<img src="http://www2.istockphoto.com/file_thumbview_approve/6786087/2/istockphoto_6786087-surveillance-camera.jpg" width="50" alt=""/>';
			
				}	
			
		}
	}
*/
	
	$('G_ZONE_MAP_IMG').setStyle({cursor:'pointer'});	
	

	ZONE_ID=zone_id;

/*
	new Ajax.Request('ZONE_POPUP.php',
		{	
			method:'get',
			parameters:{zid:zone_id},
			onSuccess:function(transport){
				var response=transport.responseText || "";
				var json = transport.responseText.evalJSON();
				z1=new Zone(json);
				z1.showReport();
$('ZONE_PREVIEW_POPUP').setStyle({top:'0px',left:'0px'});

				$('glog').innerHTML=response;
			},
			onFailure: function(){alert('trouble')}
		});

*/
/*
                new Ajax.Request('PVIEW.php',
  {
    method:'get',
    parameters: {zid: zone_id},
    onSuccess: function(transport){
      var response = transport.responseText || "";

        //$('pv').innerHTML=response;
	  $('pdiv').innerHTML=response;
     // alert("Success! \n\n" + response);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });*/

	},

	confirm:function(id){

                new Ajax.Request('newpic.php',
  {
    method:'post',
    parameters: {id: id},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";

	$('NEW_IMG').innerHTML=response;

     // alert("Success! \n\n" + response);
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
		

	},


	postPic:function(){
		
		var caption	=$('caption').value;
		var desc	=$('desc').value;
		var id		=$('id').value;
		var gx		=$('geox').value;
		var gy		=$('geoy').value;


		

		$('NEW_IMG').innerHTML="<img src='http://www.ajax.su/images/ajax_activity_indicators_download_animated_indicator_1.gif' alt=''/>";
	
		new Ajax.Request('upic.php',
  {
    method:'post',
    parameters: {
			id: id, 
			cap: caption, 
			desc: desc,
			geox:gx,
			geoy:gy
		},
    onSuccess: function(transport){
      var response = transport.responseText || "no response text";
      window.location.href=window.location.href;
    },
    onFailure: function(){ alert('Something went wrong...') }
  });
	
	}
}


        var gMap=$('G_ZONE_MAP_IMG');

var mx=0;
var my=0;

function eventHandlerFunction(e) {
 // the element that triggered the event
 var element = Event.element(e);
 // gets the mouse position
 var mouseX = Event.pointerX(e),
     mouseY = Event.pointerY(e);
 // stop default behaviour and event propagation
        //alert(mouseX + " " + mouseY);
        mx=mouseX;
        my=mouseY;
//      $('log').innerHTML=mx + ":" + my;

       //$('pdiv').setStyle({top:(my-300)+'px',left:(mx-125)+'px'});//,backgroundImage:'url(http://207.174.139.211/SZONE/zone_map_.php?width=250&gid='+ZONE_ID+')'});

       //$('ZONE_PREVIEW_POPUP').setStyle({top:(my-475)+'px',left:(mx-125)+'px'});//,backgroundImage:'url(http://207.174.139.211/SZONE/zone_map_.php?width=250&gid='+ZONE_ID+')'});

       $('ZONE_PREVIEW_POPUP').setStyle({top:(my-310)+'px',left:(mx-201)+'px'});//,backgroundImage:'url(http://207.174.139.211/SZONE/zone_map_.php?width=250&gid='+ZONE_ID+')'});

        //$('pdiv').setStyle({top:(0)+'px',left:(0)+'px'});//,backgroundImage:'url(http://207.174.139.211/SZONE/zone_map_.php?width=250&gid='+ZONE_ID+')'});


 Event.stop(e);
}


function startObs(){
Event.observe(gMap, "mousemove", eventHandlerFunction, false);
}
function stopObs(){
Event.stopObserving(gMap, "mousemove", eventHandlerFunction, false);
}
// register eventHandlerFunction to the onclick of myObject
//Event.observe(gMap, "mousemove", eventHandlerFunction, false);
//startObs();
// removes the event handler
//Event.stopObserving(myObject, "click", eventHandlerFunction, false);

var G_TOOLS={
        c1:'#ccc',
        c2:'white',
        jump:function(url){
                document.location=url;
        },
        
        toggle:function(item){
                $('menu_'+item).setStyle({display:'block'});
        },

        clear:function(){
                $('menu_method').setStyle({display:'none'});

                $('menu_maps').setStyle({display:'none'});


        },

        setBgColor:function(div,color){
                div.setStyle({backgroundColor:color});
        },      

        setBorder:function(div,color,size){

                div.setStyle({border:size+'px solid red'});
        }
}

function swapMap(city){
$('imap_usa_').src='http://securecities.com/us1.php?width=175&city=' + city;    
}

function hiLite(city,size){
G_TOOLS.setBorder($(city+'_link'),'red',size);
}
function makeUrl2(width,city,gid){
        var url="http://securecities.com/city_map_rollover_left.php?width=" + width + "&city=" + city + "&district=" + gid;
        return url;
}

function makeUrl(width,city,gid){
	var url="http://securecities.com/city_map_rollover.php?width=" + width + "&city=" + city + "&district=" + gid; 
	return url;	
}

function LOAD_MAP(){

for(var i=0;i<zones.length;i++){
        var X=zones[i].geom.centroid.x;
        var Y=zones[i].geom.centroid.y;
        var pX=GMAP.world2page(X,Y).x;
        var pY=GMAP.world2page(X,Y).y;        if(zones[i].area.value<301){
                $('gmd').innerHTML+="<div style='cursor:pointer; position:absolute; top:"+(pY-5)+"px; left:"+(pX-5)+"px; width:8px; height:8px; border:2px solid blue;' onmousedown='GTOOLS.loadZone("+zones[i].zid+");'></div>";               
}
}
}