/**
 * PWA JS Functions based on jQuery
 * 
 * (c) Michael Hitzler - paravista Media 2011
 * version 1.0.0   
 */
 

$(document).ready(function(){
 
    // init slider - only if we do have more than 1 image
    if (jQuery('#BANNER li').size() > 1) {
        slider();
    }
    
});
 
 
function slideElement(slideToCall) {

    // presets
    var fadeSpeed = 1000;
    
    var $active = jQuery('#BANNER li.active');
    if ( $active.length == 0 ) {
        $active = jQuery('#BANNER li:last');
    }
    
    // use regular next mechanism but not when passing direct slideToCall
    if (parseInt(slideToCall) > 0) {
        var $next = jQuery('#BANNER li:nth-child(' + slideToCall + ')');
    } else {
        if ($active.next().length) {
            var $next = $active.next();
        } else {
            var $next = jQuery('#BANNER li:nth-child(1)');
        }
    }

    $active.addClass('last-active');
    
    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, fadeSpeed, function() {
            $active.removeClass('active last-active');
        });

    $active.removeClass('active');
    
    // update current image label
    //jQuery('#banner-label').text(jQuery('#BANNER li.active img').attr('alt'));
    
}

function slider() {
    
    var rotationSpeed = 7000;
    
    jQuery('#BANNER li:nth-child(1)').addClass('active');
    jQuery('#BANNER li').css({opacity: 0.0});
    jQuery('#BANNER li:nth-child(1)').css({opacity: 1.0});
   
    // init slide elements
    var run = setInterval('slideElement()', rotationSpeed);
    
}