var loc = '-118.9495;37.6421;1.461266803372;0.991057188426;731.5;7;405;275';
var T = 2604.22417452503;
var B = 2603.23311733661;
var R = -1258.66299333411;
var L = -1260.12426013749;
var iWidth = 405;
var iHeight = 275;
// MapJS_dev
// ver 2.0
// BJA 4-30-2007
// For industry mapping applications
// Copyright 50 Below, Inc 2007


//  function mapPoint
//  creates lat/lon pair
function mapPoint(lat, lon) {
    this.lat = lat;
    this.lon = lon;
    document.write('<script src="mapString.ashx?lat=' + center.lat + '&lon=' + center.lon + '" type="text/javascript"></' + 'script>');
    return this;
}

// function map
// The map object
// Inputs:
//      mapPoint as mapPoint
//      mapDiv as id of html div
//      zoomLevel as int 0-10
//      height as pixels
//      width as pixels
//      
//      locationName as string = string to display as destinaton in driving directions & at marker point (center)
//	    address1 - address line 1
//  	address2 
//	    address3

function map(loc,T,B,L,R, mapDiv, height, width, locationName, address1, address2, address3) {
    //this.mapPoint = mapPoint;
    this.loc = loc;
    this.T = T;
    this.B = B;
    this.L = L;
    this.R = R;
    this.mapDiv = mapDiv;
    //this.zoomLevel = zoomLevel;
    this.height = height;
    this.width = width;
    this.X = height;
    this.Y = width;
    this.markerText = locationName;
    this.locationName = locationName;
    this.address1 = address1
    this.address2 = address2
    this.address3 = address3
    
 
    // function init
    // loads initial map and sets parameters
    this.init = function() {
        //this.L = this.mapPoint.lat + ';' + this.mapPoint.lon + ';0;0;0;' + this.zoomLevel + ';' + this.height + ';' + this.width ;
        //this.PanX = 0;
        //this.PanY = 0;
        this.mapImage = document.createElement('img');
        var thismap = this;
        this.mapImage.ondblclick = function(event) {
            if (!event) event = window.event;
            thismap.recenter(event, this);
            };
        document.getElementById(this.mapDiv).appendChild(this.mapImage);
        this.updateImg();
    }
    
    // function updateImg
    // reloads map image with updated params
    this.updateImg = function() {
        this.mapImage.src = 'http://map1.50belowinc.com/mapService/makemap2.aspx?T=' + this.T + '&L=' + this.L + '&B=' + this.B + '&R=' + this.R + '&N=' + this.locationName + '&W=' + this.Y + '&H=' + this.X + '&loc=' + this.loc;
        //this.mapImage.src = 'http://map1.50belowinc.com/mapService/makemap2.aspx?L=' + this.L + '&Zoom=' + this.zoomLevel + '&PanX=' + this.PanX + '&PanY=' + this.PanY + '&markerText=' + this.markerText;
    }
    
    // function zoomIn
    // zooms in if not at extent
    this.zoomIn = function() {
	//var debug = Math.round((Math.log((R-L)/0.018))/(1.8*Math.log(2)));
	//alert(debug);
        if (Math.round((Math.log((R-L)/0.018))/(1.8*Math.log(2))) <= 1) {  return; }
            var X = this.X;
            var Y = this.Y;
            var stepY = (this.T - this.B)/Y;
            var stepX = (this.R - this.L)/X;
            
            zleft = X / 2;
            ztop = Y / 2;
            zbottom = ztop;
            zright = zleft;
            if( zleft != zright || ztop != zbottom)
            {
//                this.L = this.L + (zleft * stepX);
//                this.R = this.R - ((X-zright) * stepX);

//                this.T = this.T - (ztop * stepY);	
//                this.B = this.B + ((Y-zbottom) * stepY);
               
            }
            else
            {
                 
                var cX = this.L + (zleft * stepX);
                var cY = this.T - (ztop * stepY);
        		
                this.L = cX - (X/2)*(stepX/2);
                this.R = cX + (X/2)*(stepX/2);
        		
                this.T = cY + (Y/2)*(stepY/2);
                this.B = cY - (Y/2)*(stepY/2);
            }
           
            
            this.updateImg();
    }
    
    // function zoomOut
    // zooms out if not at extent
    this.zoomOut = function() {


         if (Math.round((Math.log((R-L)/0.018))/(1.8*Math.log(2))) >= 10) { return; }
           
            var X = this.X;
            var Y = this.Y;
            
            var stepY = (this.T - this.B)/Y;
            var stepX = (this.R - this.L)/X;
          

            zleft = this.X / 2;
            ztop = this.Y / 2;
            zbottom = ztop;
            zright = zleft;
            if( zleft != zright || ztop != zbottom)
            {
//                var x = zleft + (zright-zleft)/2;
//                var y = ztop + (zbottom-ztop)/2;
//        		
//                var zWidth = zright-zleft;
//                var zHeight = zbottom-ztop;
//                var ZO = zWidth > zHeight?X/zWidth:Y/zHeight;
//                ZO = ZO > 9?9:ZO;
//        		
//                var cX = L + (x * stepX);
//                var cY = T - (y * stepY);

//                L = cX - (X/2)*(stepX*ZO);
//                R = cX + (X/2)*(stepX*ZO);
//        		
//                T = cY + (Y/2)*(stepY*ZO);
//                B = cY - (Y/2)*(stepY*ZO);
            }
            else
            {
                var cX = this.L + (zleft * stepX);
                var cY = this.T - (ztop * stepY);
        		
                this.L = cX - (X/2)*(stepX*2);
                this.R = cX + (X/2)*(stepX*2);
        		
                this.T = cY + (Y/2)*(stepY*2);
                this.B = cY - (Y/2)*(stepY*2);
            }
            this.updateImg();
    }
    
    // function doPan
    // inputs:
    //      direction as one of N,S,E,W
    this.doPan = function(act) {
        var X = this.X;
        var Y = this.Y;

        var stepY = Math.abs(this.T - this.B)/Y;
        var stepX = Math.abs(this.R - this.L)/X;
    	
        if( act == 'W')
        {
            this.L = this.L - stepX * X/2;
            this.R = this.R - stepX * X/2;
        }
    	
        if( act == 'E')
        {
            this.L = this.L + stepX * X/2;
            this.R = this.R + stepX * X/2;
        }
    	
        if( act == 'N')
        {
            this.T = this.T + stepY * Y/2;
            this.B = this.B + stepY * Y/2;
        }

        if( act == 'S')
        {
            this.T = this.T - stepY * Y/2;
            this.B = this.B - stepY * Y/2;
        }
    	

        if( act == 'zoomfull')
        {
            T = initT;
            L = initL;
            B = initB;
            R = initR;
        }
    	
        var ext = new Extent( this.T, this.L, this.B, this.R);
        ext = normExt( ext);
        this.T = ext.T;
        this.L = ext.L;
        this.B = ext.B;
        this.R = ext.R;
        this.updateImg();
    }
    
    this.doRouting = function() {
        window.open('http://map1.50belowinc.com/mapService/findRoute.aspx?L=' + this.loc + '&N=' + this.locationName + '&A1=' + escape(this.address1) + '&A2=' + escape(this.address2) + '&A3=' + escape(this.address3), 'Directions', 'status=1,toobar=0,resizable=1,width=740,scrollbars=1');
    }
    
    this.print = function() {
        window.open('http://map1.50belowinc.com/mapService/print.aspx?L=' + this.loc + '&N=' + this.locationName + '&A1=' + escape(this.address1) + '&A2=' + escape(this.address2) + '&A3=' + escape(this.address3), 'Print', '');
    }
    
     this.recenter = function(event,obj) {
        if (!event) var event = window.event; // for IE
        if (this.allowRecenter) {
            //alert(event.clientX);
//            var newCX = (event.clientX - findPosX(obj)) + document.documentElement.scrollLeft;
//            var newCY = (event.clientY - findPosY(obj)) + document.documentElement.scrollTop;
//            if (!this.cX == 0) {
//                //alert(obj.width / 2);
//                newCX = newCX + (this.cX - (obj.width / 2));
//            }
//            if (!this.cY == 0) {
//                newCY = newCY + (this.cY - (obj.height / 2));
//            }
//            //alert(this.cX + ',' + this.cY + ' | ' + newCX + ',' + newCY);
//            //this.cX = (event.clientX - findPosX(obj)) + document.documentElement.scrollLeft;
//            this.cY = newCY;
//            this.cX = newCX;
            //alert(this.cY + document.documentElement.scrollTop);
            //this.updateImg();
            
            // new attempt
            var imgCenterX = obj.width / 2;
            var imgCenterY = obj.height / 2;
            var clickX = (event.clientX - findPosX(obj)) + document.documentElement.scrollLeft;
            alert(this.PanX + ' | ' + ((clickX - imgCenterX) / (imgCenterX / 2)));
            this.PanX = this.PanX + ((clickX - imgCenterX) / (imgCenterX / 2));
            //alert(clickX);
            //this.PanX = this.PanX + ((clickX - imgCenterX) / (imgCenterX / 2));
            //alert(clickX);
            //this.PanX = this.PanX + (((event.clientX - findPosX(obj)) + document.documentElement.scrollLeft) - imgCenterX)/100;
            //alert(this.PanX);
            this.updateImg();
        }
    }
}   

