<!--
var MainNav = new Class({
    initialize: function(options){
	    this.options = Object.extend({
	        sel:        ''
	    }, options || {});

	    this.mainlnks = $$('div#hdr div.navlinks a.main');
	    this.mainli = $$('div#hdr div.navlinks li.main');
	    this.mainli.each(this.initMainLi,this);
//	    this.mainlnks.each(this.initMain,this);
	    
//	    this.subdv = $$('div#hdr div.navlinks ul.sub');
//	    this.subdv.each(this.initSubDv,this);
//	    
//	    this.sub2dv = $$('div#hdr div.navlinks ul.subsub');
//	    this.sub2dv.each(this.initSub2Dv,this);
//	    	    
//	    
//	    if (this.options.initialize) this.options.initialize.call(this);
	    
	},
	
	setSel: function(sel) {
	    this.options.sel = sel;
	    this.mainlnks.each(function(l) {
	        if(l.hasClass(sel)) {
	            l.getParent().addClass('sel');
	        }
	        else {
	            l.getParent().addClass('out');
	        }
	    }.bind(this));
	},
	
	initMainLi: function(el) {
	    el.addEvent('mouseenter', function(e) {
	        el.removeClass('out');
	        el.addClass('hover');
	        
	        subli = $$('div#hdr div.navlinks li.main ul.sub li.sub');
	        subli.each(this.initSubLi,this);
	        subli.each(function(l) {
	            l.removeClass('subover');
	        });
	        
	        
	    }.bind(this));
	    el.addEvent('mouseleave', function(e) {
	        el.removeClass('hover');
            if(el.hasClass('sel')) { }
            else {
	            el.addClass('out');
	        }
	    }.bind(this));	    
	},
	
	initSubLi: function(el) {
	    el.addEvent('mouseenter', function(e) {
	        el.addClass('subover');
	    }.bind(this));
	    el.addEvent('mouseleave', function(e) {
	        //el.removeClass('subover');
	        sub2ul = el.getLast();
	        if(sub2ul.getTag() == "ul") {
	            tp = sub2ul.offsetTop;
                btm = sub2ul.offsetTop  + sub2ul.clientHeight;
                y = e.client.y-1;
                x = e.client.x-1;
                lft = sub2ul.offsetLeft;
                rght = sub2ul.offsetLeft + sub2ul.clientWidth;
                
                if((btm >= y && y >= tp) && (rght >= x && x >= lft)) {}
                else {
                    el.removeClass('subover');
                }
	        }
	        else {
	            el.removeClass('subover');
	        }
	    }.bind(this));
	}
	
	
//	
//	initMain: function(el) {
//	    el.addEvent('mouseenter', function(e) {
//	        this.level = 1;
//	        el.getParent().removeClass('out');
//	        el.getParent().addClass('hover');
//	    }.bind(this));
//	    
//	    el.addEvent('mouseleave', function(e) {
//	        this.level = 0;
//	        
//	        ulsub = el.getNext();
//	        if(ulsub != null) {
//	            tp = ulsub.offsetTop;
//                btm = ulsub.offsetTop  + ulsub.clientHeight;
//                y = e.client.y+1;
//                if(btm >= y && y >= tp) {}
//                else {
//                    el.getParent().removeClass('hover');
//                    if(el.getParent().hasClass('sel')) { }
//                    else {
//	                    el.getParent().addClass('out');
//	                }
//                }
//            }
//            else {
//                el.getParent().removeClass('hover');
//	            el.getParent().addClass('out');
//            }
//	    }.bind(this));
//	},
//	
//	initSubDv: function(el) {
//	    el.addEvent('mouseleave', function(e) {
//	        mainlnk = el.getPrevious();
//	        tp = mainlnk.offsetTop;
//            btm = mainlnk.offsetTop  + mainlnk.clientHeight;
//            y = e.client.y-1;
//            x = e.client.x-1;
//            lft = mainlnk.offsetLeft;
//            rght = mainlnk.offsetLeft + mainlnk.clientWidth;
//            if((btm >= y && y >= tp) && (rght >= x && x >= lft)) {}
//            else {
//                el.getParent().removeClass('hover');
//                if(el.getParent().hasClass('sel')) { }
//                else {
//	                el.getParent().addClass('out');
//	            }
//            }
//	        
//	    }.bind(this));
//	    
//	    sublnks = el.getElementsBySelector('a.sub');
//	    sublnks.each(this.initSubLnks,this);
//	},
//	
//	initSubLnks: function(el) {
//	    el.addEvent('mouseenter', function(e) {
//	        el.addClass('subovr');
//	        ulsub2 = el.getNext();
//	        if(ulsub2 != null) {
//	            if(ulsub2.getTag() == "ul") {
//	                ulsub2.setStyle('display','block');
//	            }
//	        }
//	        
//	    }.bind(this));
//	    el.addEvent('mouseleave', function(e) {
//	        el.removeClass('subovr');
//	        ulsub2 = el.getNext();
//	        if(ulsub2 != null) {
//	            if(ulsub2.getTag() == "ul") {
//	                x = e.client.x-1;
//                    lft = ulsub2.offsetLeft;
//                    rght = ulsub2.offsetLeft + ulsub2.clientWidth;
//                    if(rght >= x && x >= lft) { }
//                    else {
//                        ulsub2.setStyle('display','none');
//                    }
//	            }
//	        }
//	    }.bind(this));
//	},
//	
//	initSubLnks: function(el) {
//	    
//	}
	
});
//-->