$.noConflict();
jQuery(document).ready(function($) {

    // --------------------------------------
    // Header-Trennlinie entfernen, wenn ein
    // Header-Bild vorhanden ist
    // --------------------------------------
    if ($('#header-zeile .header_bild').length > 0) {
        $('#header-zeile').css({
            'border': 'none',
            'margin-bottom': '0'
        });
    }

    // --------------------------------------
    // MainNavi "Produkte" Hover
    // --------------------------------------
    $('#mainnavi li.produkte').hover(
        function() {
            if ($('body').hasClass('lang-ru')) {
                $(this).find('a.produkte').css('background','url("tl_files/layout/mainnavi-pr-bg-ru.png") transparent 0 0 no-repeat scroll');
            } else {
                $(this).find('a.produkte').css('background','url("tl_files/layout/mainnavi-pr-bg.png") transparent 0 0 no-repeat scroll');
            }
            pos = $(this).find('a.produkte').position();
            $(this).find('ul.level_2').css('left',pos.left);
            $(this).find('ul.level_2').fadeIn(250);
        },
        function() {
            $(this).find('ul.level_2').fadeOut(250);
            $(this).find('a.produkte').css('background-image','none');
        }
    );

    // --------------------------------------
    // Merkzettel Hover
    // --------------------------------------
//    $('#merkzettel-navi li.merkzettel, #service .merkzettel_form .formnotelist').hover(
    $('#merkzettel-hover').hover(
        function() {
            // Nur, wenn Produkte im Merkzettel vorhanden sind
            if ($('#service .merkzettel_form .formnotelist.container').children().size() > 0 ||
                $('#service .merkzettel_form .formnotelist.rosen').children().size() > 0) {

                var top = 53;
                // Containerpflanzen im Merkzettel? -> Position von den Rosen setzen
                if ($('#service .merkzettel_form .formnotelist.container').children().size() > 0) {
                    rosenTop = top + $('#service .merkzettel_form .formnotelist.container').height();
                    $('#service .merkzettel_form .formnotelist.rosen').css('top',rosenTop);
                // nur Rosen im Merkzettel
                } else {
                    $('#service .merkzettel_form .field-wrap .formnotelist.rosen').css('padding-top','10px');
                }

                // Position vom Footer setzen
                footerTop = top + $('#service .merkzettel_form .formnotelist.container').height() + $('#service .merkzettel_form .formnotelist.rosen').height();
                $('#service .merkzettel_form .merkzettel-footer').css('top',footerTop);

                // Menupunkt Hover
                $('#merkzettel-hover').css('background','url("tl_files/layout/mz-bg-menu.png") transparent 0 0 no-repeat scroll');
                $('#service .merkzettel_counter').css('color','#005F3D');
                $('#merkzettel-navi ul li a').css({
                    'color': '#005F3D',
                    'background-image': 'url("tl_files/layout/merkzettel-icon-green.png")'
                });

                $('#service .merkzettel_form .formnotelist,#service .merkzettel_form .merkzettel-top, #service .merkzettel_form .merkzettel-footer').fadeIn(250);
            }
        },
        function() {
            // Menupunkt Hover
            $('#merkzettel-hover').css('background','none');
            $('#service .merkzettel_counter').css('color','#fff');
            $('#merkzettel-navi ul li a').css({
                'color': '#fff',
                'background-image': 'url("tl_files/layout/merkzettel-icon.png")'
            });

            $('#service .merkzettel_form .formnotelist, #service .merkzettel_form .merkzettel-top, #service .merkzettel_form .merkzettel-footer').fadeOut(250);
        }
    );

    // --------------------------------------
    // Merkzettel: Toggle Details
    // --------------------------------------
    $('#main #mein-merkzettel .less_details').click(function() {
        $(this).parent().find('.less_details').css('display','none');
        $(this).parent().find('.more_details').css('display','block');
        desc = $(this).parent().find('.description').text();
        if (desc.length > 220) {
            desc = desc.substr(0, 220) + '...';
        }
        desc = $(this).parent().find('.name').after('<span class="description desc_short">'+desc+'</span>');
        $(this).parent().find('.desc_long').css('display','none');
        //$(this).parent().parent().find('.image').addClass('short');
        $(this).parent().parent().find('.image, .image a').animate({
            height: '86px'
        }, 500);
        $(this).parent().find('.details').slideUp(500, function() {

        });
    });
    $('#main #mein-merkzettel .more_details').click(function() {
        $(this).parent().find('.more_details').css('display','none');
        $(this).parent().find('.less_details').css('display','block');
        $(this).parent().find('.desc_short').remove();
        $(this).parent().find('.desc_long').css('display','block');
        //$(this).parent().parent().find('.image').removeClass('short');
        if ($(this).parent().parent().find('.image').hasClass('rosen')) {
            img_height = '160px';
        } else {
            img_height = '250px';
        }
        $(this).parent().parent().find('.image, .image a').animate({
            height: img_height
        }, 500);
        $(this).parent().find('.details').slideDown(500);
    });

    // --------------------------------------
    // Merkzettel: E-Mail-Feld ausblenden, wenn
    // keine Produkte vorhanden
    // --------------------------------------
    //if (!$('body.merkzettel #main form .field-wrap').not('#merkzettel_mailversand .field-wrap').children().length > 0) {
    if ($('body.merkzettel #main form .field-wrap .notelistitem').length == 0) {
        $('body.merkzettel #main .ce_form').css('display','none');
        //$('#merkzettel_mailversand').css('display','none');
        //$('.delete_notelist').css('display','none');
    }

    // --------------------------------------
    // Teaser-Boxen: Hover
    // --------------------------------------
    $('#teaser .mod_box_items').hover(
        function() {
            $(this).find('img').animate({opacity: 0.7}, 200);
            $(this).find('img').css('border-color','#AFAFAF');
        },
        function() {
            $(this).find('img').animate({opacity: 1}, 200);
            $(this).find('img').css('border-color','#d8dadb');
        }
    );

    // --------------------------------------
    // Katalog: Details sichtbar machen
    // --------------------------------------
    $('.mod_cataloglist .item').hover(
        function() {
            $(this).find('.item_data').fadeIn(400);
            $(this).find('.item_image a.gallery_first_image').css('border-bottom-color','transparent');
        },
        function() {
            $(this).find('.item_data').fadeOut(400);
            $(this).find('.item_image a.gallery_first_image').css('border-bottom-color','#58585A');
        }
    );

    // --------------------------------------
    // News: Slider
    // --------------------------------------
    // Wenn nicht mind. 4 News-Beiträge vorhanden sind, dann Navigation auf inaktiv setzen
    if ($('body').hasClass('news')) {
        if ($('#news_slider ul').children('li').size() < 4) {
            $('#btn_news_older').addClass('inaktiv');
        }
    }

    // Ältere News
    $('#btn_news_older').click(function() {
        news_anz = $('#news_slider ul').children('li').size();
        if (news_anz > 6) {
            max_left = '-1848px';
        } else if (news_anz > 3) {
            max_left = '-924px';
        } else {
            max_left = '0px';
        }
        if (parseInt($('#news_slider ul').css('left')) > -1540 && news_anz > 3) {
            $('#news_slider ul').animate({left: '-=924'}, 500, function() {
                if ($('#news_slider ul').css('left') == max_left) {
                    $('#btn_news_older').addClass('inaktiv');
                }
                $('#btn_news_newer').removeClass('inaktiv');
            });
        }
    });

    // Neuere News
    $('#btn_news_newer').click(function() {
        if (parseInt($('#news_slider ul').css('left')) < 0) {
            $('#news_slider ul').animate({left: '+=924'}, 500, function() {
                if ($('#news_slider ul').css('left') == '0px') {
                    $('#btn_news_newer').addClass('inaktiv');
                }
                $('#btn_news_older').removeClass('inaktiv');
            });
        }
    });

    // --------------------------------------
    // BG-Bilder
    // --------------------------------------
    //	Supersized - Fullscreen Background jQuery Plugin
    //	Version 3.1.3 Core
    //	www.buildinternet.com/project/supersized
    //	By Sam Dunn / One Mighty Roar (www.onemightyroar.com)
    //	Released under MIT License / GPL License
    // --------------------------------------
    // Um das Flackern zu reduzieren, das beim Seitenwechseln
    // wegen dem BG-Bild entsteht, für den body eine Farbe
    // setzen, die häufig im Bild vorkommt.
    // --------------------------------------
    $bgColor = '#fff';
    if ($('body').hasClass('startseite')) {
        $bgColor = '#E1ADBD';
        $.supersized({
            slides:  [{image: 'tl_files/layout/bg/rose.jpg'}]
        });
    } else if ($('body').hasClass('unternehmen') || $('body').hasClass('produktion') || $('body').hasClass('umwelt-oekologie') || $('body').hasClass('historie') || $('body').hasClass('team') || $('body').hasClass('stellenangebote') || $('body').hasClass('presse') || $('body').hasClass('news') || $('body').hasClass('kontakt')) {
        $bgColor = '#C3D7EE';
        $.supersized({
            slides:  [{image: 'tl_files/layout/bg/unternehmen.jpg'}]
        });
    } else if ($('body').hasClass('rosen')) {
        $bgColor = '#E6B0BD';
        $.supersized({
            slides:  [{image: 'tl_files/layout/bg/rose-unscharf.jpg'}]
        });
    } else if ($('body').hasClass('containerpflanzen') || $('body').hasClass('containerpflanzen-katalog')) {
        $bgColor = '#96C949';
        $.supersized({
            slides:  [{image: 'tl_files/layout/bg/pflanzen-gruen-unscharf.jpg'}]
        });
    } else {
        $bgColor = '#E1ADBD';
        $.supersized({
            slides:  [{image: 'tl_files/layout/bg/rose.jpg'}]
        });
    }
    $('body').css('background-color',$bgColor);

    // --------------------------------------
    // Merkzettel Cookie:
    // Beim Hinzufügen eines Produkts zum Merkzettel muss
    // die Seite erneut geladen werden, weil sonst das neu
    // hinzugefügte Produkt noch nicht im Cookie enthalten
    // ist und die Anzahl im Counter dann nicht stimmt.
    // Der Wert des Cookies wird in der ID vom DIV
    // "merkzettel_counter" gespeichert und kann dann
    // mit dem aktuellen Cookie verglichen werden.
    // --------------------------------------
    if ($('#service .merkzettel_counter').length > 0) { // Wenn der Counter auf der Seite vorhanden ist
        if ($.cookie('catalog_notelist') && $.cookie('catalog_notelist') != $('#service .merkzettel_counter').attr('id')) {
            window.location.href = window.location.href;
        }
    }

    // --------------------------------------
    // Merkzettel-Cookie löschen und Seite neu laden
    // --------------------------------------
    $('span.delete_notelist').click(function() {
        var btnDelete;
        var btnCancel;
        var dialog_buttons = {};
        if ($('body').hasClass('lang-de')) {
            btnDelete = 'Löschen';
            btnCancel = 'Abbrechen';
        } else if ($('body').hasClass('lang-ru')) {
            btnDelete = 'удалять';
            btnCancel = 'Отмена';
        } else {
            btnDelete = 'Delete';
            btnCancel = 'Cancel';
        }

        dialog_buttons[btnDelete] = function(){
            $.cookie('catalog_notelist', null, {path: '/'});
            window.location.href = window.location.href;
        }

        dialog_buttons[btnCancel] = function(){
            $(this).dialog( "close" );
        }

        $( "#dialog-confirm" ).dialog({
            resizable: false,
            height: 50,
            modal: true,
            buttons: dialog_buttons
        });
    });

});