/* =========================================================

// jquery.imageslides.js
// based on jquery.imageslide.js by Torsten Baldes
// and originally based on the work of Matt Oakes http://portfolio.gizone.co.uk/applications/slideshow/
// and Ralf S. Engelschall http://trainofthoughts.org/

 *
 *  <div id="slideImages"> 
 *      <img src="imagename.gif"/>
 *      <img src="imagename2.jpg"/>
 *      <img src="imagename3.png"/>
 *  </ul>
 *  
 *  $('#slideImages').imageslide({ 
 *	  animationtype: Type of animation 'fade' or 'slide' (Default: 'fade'), 
 *	  speed: Fading-/Sliding-Speed in milliseconds or keywords (slow, normal or fast) (Default: 'normal'), 
 *	  timeout: Time between the fades in milliseconds (Default: '2000'), 
 * 	  containerheight: Height of the containing element in any css-height-value (Default: 'auto'),
 *	  runningclass: CSS-Class which the container get’s applied (Default: 'imageslide'),
 *  }); 
 *

// ========================================================= */


(function($) {

    $.fn.imageslide = function(options) {
        return this.each(function() {   
            $.imageslide(this, options);
        });
    };

    $.imageslide = function(container, options) {
        var settings = {
        	'animationtype':    'fade',
            'speed':            'normal',
            'timeout':          2500,
            'runningclass':     'imageslide',
			'count':            3
        };
        if (options) {
            $.extend(settings, options);
		}
		var elements = $(container).children();
		$(container).empty();
        if (elements.length > 1) {
			if(settings.count > elements.length) {
				settings.count = elements.length;
			}
			$(container).css('position', 'relative').addClass(settings.runningclass);
            for (var i = 0; i < settings.count; i++) {
				$(container).append('<div id="logoimage'+(i+1)+'"></div>')
				$('#logoimage'+(i+1)).addClass('logoholder');
//				$('#logoimage'+(i+1)).css('text-align','center');
				$('#logoimage'+(i+1)).append($(elements[i]));
            }
			var addelement = settings.count-1;
			if (addelement > elements.length-1) {
				addelement = addelement - elements.length;
			}
			setTimeout(function() {
				$.imageslide.next(container, elements, settings, 0, addelement);
			}, settings.timeout);

		}
    };

    $.imageslide.next = function(container, elements, settings, slot, addelement) {
//  console.log("Length:",elements.length,"\nCurrent Item:",current,"\nCount:",settings.count,"\nAdd Item:",addelement);
//  console.log("Current Item:",current, "\nAdd Item:",addelement);
		slot = slot + 1;
		if(slot > settings.count) {
			slot=1;
		}
		addelement = addelement + 1;
		if (addelement > elements.length-1) {
			addelement = 0;
		}

        if (settings.animationtype == 'slide') {
            $('#logoimage'+slot).slideUp(settings.speed, function() {
			$('#logoimage'+slot).empty();
			$('#logoimage'+slot).append($(elements[addelement]));
			});
            $('#logoimage'+slot).slideDown(settings.speed);
        } else if (settings.animationtype == 'fade') {
            $('#logoimage'+slot).fadeTo(settings.speed, 0, function() {
			$('#logoimage'+slot).empty();
			$('#logoimage'+slot).append($(elements[addelement]));
			});
            $('#logoimage'+slot).fadeTo(settings.speed, 1);
        } else {
            alert(settings + 'imageslide-animationtype must either be \'slide\' or \'fade\'');
			return false;
		}

        setTimeout((function() {
            $.imageslide.next(container, elements, settings, slot, addelement);
        }), settings.timeout);
    };

})(jQuery);

// **** remove Opacity-Filter in ie ****
function removeFilter(element) {
	if(element.style.removeAttribute){
		element.style.removeAttribute('filter');
	}
}
