/*
 *      - Menü verschoben 6/7
 *      - Menüborders rechts 6
 *      - Submenü Produktwelt
 *      - Position schwuler Zwischenstreifen Info
 *
 */

window.menuClicker = {
    iX: -1,
    iY: -1,
    iFadeSpeed: 1000,
    bProductsContent: 0,
    sProductsHtml: "",
    
    savePos: function(e) {
        window.menuClicker.iX = e.pageX;
        window.menuClicker.iY = e.pageY;
        
        var bShow = true;
        
        if ($('div#menu > ul > li > div:visible').length) {
            //$('body').append($(document.createElement('span')).text($('div#menu > ul > li > div:visible').parent().position().left + ' '));
            
            var iLeft     = $('div#menu > ul > li > div:visible').parent().position().left;
            var iContLeft = $('div#container').position().left - 476;
            //$('#asdasd').text(iLeft + '-' + window.menuClicker.iX + '-' + iContLeft);
            
            if ((window.menuClicker.iX > (iLeft + iContLeft)) && (window.menuClicker.iX < (iLeft + iContLeft + 159))) bShow = false;
            
        }
        
        //$('li#menu_28 > p.bodytext').html(bShow + '<br />185 &lt; ' + window.menuClicker.iY + ' &lt; 285');
        if ((window.menuClicker.iY > 185) && (window.menuClicker.iY < 285) && bShow) {
            $('body').css('cursor', 'pointer');
            $('body div#menu ul li div img').css('cursor', 'pointer');
            
            //$('li#menu_28 > p.bodytext').html($('li#menu_28 > p.bodytext').html() + '<br />GO pointer');
        }
        else if ((window.menuClicker.iY > 185) && (window.menuClicker.iY < 285)) {
            $('body').css('cursor', 'default');
            $('body div#menu ul li div img').css('cursor', 'default');
            
            //$('li#menu_28 > p.bodytext').html($('li#menu_28 > p.bodytext').html() + '<br />GO DEFAULT');
        } 
        else {
            $('body').css('cursor', 'auto');
            $('body div#menu ul li div img').css('cursor', 'auto');
            
            //$('li#menu_28 > p.bodytext').html($('li#menu_28 > p.bodytext').html() + '<br />GO auto');
        }
    },
    
    checkClick: function() {
        if ($('div#screen, div#menu ul li div[display!=none]').length) {
            //alert(window.menuClicker.iY);
            
            if ((window.menuClicker.iY > 185) && (window.menuClicker.iY < 285)) {
                var sHitId      = '';
                var iContainerX = parseInt($('div#container').position().left - 475);
                
                //$('li#menu_28 > p.bodytext').html('mausX ' + window.menuClicker.iX + '<br />containerX ' + iContainerX + '<br />');
                
                $('div#menu > ul > li').each(function() {
                    var iX = parseInt($(this).position().left);
                    var iW = $(this).children('img').width();
                    //var iW = parseInt(sW.substr(0, (sW.length - 2)));
                    
                    //$('li#menu_28 > p.bodytext').html($('li#menu_28 > p.bodytext').html() + 'iX ' + iX + ' / iW ' + iW + '<br />');
                    
                    if ((window.menuClicker.iX >= (iContainerX + iX)) && (window.menuClicker.iX <= (iContainerX + iX + iW)) && (sHitId == '') && $(this).children('div:hidden').length) {
                        sHitId = $(this).attr('id');
                        //alert(window.menuClicker.iX + '--' + iContainerX + '--' + iX + '--' + iW);
                    }
                });
                
                if (sHitId != '') {
                    //alert('mousepos');
                    window.menuClicker.clickItem($('li#'+sHitId+' > a'));
                    return false;
                }
            }
        }
    },
    
    clickItem: function(oThis) {
        if ($(oThis).parent().attr('id') == 'menu_25') {
            /* wie content holen? ajax? */
            if ($(oThis).parent().hasClass('active')) {
                $('div#screen').fadeIn(window.menuClicker.iFadeSpeed);
            }
            else {
                if ($('div#screen_products').text() == '') {
                    // AJAX
                    $('div#screen').fadeOut(window.menuClicker.iFadeSpeed);
                    $(document.createElement('img'))
                        .attr({ "src": "/fileadmin/img/loadingAnimation.gif", "alt": "loading", "id": "loading" })
                        .css({ "position": "absolute", "top": "500px", "left": "507px", "display": "none" })
                        .appendTo('div#container')
                        .fadeIn(window.menuClicker.iFadeSpeed);
                    
                    $.get('index.php', { "id": 25, "type": 25 }, function(sData, sStatus) {
                        var sHtml = sData.substring(sData.indexOf('<div id="screen">') + 20, sData.indexOf('<div id="prodmenu">'));
                        
                        $('img#loading').fadeOut(window.menuClicker.iFadeSpeed, function() { $(this).remove(); });
                        $('div#screen_products').html(sHtml).fadeIn(window.menuClicker.iFadeSpeed);
                    });
                }
                else {
                    $('div#screen').fadeOut(window.menuClicker.iFadeSpeed);
                    $('div#screen_products').fadeIn(window.menuClicker.iFadeSpeed);
                }
            }
            
            $('div#container > div#menu > ul > li > a').animate({ color: '#d2cac7' }, window.menuClicker.iFadeSpeed);
            $('div#container div#menu ul li p.bodytext, div#menu ul li div[display!=none]').fadeOut(window.menuClicker.iFadeSpeed);
            $('div#menu > ul > li > img.default').fadeIn(window.menuClicker.iFadeSpeed)
            
            $(oThis).siblings('div').fadeIn(window.menuClicker.iFadeSpeed);
        }
        else if ($(oThis).parent().hasClass('active')) {
            $('div#screen').fadeIn(window.menuClicker.iFadeSpeed);
            $('div#container > div#menu > ul > li > a').animate({ color: '#d2cac7' }, window.menuClicker.iFadeSpeed);
            $('div#container div#menu ul li p.bodytext, div#menu ul li div[display!=none]').fadeOut(window.menuClicker.iFadeSpeed);
            $('div#menu > ul > li > img.default, div#screen_products').fadeOut(window.menuClicker.iFadeSpeed)
            
            $(oThis).siblings('div').fadeIn(window.menuClicker.iFadeSpeed);
        }
        else {
            $('div#screen, div#menu ul li div[display!=none], div#screen_products').fadeOut(window.menuClicker.iFadeSpeed);
            $('div#container > div#menu > ul > li > a').animate({ color: '#766863' }, window.menuClicker.iFadeSpeed);
            $('div#container div#menu ul li p.bodytext').fadeIn(window.menuClicker.iFadeSpeed);
            $('div#menu > ul > li > img.default').fadeIn(window.menuClicker.iFadeSpeed)
            
            $(oThis).siblings('div').fadeIn(window.menuClicker.iFadeSpeed);
            setTimeout(function() {
                $('div#header ul li.active').removeClass('active');
                $('div#container').css('background-image', 'none');
            }, window.menuClicker.iFadeSpeed / 2);
        }
    }
}

$(document).ready(function() {
    $("div#container").mousemove(function(e) { window.menuClicker.savePos(e); }).click(function(e) { window.menuClicker.checkClick(e); });
    
    $('div#menu > ul > li > img, div#menu > ul > li > a').click(function() {
        //alert('click');
        
        //if (($(this).parent().attr('id') != 'menu_25')) { // || $(this).parent().hasClass('active')) {
            $(this).blur();
            window.menuClicker.clickItem($(this));
            
            //document.styleSheets[0].addRule('#' + $(this).parent().parent().attr('id') + ' > div > img', 'behavior: url(/fileadmin/css/iepngfix.php)');
            return false;
        //}
    });
    
    //$('body').append($(document.createElement('span')).attr('id', 'asdasd'));
    
    //document.styleSheets[0].addRule('#' + $(this).parent().parent().attr('id') + ' > div > img', 'behavior: url(/fileadmin/css/iepngfix.php)');
    //$('div#menu > ul > li > div:visible > img').ifixpng();
    $('div#menu > ul > li > div:visible > img').ifixpng();
    
    $('div#menu > ul > li > div:hidden').each(function() {
        $(this).css('display', 'block');
        $(this).children('img').ifixpng();
        $(this).css('display', 'none');
    });
});