/**
 * @author Mirko Hoech
 */
/*
 * set flyouts
 */
$('#menu .categories a:first').mouseenter(function(){
    $('#menu .categories').css('background-color', '#d8630c');
    if($('#menu .categories .flyout').length == 0)
    {
        $('#menu .categories').append(
            '<ul class="flyout">'
                +'<li>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/mode\'" title="Mode">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/mode.jpg" class="float_left" alt="Mode" />'
                        +'</div>'
                        +'<p><b>Mode</b><br />'
                        +'Kleider, Jeans, Jacken, Blusen, Dessous, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/schuhe\'" title="Schuhe">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/schuhe.jpg" class="float_left" alt="Schuhe" />'
                        +'</div>'
                        +'<p><b>Schuhe</b><br />'
                        +'Ballerinas, Stiefel, Pumps, Sneaker, Sandaletten, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/taschen\'" title="Taschen">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/taschen.jpg" class="float_left" alt="Schuhe" />'
                        +'</div>'
                        +'<p><b>Taschen</b><br />'
                        +'Handtaschen, Clutches, Schultertaschen, Shopper, Umh&auml;ngetaschen, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/accessoires\'" title="Accessoires">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/accessoires.jpg" class="float_left" alt="Accessoires" />'
                        +'</div>'
                        +'<p><b>Accessoires</b><br />'
                        +'G&uuml;rtel, Portemonnaies, Schals & T&uuml;cher, M&uuml;tzen & H&uuml;te, ...'
                        +'</p>'
                    +'</div><div class="clear"></div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/wohnen\'" title="Wohnen">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/wohnen.jpg" class="float_left" alt="Wohnen" />'
                        +'</div>'
                        +'<p><b>Wohnen</b><br />'
                        +'Lampen, Betten, M&ouml;bel, Teppiche, Wandtattoos, Dekoration, K&uuml;che, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/schmuck\'" title="Schmuck">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/schmuck.jpg" class="float_left" alt="Schmuck" />'
                        +'</div>'
                        +'<p><b>Schmuck</b><br />'
                        +'Ketten, Ohrringe, Ringe, Armb&auml;nder, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/uhren\'" title="Uhren">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/uhren.jpg" class="float_left" alt="Uhren" />'
                        +'</div>'
                        +'<p><b>Uhren</b><br />'
                        +'Chronographen, Automatikuhren, Digitaluhren, Wecker, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/beauty\'" title="Beauty">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/beauty.jpg" class="float_left" alt="Beauty" />'
                        +'</div>'
                        +'<p><b>Beauty</b><br />'
                        +'Parfums, Kosmetik, Make-Up, Lipgloss, Rasierer, ...'
                        +'</p>'
                    +'</div><div class="clear"></div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/spielzeug\'" title="Spielzeug">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/spielzeug.jpg" class="float_left" alt="Spielzeug" />'
                        +'</div>'
                        +'<p><b>Spielzeug</b><br />'
                        +'USB Gadgets, Gadgets, Puzzles, Puppen, Autos, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/haushalt\'" title="Haushalt">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/haushalt.jpg" class="float_left" alt="Haushalt" />'
                        +'</div>'
                        +'<p><b>Haushalt</b><br />'
                        +'Waschmaschinen, K&uuml;hlschr&auml;nke, Back&ouml;fen, Kaffeemaschinen, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/sport\'" title="Sport">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/sport.jpg" class="float_left" alt="Sport" />'
                        +'</div>'
                        +'<p><b>Sport</b><br />'
                        +'Fussball, Fun-Sportarten, Klettern, Fitness, Radfahren, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/freizeit\'" title="Freizeit">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/freizeit.jpg" class="float_left" alt="Freizeit" />'
                        +'</div>'
                        +'<p><b>Freizeit</b><br />'
                        +'Camping, Grillen, Garten, Musikinstrumente, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/brillen\'" title="Brillen">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/brillen.jpg" class="float_left" alt="Brillen" />'
                        +'</div>'
                        +'<p><b>Brillen</b><br />'
                        +'Sonnenbrillen, Brillengl&auml;ser, Designerbrillen, Kontaktlinsen, ... '
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/schreibwaren\'" title="Schreibwaren">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/schreibwaren.jpg" class="float_left" alt="Schreibwaren" />'
                        +'</div>'
                        +'<p><b>Schreibwaren</b><br />'
                        +'Kugelschreiber, Ordner, Mappen, F&uuml;ller, Bl&ouml;cke, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/tierbedarf\'" title="Tierbedarf">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/tierbedarf.jpg" class="float_left" alt="Tierbedarf" />'
                        +'</div>'
                        +'<p><b>Tierbedarf</b><br />'
                        +'Hunde, Katzen, V&ouml;gel, Fische, Kleintiere, ... '
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left" onclick="window.location.href=\'/drogerie\'" title="Drogerie">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/drogerie.jpg" class="float_left" alt="Drogerie" />'
                        +'</div>'
                        +'<p><b>Drogerie</b><br />'
                        +'Babypflege, Gesundheit, Schwangerschaftspflege, Nahrungserg&auml;nzung, ... '
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left no-border" onclick="window.location.href=\'/geschenke\'" title="Geschenke">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/geschenke.jpg" class="float_left" alt="Geschenke" />'
                        +'</div>'
                        +'<p><b>Geschenke</b><br />'
                        +'Weihnachten, Geburtstag, Nikolaus, Hochzeitstag, Jahrestag, ...'
                        +'</p>'
                    +'</div>'
                    +'<div class="seotags float_left no-border" onclick="window.location.href=\'/kategorien\'" title="mehr Kategorien">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/more.gif" class="float_left" alt="mehr Kategorien" />'
                        +'</div>'
                        +'<p><b>mehr Kategorien</b></p>'
                    +'</div>'
                    +'<div class="seotags float_left no-border"></div>'
                    +'<div class="seotags float_left no-border"></div><div class="clear"></div>'
                +'</li>'
           +'</ul>'
        )
    }
});

