var Tipp =
{
    
    tippBox: null,
    
    init: function()
    {
        this.setEvents(document.getElementById('mk_sternzeichen_container'));
        this.setEvents(document.getElementById('mk_symbol_container'));

        this.tippBox = document.getElementById('mk_tipp');
    },

    setEvents: function(container)
    {
        if (container == 'undefined') return;
        
        var images = container.getElementsByTagName('img');

        for (var i = 0, image; image = images[i]; i++) {
            image.onmouseover = this.show;
            image.onmouseout  = this.hide;
        }
    },
    
    show: function()
    {
        if (this.style.display == 'block') return;
        
        var content = Tipp.getContent(this);
        var position = Tipp.getPosition(this);
        
        Tipp.tippBox.getElementsByTagName('h1')[0].childNodes[0].data = content.header;
        Tipp.tippBox.getElementsByTagName('h1')[0].className = content.classname;
        Tipp.tippBox.getElementsByTagName('p')[0].childNodes[0].data = content.lauftext;
    
        Tipp.tippBox.style.position = 'absolute';
        Tipp.tippBox.style.left = (position.left + 10) + 'px';
        Tipp.tippBox.style.top = (position.top + 30) + 'px';
    
        Tipp.tippBox.className = 'show';
    },

    hide: function() {
        Tipp.tippBox.className = '';
    },
    
    getContent: function(element)
    {
        if (element.style.display == 'block') return;
        
        var content = { header: '', lauftext: '', classname: '' };
        
        content.header = element.parentNode.getElementsByTagName('h1')[0].childNodes[0].data;
        
        var src = element.src;
        var gestrichen = (src.search(/_no/) != -1) ? true : false;

        if (gestrichen == false)
        {
	        content.lauftext = element.parentNode.getElementsByTagName('p')[0].childNodes[0].data;
        }

        // Nur für Symbol-Objekte Textzusatz und class ermitteln
        if (element.parentNode.className == 'mk_symbol')
        {
            if (gestrichen == true)
            {
                content.header += ' (ungünstig)';
                content.classname = ' gestrichen';
            }
            else
            {
                content.header += ' (günstig)';
                content.classname = '';
            }
        }
        
        return content;
    },
    
    getPosition: function(obj)
    {
        var position = { left: 0, top: 0 };
        
        if (obj.offsetParent)
        {
            do
            {
                position.left += obj.offsetLeft;
                position.top += obj.offsetTop;
                if ('relative' == obj.style.position) break;
            }
            while (obj = obj.offsetParent);
        }
    
        return position;
    },
    
    getStyle: function(obj, styleProperty)
    {
    	if (obj.currentStyle)
            // IE
		    var value = obj.currentStyle[styleProperty];
    	else if (window.getComputedStyle)
            // Mozilla, Opera, etc.
    		var value = document.defaultView.getComputedStyle(obj, null).getPropertyValue(styleProperty);
    		
    	return value;
    }
    
};

window.onload = function()
{
    if (document.getElementById == 'undefined') return;
    if (document.getElementsByTag == 'undefined') return;
    
    if (document.getElementById('mk_sternzeichen_container') == null) return;
    if (document.getElementById('mk_symbol_container') == null) return;
    
    Tipp.init();
}