/**
 * alle dynamischen funktionen von in-signo.de
 * erfordert jquery-1.4.1
 */

$(function () {
    // referenzen-mouseover
    // es wurden referenzenbilder in den dom-elementen hinterlegt (geschieht im template)
    $('div.references li a').mouseenter(function () {
        // großes referenzen-bild austauschen
        var imgUrl = $(this).data('image');
        if (imgUrl) {
            // ein mouseover-bild für diesen punkt wurde im dom hinterlegt
            $('#logoleistenContainer').attr('style', 'background-image: url('+imgUrl+')'); //src
            $('#logoHolder img').hide();
        }
        // eine neue Headline wird angezeigt
$(this).data('headline')
        var refHeadline = $(this).data('headline');
        $('#logoleistenHeadline').html(refHeadline);
        // ein neuer Text wird angezeigt 
        var refText = $(this).data('text');
        $('#logoleistenText').html(refText);
    });

    // hauptnavi-mouseover
    $('#navigation li').hover(function () {
        if ($(this).find('strong').length == 0) {
            // überfahrener menüpunkt ist nicht aktiv
            $(this).prepend('<em>Aktiv</em>');
        }
    }, function () {
        $(this).find('em').remove();
    });
});

/*
// nyroModal konfiguration
$.fn.nyroModal.settings = {
    
};
*/

// bildergalerie ("was wir koennen")
$(function () {
    var $imageHrefs = $('#gallery .thumbnails a:not(.gallery-additional-link)');
    var currentImageHref = 0;
    
    function init() {
        //var navigationHtml = '<p class="prevnext"><a href="" title="vorheriges Bild">&lt;</a> | <a href="" title="nächstes Bild">&gt;</a></p><ul class="numbers"><li><a href="" class="active">1</a></li><li><a href="">2</a></li><li><a href="">3</a></li><li><a href="">4</a></li></ul><div class="big-image"><img src="/media/bilder/inhalt/was-wir-koennen/gallery-big.jpg" alt="Bild 1" /></div>';
        var navigationHtml = '';
        var numbersHtml = '';
        var firstImgSrc = '';
        
        // html fuer navigation und erstes bild dynamisch zusammenstellen
        firstImgSrc = $imageHrefs.eq(0).attr('href');
        // Hide additional links
        $('#gallery .thumbnails .gallery-additional-link').hide();
        $imageHrefs.each(function (idx, ele) {
            var active = '';
            if (idx == 0) {
                active = ' class="active"';
            }
            numbersHtml += '<li><a href=""' + active + '>' + (idx + 1) + '</a></li>';
        });
        navigationHtml = '<p class="prevnext"><a href="" title="vorheriges Bild">&lt;</a> | <a href="" title="nächstes Bild">&gt;</a></p><ul class="numbers">'
                       + numbersHtml
                       + '</ul><div class="big-image"><img src="' + firstImgSrc + '" /></div>';

        $('#gallery').prepend(navigationHtml)
        // prevnext
        .find('p.prevnext a').eq(0).click(function (evt) {
            evt.preventDefault();
            prevClick();
        }).end().eq(1).click(function (evt) {
            evt.preventDefault();
            nextClick();
        }).end().end()
        // numbers
        .find('ul.numbers a').each(function (idx, ele) {
            $(ele).data('myIndex', idx);
        }).click(function (evt) {
            evt.preventDefault();
            numberClick($(this).data('myIndex'));
        }).eq(0).click().end().end() // bs, 20110822: call once on first item to enable video linkage for it
        // thumbnails
        .find('ul.thumbnails a:not(.gallery-additional-link)').each(function (idx, ele) {
            $(ele).data('myIndex', idx);
        }).click(function (evt) {
            evt.preventDefault();
            numberClick($(this).data('myIndex'));
        });
    }
    
    function showImage()
    {
// debug
//alert('show image #' + currentImageHref);
        var imgUrl = $imageHrefs.eq(currentImageHref).attr('href'),
            $newImage,
            $additionalLink,
        $newImage = $('#gallery .big-image').find('a, img').remove().end()
            .append('<img src="' + imgUrl + '" />').children(':last');
        // Additional links feature
        $additionalLink = $imageHrefs.eq(currentImageHref).siblings('.gallery-additional-link:first');
        if ($additionalLink.length) {
            $newImage.wrap('<a href="' + $additionalLink.attr('href')
                + '" target="' + $additionalLink.attr('target') + '" />');
            if ($additionalLink.hasClass('playerModal')) {
                $newImage.parent().nyroModal({bgColor: '#000000', type: 'iframe', width: 480, height: 290, minHeight: 290, autoSizable: false});
            }
        }
        $('#gallery .numbers a').filter('.active').removeClass('active').end().eq(currentImageHref).addClass('active');
    }
    
    function prevClick()
    {
        var nextIndex = currentImageHref - 1;
        if (nextIndex < 0) {
            nextIndex = $imageHrefs.length - 1;
        }
        currentImageHref = nextIndex;
        showImage();
    }
    
    function nextClick()
    {
        var nextIndex = currentImageHref + 1;
        if (nextIndex >= $imageHrefs.length) {
            nextIndex = 0;
        }
        currentImageHref = nextIndex;
        showImage();
    }
    
    function numberClick(nextIndex)
    {
        currentImageHref = nextIndex;
        showImage();
    }



    init();
});


/*** layer-video ***/ 
$(function () {
    $("a.playerModal").nyroModal( {bgColor: '#000000', type: 'iframe', width: 480, height: 290, minHeight: 290, autoSizable: false} ); 
});