/* -------------------------------------------------------------
    AUTHOR: Stefan Nafra
    UPDATED: 07.03.2011
    CONTENT: Diverse Sortier, Gruppier und Blätterfunktionen.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* -------------------------------------------------------------
    01. Sortiert eine Liste.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

function sortElements(criterion, order, date, thisLink) {

    var sortableList = ($(thisLink).parents(':eq(1)').is('li')) ? $(thisLink).closest('ul') : $('ul.sortable'), listItems = sortableList.children('li:not(.poi-header)').get(), element1Text, element2Text, dateRegex = /^(\d{2})[\.](\d{2})[\.](\d{4})/;

    if ($(thisLink).parents(':eq(1)').is('li')) {
        if ($(thisLink).parent().html().match(/'asc'/)) {
            $(thisLink).parent().html($(thisLink).parent().html().replace(/'asc'/, '\'desc\''));
        } else {
            $(thisLink).parent().html($(thisLink).parent().html().replace(/'desc'/, '\'asc\''));
        }
    } else {
        $('a.sort-' + criterion).toggle();
    }

    listItems.sort(function (element1, element2) {

        if (date !== true) {
            element1Text = $(element1).find('.sortby-' + criterion).text().toUpperCase();
            element2Text = $(element2).find('.sortby-' + criterion).text().toUpperCase();
        } else {
            element1Text = $(element1).find('.sortby-' + criterion).text().replace(dateRegex, '$3$2$1');
            element2Text = $(element2).find('.sortby-' + criterion).text().replace(dateRegex, '$3$2$1');
        }

        if (order !== 'desc') {

            // element1Text = (element1Text === 'XXX') ? 99999999 : element1Text;
            // element2Text = (element2Text === 'XXX') ? 99999999 : element2Text;
            return (element1Text < element2Text) ? -1 : (element1Text > element2Text) ? 1 : 0;
        } else {
            element1Text = (element1Text === 'XXX') ? 0 : element1Text;
            element2Text = (element2Text === 'XXX') ? 0 : element2Text;
            return (element1Text > element2Text) ? -1 : (element1Text < element2Text) ? 1 : 0;
        }
    });

    $.each(listItems, function (i, val) {
        sortableList.append(val);
    });

    $('a.d-setnr1').click();
}

/* -------------------------------------------------------------
    02. Set-Generator
        02.1. Erstellt beim Seitenaufbau die Sets.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

$(function () {

    function initList() {
        $('a.d-setnr1').each(function () {

            var $this = $(this);

            if ($this.parent().children('a.active').text() < 2) {
                if ($.url.param('cd') === '') {
                    $this.addClass('active').parent().prev().children('li:gt(' + (parseInt($this.attr('class').split(' ')[2].match(/\d+/), 10) - 1) + ')').hide();
                    // dirty
                    $('.contentlist li:gt(' + (parseInt($this.attr('class').split(' ')[2].match(/\d+/), 10) - 1) + '), .dynamiclist li:gt(' + (parseInt($this.attr('class').split(' ')[2].match(/\d+/), 10) - 1) + ')').hide();
                } else {
                    $this.parent().children('a.d-setnr' + parseInt($.url.param('cd'), 10)).addClass('active').click();
                }
            }
        });
    }
    initList();

    $('h3[id^=teaserbox]').live('click', function () {
        initList();
    });
});

/* -------------------------------------------------------------
        02.2. Zeigt das ausgewählte Set an.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

$('a.d-set:not(a.d-set-next, a.d-set-pre)').live('click', function () {

    var $this = $(this), attr = $this.attr('class').split(' ');

    $this.parent().children('a.active').removeClass('active').parent().children('a.d-setnr' + $(this).text()).addClass('active');
    $this.parent().prev().children().hide().slice(parseInt(attr[1].match(/\d+/), 10) * parseInt(attr[2].match(/\d+/), 10) - parseInt(attr[2].match(/\d+/), 10), parseInt(attr[1].match(/\d+/), 10) * parseInt(attr[2].match(/\d+/), 10)).show();
    // dirty
    $('.contentlist li, .dynamiclist li').hide().slice(parseInt(attr[1].match(/\d+/), 10) * parseInt(attr[2].match(/\d+/), 10) - parseInt(attr[2].match(/\d+/), 10), parseInt(attr[1].match(/\d+/), 10) * parseInt(attr[2].match(/\d+/), 10)).show();
    window.scrollTo(0, 0);

    $('div.einschraenkung input').each(function () {
        $(this).removeAttr('checked');
    });
});

/* -------------------------------------------------------------
    03. Slider
        03.1. Versteckt beim Laden die anderen Bereiche.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

$(function () {
    $('a.d-set-pre').each(function () {
        $(this).parent().children('ul').children('li:gt(' + (parseInt($(this).attr('class').split(' ')[2].match(/\d+/), 10) - 1) + ')').hide();
    });
});

/* -------------------------------------------------------------
        03.2. Rückt das Set um eins weiter.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

$('a.d-set-next').live('click', function () {

    var attr = $(this).attr('class').split(' '), $ul = $(this).parent().children('ul'), $li = $ul.children(), $liLastVisible = $ul.children('li:visible:last');

    if ($liLastVisible.next().length > 0) {
        $li.hide().slice($li.index($liLastVisible) + 1, $li.index($liLastVisible) + parseInt(attr[2].match(/\d+/), 10) + 1).show();
        if ($ul.children('li:visible').length < attr[2].match(/\d+/)) {
            $li.hide().slice($li.index($ul.children('li:last')) - parseInt(attr[2].match(/\d+/), 10) + 1, $li.index($ul.children('li:last')) + 1).show();
        }
    } else {
        $li.hide().slice(0, parseInt(attr[2].match(/\d+/), 10)).show();
    }
});

/* -------------------------------------------------------------
        03.3. Rückt das Set um eins zurück.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

$('a.d-set-pre').live('click', function () {

    var attr = $(this).attr('class').split(' '), $ul = $(this).parent().children('ul'), $li = $ul.children(), $liFirstVisible = $ul.children('li:visible:first');

    if ($liFirstVisible.prev().length > 0) {
        $li.hide().slice($li.index($liFirstVisible) - parseInt(attr[2].match(/\d+/), 10), $li.index($liFirstVisible)).show();
        if ($ul.children('li:visible').length === 0) {
            $ul.children('li:lt(' + parseInt(attr[2].match(/\d+/), 10) + ')').show();
        }
    } else {
        $li.hide().slice($li.index($ul.children('li:last')) - parseInt(attr[2].match(/\d+/), 10) + 1, $li.index($ul.children('li:last')) + 1).show();
    }
});

/* -------------------------------------------------------------
        03.3. Vergrößert den ausgewählten LI beim darüberfahren.
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

// Eine Funktion um einen ausgewählten Li in die Mitte zu rücken.
//function slide(middleID, liID, ulID) {
//    if (liID > middleID && $('.' + ulID + ' li:visible:last').next().length > 0) {
//        $('.' + ulID + ' li:visible:last').next().show();
//        $('.' + ulID + ' li:visible:first').hide();
//        liID -= 1;
//        slide(middleID, liID, ulID);
//    } else if (liID < middleID && $('.' + ulID + ' li:visible:first').prev().length > 0) {
//        $('.' + ulID + ' li:visible:first').prev().show();
//        $('.' + ulID + ' li:visible:last').hide();
//        liID += 1;
//        slide(middleID, liID, ulID);
//    }
//}

$(function () {

    $('.slidepanel li').mouseenter(function () {

        //nur bei click
        //var middle = Math.ceil((parseInt($('.' + $(this).parent().attr('class') + ' li:visible:first').attr('class').match(/\d+/), 10) + parseInt($('.' + $(this).parent().attr('class') + ' li:visible:last').attr('class').match(/\d+/), 10)) / 2);
        //slide(middle, parseInt($(this).attr('class').match(/\d+/), 10), $(this).parent().attr('class'));

        $('#imagehover').stop(true).css({
            'left' : $(this).position().left - 70,
            'top' : $(this).position().top
        }).html($(this).html()).show().animate({
            top: $(this).position().top - 15
        }, 300, 'linear').find('img').css('opacity', '.1').animate({
            width: "142px",
            opacity: 1,
            height: "204px"
        }, 300, 'linear', function () {
            $('#imagehover').children(':eq(1)').show();
        });
    });
});

$('#imagehover a').live('mouseout', function () {
    $('#imagehover').stop().removeAttr('style').hide().children(':eq(1)').hide();
});

/* -------------------------------------------------------------
        03.4. .
   - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

var autoSlide;

function slide() {
    if ($('div.channelbox ul.slide li.hovered').next().length > 0) {
        $('div.channelbox ul.slide li.hovered').next().mouseenter();
    } else {
        if ($('#goteaser').hasClass('newteaser')) {
            $('ul.slide li[class*=swapimage]:eq(1)').mouseenter();
            $('#goteaser').removeClass('newteaser');
        } else {
            $('ul.slide li[class*=swapimage]:eq(0)').mouseenter();
        }
    }
}

function startSlide() {
    autoSlide = window.setInterval('slide()', 5000);
}

function stopSlide() {
    window.clearInterval(autoSlide);
    autoSlide = null;
}

$(function () {

    var targetCSS = ($('li[class*=swapimage]:eq(0)').length > 0) ? $.grep($('li[class*=swapimage]:eq(0)').attr('class').split(' '), function (value) {
        return value.match('swapimage');
    }) : '', target = targetCSS.toString().split('-')[1], $targetImage = $('#' + target).find('img').addClass('displayed'), targetImageParent = $targetImage.parent();

    $('li[class*=swapimage] img').each(function () {
        targetImageParent.append($targetImage.clone().attr('src', $(this).attr('src').split('_')[0] + '_1.jpg').css('opacity', 0));
    });

    $('li[class*=swapimage]').mouseenter(function (event) {

        $targetImage.remove();
        $('li[class*=swapimage].hovered').removeClass('hovered');

        var $this = $(this), replaceWithHref = $this.addClass('hovered').find('a').attr('href');

        if ($this.is(':hidden')) {
            $this.closest('ul').next().click();
        }

        $('#' + target + ' img.displayed').removeClass('displayed').stop(true).animate({
            'opacity': 0
        }, 1000);
        $('#' + target + ' img').attr('alt', $this.find('img').attr('alt')).attr('title', $this.find('img').attr('title'));
        $('#' + target + ' img:eq(' + $this.parent().children().index(this) + ')').addClass('displayed').animate({
            'opacity': 1
        }, 1000, function () {
            $(this).parent().attr('href', replaceWithHref).parent('div').next().find('h3').html($this.children('h3').html()).next().text($this.children('p').text()).next().children().attr('href', replaceWithHref);
        });

        if (event.originalEvent !== undefined) {
            stopSlide();
        }
    }).mouseleave(function (event) {
        if (event.originalEvent !== undefined) {
            startSlide();
        }
    });

    startSlide();
    $('ul:not(.slide) li[class*=swapimage]:eq(0)').mouseenter();
});