/**
 * @author Mirko Hoech
 */
/*
 * set search type
 */
$('.select').hover(function(){
    $('.select .options').css('display','block');
},function(){
    $('.select .options').css('display', 'none');
});

$('.select ul li').click(function(){
    $('.select span').html($(this).html());
    $('#search-type').val($(this).attr('title'));
    $('.select .options').css('display','none');
});

/*
 * 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=\'/kleidung\'" 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 />'
                        +'Sonnenbrillen, 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=\'/kategorie/schmuck-und-uhren\'" title="Schmuck & Uhren">'
                        +'<div class="size66x66">'
                            +'<img src="http://static.edelight.de/img/categories/schmuck.jpg" class="float_left" alt="Schmuck & Uhren" />'
                        +'</div>'
                        +'<p><b>Schmuck & Uhren</b><br />'
                        +'Ketten, Ohrringe, Chronographen, Ringe, Uhren, Armb&auml;nder, ...'
                        +'</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="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="clear"></div>'
                    +'<div class="seotags float_left" 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" onclick="window.location.href=\'/sitemap\'" 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"></div>'
                    +'<div class="seotags float_left"></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-image', 'url('+basePath+'/img/layout/bg_discover_active.gif)');
    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 Shoppaholics</a></li>'
                +'<li><a href="/listen">... tolle Shoppinglisten</a></li>'
                +'<li><a href="/partner">... exklusive Partnershops</a></li>'
                +'<li><a href="/spiele">... spannende Shopping-Spiele</a></li>'
                +'<li><a href="/tools">... unsere Shoppinghelfer</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-image', 'url('+basePath+'/img/layout/bg_discover.gif)');
});