$(window).bind("load", function() { 
    
    if ($(".tx-pplarchive-pi5 ul li.active a").length > 0) {
        el = $(".tx-pplarchive-pi5 ul li.active a:first");
    } else {
        el = $(".tx-pplarchive-pi6 ul li.active a:first");
    }
    
    el.bind("click", function() {
        if ($(this).parent("li").hasClass("active")) {
            $(this).parent("li").removeClass("active");
            return false;
        } else {
            $(this).parent("li").addClass("active");
            return false;
        }   
    });  
    
    var imageCount = $("div#listSingle-images ul li").length;
    
    if (imageCount > 0) {
    
        var last = imageCount-1;    
        var next = 0;    
        var dimensions = getMaxDimensions();
        
        $("div#listSingle-images ul").wrap('<div id="slide-wrapper" style="position:relative;margin:0px auto;border:1px solid #7e8081;padding:5px;width:' + (dimensions.w) + 'px"><div style="height:' + (dimensions.h) + 'px;width:' + (dimensions.w) + 'px;position:relative;overflow:hidden;"></div></div>');
        $("#slide-wrapper").append('<img id="slide-previous" src="fileadmin/templates/gfx/previous.gif" style="position:absolute; top:' + (dimensions.h/2-15) + 'px;left:-31px" />');
        $("#slide-wrapper").append('<img id="slide-next" src="fileadmin/templates/gfx/next.gif" style="position:absolute; top:' + (dimensions.h/2-15) + 'px;right:-31px" />');
        $("div#listSingle-images ul li img").css({position:"absolute",top:"0px",left:dimensions.w+"px"});
        $("div#listSingle-images ul li:first img").css({left:"0px"});
        $("#slide-wrapper").after('<p style="text-align:center" id="slide-index"></p>');
        
        for (var i=0;i<imageCount;i++) {        
            var htmlClass = next==i ? 'class="active"' : '';
            $("#slide-index").append('<span ' + htmlClass + '>' + (i+1) + '</span>&nbsp;')
        }
        
        if (imageCount > 1) {
            $("#slide-next").bind("click", function() {                
            
                 $("div#listSingle-images ul li:eq(" + next + ") img").animate({left:"-"+dimensions.w+"px"},function(){
                     $(this).css("left",dimensions.w+"px");
                 });
                 
                 next = next+1>last ? 0 : next+1;
                 
                 $("div#listSingle-images ul li:eq(" + next + ") img").css("left",dimensions.w + "px").animate({
                    left: ((dimensions.w - $("div#listSingle-images ul li:eq(" + next + ") img").attr("width")) / 2) + "px"
                 }); 
                 
                updateSlideIndex(next);
             });
                
            $("#slide-previous").bind("click", function() {        
                $("div#listSingle-images ul li:eq(" + next + ") img").animate({left:(dimensions.w*2) +"px"},function(){
                    $(this).css("left",dimensions.w+"px");
                });
                
                next = next-1<0 ? last : next-1;
                
                $("div#listSingle-images ul li:eq(" + next + ") img").css("left","-" + dimensions.w + "px").animate({
                    left: ((dimensions.w - $("div#listSingle-images ul li:eq(" + next + ") img").attr("width")) / 2) + "px"
                });  
                
                updateSlideIndex(next);
            });
        };
    
    }
});

function getMaxDimensions()
{
    var width = 0;
    var height = 0;
    var obj = $("div#listSingle-images ul li img");
    
    jQuery.each(obj, function(){
        var currentWidth = $(this).attr("width");
        if (currentWidth > width) {
            width = currentWidth;
        }
        var currentHeight = $(this).attr("height");
        if (currentHeight > height) {
            height = currentHeight;
        }
    })
    
    return {w:width, h:height};
}

function updateSlideIndex(next)
{
    $("#slide-index span").removeAttr("class");
    $("#slide-index span:eq("+next+")").addClass("active"); 
}