TransparentNavi = Class.create();

TransparentNavi.prototype = {

    initialize: function(naviName) {
        
        this.navi = $(naviName);
        this.oldWidth = this.navi.offsetWidth;
                
        this.updateNavi();                               
        
        setInterval(this.invalidateNavi.bind(this), 100);
    },
    
    invalidateNavi: function() {
        
        if (this.oldWidth != this.navi.offsetWidth) {
            this.oldWidth = this.navi.offsetWidth;
            this.updateNavi();
        }
    },
    
    updateNavi: function() {       			
    
        var lastItems = document.getElementsByClassName('last');
        
        for (var lastItemIndex = 0; lastItemIndex < lastItems.length; lastItemIndex++) {        
             
            var lastItem = lastItems[lastItemIndex];
            var lastItemChilds = lastItem.childNodes;
             
            for (var childIndex = 0; childIndex < lastItemChilds.length; childIndex++) {
            
                var lastItemChild = lastItemChilds[childIndex];
            
                if (lastItemChild.className.indexOf('c') != -1) {                 
            
                    lastItemChild.style.width = '0px';
                }
            }   
                        
            var deltaWidth = (lastItem.parentNode.offsetWidth - (lastItem.offsetLeft + lastItem.offsetWidth));
            
            if (!isIe) {
            
				deltaWidth += lastItem.parentNode.offsetLeft;
            }
        
            for (var childIndex = 0; childIndex < lastItemChilds.length; childIndex++) {
            
                var lastItemChild = lastItemChilds[childIndex];
            
                if (lastItemChild.className.indexOf('c') != -1) {
                 
                    deltaWidth -= lastItemChild.offsetWidth;                 
                    lastItemChild.style.width = (deltaWidth - 1) + 'px';
                }
            }            
        }
    }

};