$('#menu .categories').mouseleave(function(){
    $(this).find('.flyout').remove();
    if($(this).attr('class') != 'categories active active_categories')
        $(this).css('background-color', '#e77b2b');
});

$('#menu .discover a:first').mouseenter(function(){
    $(this).css('background-position', '-325px 0');
    if($('#menu .discover .flyout').length == 0)
    {
        $('#menu .discover').append(
            '<ul class="flyout">'
                +'<li><a href="/entdecken">... unsere Shopping-Mall</a></li>'
                +'<li><a href="/nutzer">... unsere Shopaholics</a></li>'
                +'<li><a href="/listen">... tolle Shoppinglisten</a></li>'
                +'<li><a href="/partner">... exklusive Partnershops</a></li>'
                +'<li><a href="/tools">... unsere Shoppinghelfer</a></li>'
                +'<li><a href="/geschenkefinder">... unsere Stylistas</a></li>'
                +'<li><a href="/spiele">... lustige Shoppingspiele</a></li>'
                +'<li class="no-border"><a href="/stichworte">... aktuelle Shopping-Trends</a></li>'
           +'</ul>'
        )
    }
});

$('#menu .discover').mouseleave(function(){
    $(this).find('.flyout').remove();
    if($('#menu .discover a:first').attr('class') != 'active')
        $('#menu .discover a:first').css('background-position', '-185px 0');
});

$('#menu .gifts a:first').mouseenter(function(){
    $('#menu .gifts').css('background-color', '#d8630c');
    if($('#menu .gifts .flyout').length == 0)
    {
        $('#menu .gifts').append(
            '<ul class="flyout">'
                +'<li><a href="/geschenke/#gf">Selbst finden</a></li>'
                +'<li class="no-border"><a href="/geschenke/#hgf">Finden lassen</a></li>'
           +'</ul>'
        )
    }
});

$('#menu .gifts').mouseleave(function(){
    $(this).find('.flyout').remove();
    if($(this).attr('class') != 'gifts active active_gifts')
        $(this).css('background-color', '#e77b2b');
});