(function($) {
/*
    $.extend($.fx.step,{
        backgroundPosition: function(fx) {
            if (fx.state === 0 && typeof fx.end == 'string') {
                var start = $.curCSS(fx.elem,'backgroundPosition');
                start = toArray(start);
                fx.start = [start[0],start[2]];
                var end = toArray(fx.end);
                fx.end = [end[0],end[2]];
                fx.unit = [end[1],end[3]];
            }
            var nowPosX = [];
            nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
            nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];
            fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];

           function toArray(strg){
               strg = strg.replace(/left|top/g,'0px');
               strg = strg.replace(/right|bottom/g,'100%');
               strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
               var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
               return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
           }
        }
    });
*/
})(jQuery);

function fadeImages(time)
{
    size = $('.suscGall').size()
    $('.suscGall').each(function(i)
    {
        isActive = $(this).is(':visible');
        if(isActive) {
            $(this).removeClass('act');
            $(this).fadeOut(time);
            nextElement = $(this).next('.suscGall');
            if(nextElement.length) {
                $(nextElement).addClass('act');
                $(nextElement).fadeIn(time);
                return false;
            } else {
                $('.suscGallNr-0').addClass('act');
                $('.suscGallNr-0').fadeIn(time);
                return false;
            }
        }
    });
}

function startImageGallery()
{
    intValPointer = setInterval("fadeImages(2000)",4000);
}

function countDown()
{
    sec--;
    $('#log').html(sec);
    if (sec == 0) {
        clearInterval(interval);
        $('.suscLayer').fadeOut(3000);
        $('.suscLayerImg').fadeOut(3000);

        $('#suscLeft > div').removeAttr('style');
        $('#suscLeft > div').removeClass('suscNaviActive');
        $('#suscLeft > div').addClass('suscNavi');
    }
}

jQuery(function()
{
    if($.browser.msie && parseInt($.browser.version) <= 7){
        var dontRun = 1;
    } else {
        var dontRun = 0;
    }

    startImageGallery();

    $('.suscNaviLink').click(function()
    {
        // gallery handling
        sec = 10;
        if(typeof intValPointer != 'undefined') {
            clearInterval(intValPointer);
        }
        if(typeof toValPointer != 'undefined') {
            clearTimeout(toValPointer);
        }
        toValPointer = setTimeout("startImageGallery()",10000);

        $('#log').html(sec);
        if(typeof interval != 'undefined') {
            clearInterval(interval);
        }
        interval = setInterval('countDown()',1000);

        // pfeil default / alle
        $('#suscLeft .suscNaviItem').removeClass('suscNaviActive');
        $('#suscLeft .suscNaviItem').addClass('suscNavi');
        // pfeil active
        $(this).parents('.suscNaviItem').removeClass('suscNavi');
        $(this).parents('.suscNaviItem').removeAttr('style');
        $(this).parents('.suscNaviItem').addClass('suscNaviActive');

        // layer
        linkRel = $(this).attr('rel');
        linkRel = linkRel.replace(/linkid/i,"");


        $('.suscLayer').hide();
        $('.suscLayerImg').hide();
        $('.suscLayerImg').css('left','728px');


        $('#layerid'+linkRel).show();
        $('#layerimgid'+linkRel).show();
        $('#layerimgid'+linkRel).animate({
            left: '0px'
        },1000,'easeInOutBack').addClass('suscActLayerx');

    });
});