window.addEvent('domready', function() {
	var windowwidth = window.getScrollWidth() - 165;
	var windowheight = window.getScrollHeight() - 5;
	
    $$('div[id^=help]').each( function(el) {	
    		el.addEvent('mouseover', function(e) {
    			var elem = $(String(el.id).replace('help', 'helpwindow'));
    			if(elem) {
    				elem.style.display = 'block';
    				elem.setStyle('left', 15);
    				elem.setStyle('top', 15);

    				if(el.offsetTop + 15 + elem.offsetHeight > windowheight) {
    					settop = windowheight - elem.offsetHeight - el.offsetTop;
    					elem.setStyle('top', settop + 'px');  
    				}    	
    				if(el.offsetLeft + 15 + elem.offsetWidth > windowwidth) {
    					setwidth = windowwidth - elem.offsetWidth - el.offsetLeft;
    					elem.setStyle('left', setwidth + 'px');  
    				}
    				setLayer(String(el.id).replace('help', 'helpwindow'));
    			}
    		});
    		el.addEvent('mouseout', function(e) {
    			var elem = $(String(el.id).replace('help', 'helpwindow'));
    			if(elem) {
    				elem.style.display = 'none';
    				hideLayer(String(el.id).replace('help', 'helpwindow'));
    			}
    		});
    	});
    
    $$('span[id^=help]').each( function(el) {
    		el.addEvent('mouseover', function(e) {
    			var elem = $(String(el.id).replace('help', 'helpwindow'));
    			if(elem) {
    				elem.style.display = 'block';
    				
    				if(elem.offsetTop + elem.offsetHeight > windowheight) {
    					settop = windowheight - elem.offsetHeight;
    					elem.setStyle('top', settop + 'px');  
    					elem.setStyle('left', elem.offsetLeft + 15);
    				}    	
    				if(elem.offsetLeft + elem.offsetWidth > windowwidth) {
    					setwidth = windowwidth - elem.offsetWidth;
    					elem.setStyle('left', setwidth + 'px');  
    				}
    			}
    		});
    		el.addEvent('mouseout', function(e) {
    			var elem = $(String(el.id).replace('help', 'helpwindow'));
    			if(elem) {
    				elem.style.display = 'none';
    			}
    		});
    	});

});