function Extent(T, L, B, R)
{
    this.T = T;
    this.L = L;
    this.B = B;
    this.R = R;			
}

function normExt( ext)
{
    var iRatio = iWidth/iHeight;

    var eX = ext.R - ext.L;
    var eY = ext.T - ext.B;
    var D;
		
    cX = ext.R - eX/2; //center coordinates
    cY = ext.T - eY/2;
	
    if( Math.abs(iRatio - ((ext.R-ext.L)/(ext.T-ext.B))) > 0.0001)
    {
        if( eX < eY || eX < (eY * iRatio))
        {
            D = (eY * iRatio - eX) / 2;
            ext.L = ext.L - D;
            ext.R = ext.R + D;
        }
        else
        {
            D = (eX/iRatio - eY)/2
            ext.T = ext.T + D;
            ext.B = ext.B - D;
        }
    }
	
    var minStepX = 0.0002817;
    var minStepY = 0.0002815;
    var maxStepX = 17.466;
    var maxStepY = 17.452;

    eX = ext.R - ext.L;
    eY = ext.T - ext.B;
				
    if( eX/iWidth < minStepX || eY/iHeight < minStepY)
    {
        ext.L = cX - (minStepX * iWidth)/2;
        ext.R = cX + (minStepX * iWidth)/2;
		
        ext.T = cY + (minStepY * iHeight)/2;
        ext.B = cY - (minStepY * iHeight)/2;
    }
	
    if( eX/iWidth > maxStepX || eY/iHeight > maxStepY)
    {
        ext.L = cX - (maxStepX * iWidth)/2;
        ext.R = cX + (maxStepX * iWidth)/2;
		
        ext.T = cY + (maxStepY * iHeight)/2;
        ext.B = cY - (maxStepY * iHeight)/2;
    }
    return ext;
}   

function setMode(mode)
{
    if( gMode == mode)
        return;

    gMode = mode;
    //setCursor( gMode);
    //document.Form.Mode.value = mode;
}

function findPosX(obj) {
    var curleft = 0;
    if (obj.offsetParent) {
        while (1) {
            curleft+=obj.offsetLeft;
            if (!obj.offsetParent) {
                break;
            }
            obj=obj.offsetParent;
        }
    } else if (obj.x) {
        curleft+=obj.x;
    }
    return curleft;
}

function findPosY(obj) {
    var curtop = 0;
    if (obj.offsetParent) {
        while (1) {
            curtop+=obj.offsetTop;
            if (!obj.offsetParent) {
                break;
            }
            obj=obj.offsetParent;
        }
    } else if (obj.y) {
        curtop+=obj.y;
    }
    return curtop;
}

//finish

var mapPagemap = new map(loc,T,B,L,R,'mapDiv',275,405,'Mammoth Powersports','160 Commerce','','')