function NavigateBar(self){
    this.nest = null;
    this.format = null;
    this.readyState = false;
    this.self = self;
    
    this.init = function(obj, format){
        if(obj == null || obj == undefined){
            alert('Empty \'NavigateBar\' control nest');
            return;
        }
        if(format == null || format == undefined){
            alert('Empty \'NavigateBar\' control format rules');
            return;
        }
        this.nest = obj;
        this.format = format;
        this.createName();
        this.preloadImages();        
        this.height = parseInt(this.format.height.replace('px','').replace('%',''));
        this.width = parseInt(this.format.width.replace('px','').replace('%',''));
        
        document.write("<iframe name='" + this.name + "_ctr' id='" + this.name + "_ctr' frameborder=0 scrolling=no allowtransparency=true style='width:" + this.format.width + 
            "; height: " + this.format.height + "; display: none; position: absolute; z-index: 99999;'>" +
            "</iframe>");        
        this.ctrl = document.frames[this.name + '_ctr'];
        this.ctrCanvas = document.getElementById(this.name + '_ctr');
    }; 
    
    this.draw = function(){
    	if(this.readyState)
    		return;
    	
        this.ctrl.document.write("<html>" + this.createCss() + this.createBody() + "</html>");
        this.readyState = true;
    };
    
    this.show = function(evt, obj){        
        this.move(evt.clientX, evt.clientY, obj);        
        this.ctrCanvas.style.display = 'block';
    };
    
    this.hide = function(){
         this.ctrCanvas.style.display = 'none';
    };
    
    this.createName = function(){
        dateObj = new Date();
        this.name = dateObj.getDate() + '' + dateObj.getMonth() + '' + dateObj.getFullYear() + 'bar';       
    };   
    
    this.createCss = function(){
        var css = "<style>body{background-color:transparent;margin:0px;overflow:hidden;}\nimg{cursor:pointer;border:0;}\nimg.png {behavior: url(\"png.htc\");}</style>";
        return css;
    };
    
    this.createBody = function(){
         var body = "<body oncontextmenu='return false;'>" +
            this.createMainButton('img_mid', 'В начало раздела', '', 20, 60, 11) + 
            this.createButton('img_back', 'Назад', 'window.history.back();', 50, 10, 12) + 
            this.createButton('img_next', 'Дальше', 'window.history.forward()', 15, 55, 13) + 
            this.createButton('img_print', 'Обновить', 'top.document.frames.mainFrame.document.location.reload();', 20, 112, 14) + 
            this.createButton('img_cont', 'Контакты', 'top.document.frames.mainFrame.document.location.href=\'contacts.html\';', 65, 147, 15) + 
            this.createButton('img_book', 'Добавить в закладки', 'top.' +  this.self + '.addBookmark();', 122, 142, 16) + "</body>";     
        return body;
    };
    
    this.move = function(x, y, obj){  
       var aX = 0, aY = 0;
       if(obj != undefined && obj != null){
            x += this.checkLeftMargin(document.getElementById("mfrHost"));
            y += this.checkTopMargin(document.getElementById("mfrHost")) - 50;
       }       
       if(document.body.offsetHeight <= (y + this.height) )
            this.ctrCanvas.style.top = (y - this.height) + 'px';
       else
            this.ctrCanvas.style.top = y + 'px';
            
       if(document.body.offsetWidth <= (x + this.width) )
            this.ctrCanvas.style.left = (x - this.width) + 'px';
       else
            this.ctrCanvas.style.left = x + 'px';      
    };
    
    this.createButton = function(name, alt, url, right, top, zIndex){
        var str = "<div style='position:absolute;z-index: " + zIndex + ";top: " + top + "px;right: " + right + "px;'>" +
            "<img class=png width=48 height=48 onmousedown=\"this.src = '" + this[name + '_d'].src + "'; this.width=46; this.height=46;\"  onmouseup=\"this.src = '" + this[name + '_a'].src + "'; this.width=48; this.height=48; "+url+"\" alt='" + 
            alt + "' src='" + this[name + '_p'].src + "' onmouseover=\"this.src='" + this[name + '_a'].src + "'\" onmouseout=\""+
            "this.src='" + this[name + '_p'].src + "'\"></div>";
        return str;
    };
    
    this.createMainButton = function(name, alt, url, left, top, zIndex){
        var str = "<div style='position:absolute;z-index: " + zIndex + ";top: " + top + "px;left: " + left + "px;'>" +
            "<img class=png width=79 height=80 alt='" + alt + "' src='" + this[name + '_p'].src + "' onmouseover=\"this.src='" + this[name + '_a'].src + "'\" onmouseout=\""+
            "this.src='" + this[name + '_p'].src + "'\"></div>";
        return str;
    };
    
    this.preloadImages = function(){
        this.img_mid_a = new Image();
        this.img_mid_p = new Image();
        
        this.img_back_a = new Image();
        this.img_back_d = new Image();
        this.img_back_p = new Image();
        
        this.img_next_a = new Image();
        this.img_next_d = new Image();
        this.img_next_p = new Image();
        
        this.img_print_a = new Image();
        this.img_print_d = new Image();
        this.img_print_p = new Image();
        
        this.img_cont_a = new Image();
        this.img_cont_d = new Image();
        this.img_cont_p = new Image();
        
        this.img_book_a = new Image();
        this.img_book_d = new Image();
        this.img_book_p = new Image();
            this.img_mid_a.src = this.format.imgMiddle.src_a;           
            this.img_mid_p.src = this.format.imgMiddle.src_p;
            
            this.img_back_a.src = this.format.imgBack.src_a;
            this.img_back_d.src = this.format.imgBack.src_d;
            this.img_back_p.src = this.format.imgBack.src_p;
            
            this.img_next_a.src = this.format.imgNext.src_a;
            this.img_next_d.src = this.format.imgNext.src_d;
            this.img_next_p.src = this.format.imgNext.src_p;
            
            this.img_print_a.src = this.format.imgPrint.src_a;
            this.img_print_d.src = this.format.imgPrint.src_d;
            this.img_print_p.src = this.format.imgPrint.src_p;
            
            this.img_cont_a.src = this.format.img_1.src_a;
            this.img_cont_d.src = this.format.img_1.src_d;
            this.img_cont_p.src = this.format.img_1.src_p;
            
            this.img_book_a.src = this.format.img_2.src_a;
            this.img_book_d.src = this.format.img_2.src_d;
            this.img_book_p.src = this.format.img_2.src_p;
    };
    
    this.checkTopMargin = function(obj){
        var tmp = obj;
        var len = 0;
        while(tmp.tagName != 'BODY'){
            len += tmp.offsetTop;
            tmp = tmp.parentElement;
        }
        
        return len;
    };
    
    this.checkLeftMargin = function(obj){
        var tmp = obj;
        var len = 0;
        while(tmp.tagName != 'BODY'){
            len += tmp.offsetLeft;
            tmp = tmp.parentElement;
        }
        
        return len;
    };

    this.addBookmark = function(){
    	window.external.AddFavorite("http://padma.nnov.ru", "Центр Хатха-йоги \"Падма\", Н.Новгород")
    };
}
var format = {
    width: '170px',
    height: '200px',
    bgcolor: 'red',
    imgBack: {
        width: '',
        height: '',
        src_a: 'navBar/back_a.gif',
        src_d: 'navBar/back_d.gif',
        src_p: 'navBar/back_p.png',
        styleClass: ''
    },
    imgNext: {
        width: '',
        height: '',
        src_a: 'navBar/next_a.gif',
        src_d: 'navBar/next_d.gif',
        src_p: 'navBar/next_p.png',
        styleClass: ''
    },
    imgMiddle: {
        width: '',
        height: '',
        src_a: 'navBar/middle_a.gif',
        src_p: 'navBar/middle_p.png',
        styleClass: ''
    },
    imgPrint: {
        width: '',
        height: '',
        src_a: 'navBar/print_a.gif',
        src_d: 'navBar/print_d.gif',
        src_p: 'navBar/print_p.png',
        styleClass: 'png'
    },
    img_1: {
        width: '',
        height: '',
        src_a: 'navBar/contacts_a.gif',
        src_d: 'navBar/contacts_d.gif',
        src_p: 'navBar/contacts_p.png',
        styleClass: ''
    },
    img_2: {
        width: '',
        height: '',
        src_a: 'navBar/book_a.gif',
        src_d: 'navBar/book_d.gif',
        src_p: 'navBar/book_p.png',
        styleClass: ''
    }    
};