function PanningFrame(wsnav, lang){
    this.wsnav = wsnav;
    this.panningLang = lang;
    this.wsnav.addEventListener(this);
}
PanningFrame.prototype.panningMove=function(direction){
    if(!this.wsnav.isLoading){
        this.wsnav.loadingAction(true);
        var oldCenterX = this.wsnav.xmin+(this.wsnav.xmax - this.wsnav.xmin)/2;
        var oldCenterY = this.wsnav.ymin+(this.wsnav.ymax - this.wsnav.ymin)/2;
        var newCenterX = 0;
        var newCenterY = 0;
        if (direction ==1){//nord ouest
            newCenterX = this.wsnav.xmin;
            newCenterY = this.wsnav.ymax;
            this.wsnav.modifyImage((this.wsnav.mapWidth/2), (this.wsnav.mapHeight/2), this.wsnav.mapWidth, this.wsnav.mapHeight);
        }else if (direction ==2){//nord
            newCenterX = oldCenterX;
            newCenterY = this.wsnav.ymax;
            this.wsnav.modifyImage(0, (this.wsnav.mapHeight/2), this.wsnav.mapWidth, this.wsnav.mapHeight);
        }else if (direction ==3){//nord est
            newCenterX = this.wsnav.xmax;
            newCenterY = this.wsnav.ymax;
            this.wsnav.modifyImage((this.wsnav.mapWidth/2)*-1, (this.wsnav.mapHeight/2), this.wsnav.mapWidth, this.wsnav.mapHeight);
        }else if (direction ==4){//ouest
            newCenterX = this.wsnav.xmin;
            newCenterY = oldCenterY;
            this.wsnav.modifyImage((this.wsnav.mapWidth/2), 0, this.wsnav.mapWidth, this.wsnav.mapHeight);
        }else if (direction ==5){//est
            newCenterX = this.wsnav.xmax;
            newCenterY = oldCenterY;
            this.wsnav.modifyImage((this.wsnav.mapWidth/2)*-1, 0, this.wsnav.mapWidth, this.wsnav.mapHeight);
        }else if (direction ==6){//sud ouest
            newCenterX = this.wsnav.xmin;
            newCenterY = this.wsnav.ymin;
            this.wsnav.modifyImage((this.wsnav.mapWidth/2), (this.wsnav.mapHeight/2)*-1, this.wsnav.mapWidth, this.wsnav.mapHeight);
        }else if (direction ==7){//sud
            newCenterX = oldCenterX;
            newCenterY = this.wsnav.ymin;
            this.wsnav.modifyImage(0, (this.wsnav.mapHeight/2)*-1, this.wsnav.mapWidth, this.wsnav.mapHeight);
        }else if (direction ==8){//sud est
            newCenterX = this.wsnav.xmax;
            newCenterY = this.wsnav.ymin;
            this.wsnav.modifyImage((this.wsnav.mapWidth/2)*-1, (this.wsnav.mapHeight/2)*-1, this.wsnav.mapWidth, this.wsnav.mapHeight);         
        }
        this.wsnav.setCenter(newCenterX,newCenterY);
        this.wsnav.refreshMap();
    }
}
PanningFrame.prototype.fOver=function(sign){
    var classover = "panningSideOver";
    if(sign.length>1)
        classover = "panningCornerOver";
    document.getElementById("ftd"+sign+"1").className=classover;
    if(document.getElementById("ftd"+sign+"2")!=null)
        document.getElementById("ftd"+sign+"2").className=classover;
    document.getElementById("img"+sign+"").className="img"+sign+"_over_"+this.panningLang;
}
PanningFrame.prototype.fOut=function(sign){
    var classover = "panningSide";
    if(sign.length>1)
        classover = "panningCorner";
    document.getElementById("ftd"+sign+"1").className=classover;
    if(document.getElementById("ftd"+sign+"2")!=null)
        document.getElementById("ftd"+sign+"2").className=classover;
    document.getElementById("img"+sign+"").className="img"+sign+"_"+this.panningLang;
}
PanningFrame.prototype.mapevent=function(name){
    if(name=="map_init_end"){
        document.getElementById("imgnw").className="imgnw_"+this.panningLang;
        document.getElementById("imgn").className="imgn_"+this.panningLang;
        document.getElementById("imgne").className="imgne_"+this.panningLang;
        document.getElementById("imgw").className="imgw_"+this.panningLang;
        document.getElementById("imge").className="imge_"+this.panningLang;
        document.getElementById("imgsw").className="imgsw_"+this.panningLang;
        document.getElementById("imgs").className="imgs_"+this.panningLang;
        document.getElementById("imgse").className="imgse_"+this.panningLang;
    }
}