//	Rename fileextension to .js to use this file inside the JQuery Ready-Function
(function($){  

    $.fn.ECoM3s3Slider = function(options) {       
             
    	var opts  = $.extend({}, $.fn.ECoM3s3Slider.defaults, options)
    	
		$(this).find('img').wrap('<li class="s3sliderImage"></li>');
		$('.s3sliderImage').wrapAll('<ul class="s3sliderContent"></ul>').each(function(){
			var h = $(this).find('img').height();
			var t = $(this).find('img').attr('alt');
			$(this).find('img').removeAttr('alt');
			switch(t.substring(0,2)){
				case "t:":
					$(this).append('<span class="s3sliderTop">'+t.substr(2)+'</span>');
					break;
					
				case "r:":
					$(this).append('<span class="s3sliderRight">'+t.substr(2)+'</span>');
					break;
				
				case "b:":
					$(this).append('<span class="s3sliderBottom">'+t.substr(2)+'</span>');
					break;
					
				case "l:":
					$(this).append('<span class="s3sliderLeft">'+t.substr(2)+'</span>');
					break;
					
				default:
					$(this).append('<span>'+t+'</span>');
			}
		});
		$('.s3sliderContent').append('<div class="s3sliderImage" style="clear: both"></div>').wrapAll('<div class="s3slider"></div>');
		
		$('.s3slider').find('img').css('border','0');
		$('.s3slider').each(function(){
			var w = $(this).find('img:first').width();
			var h = $(this).find('img:first').height();
	
			$(this).css({
				'position':'relative',
				'overflow':'hidden',
				'border':opts.border,
				'background-color':opts.bg,
				'width':w,
				'height':h
			}).find('.s3sliderContent').css({
				'width':w,
			    'position': 'absolute',
				'top': '0',
				'margin': '0',
				'padding':'0',
				'list-style': 'none'
			}).find('.s3sliderImage').css({
				'float': 'left',
			    'position': 'relative',
			    'margin': '0',
				'display': 'none'
			}).find('span').css({
				'position':'absolute',
				'font-family':opts.font,
				'font-size':opts.fontsize+'px',
			    'padding': opts.padding_top+'px '+opts.padding_right+'px '+opts.padding_bottom+'px '+opts.padding_left+'px',
			    'width':w,
			    'background-color':opts.text_bg,
			    'filter':'alpha(opacity='+opts.text_bg_opacity+')',
			    '-moz-opacity':(opts.text_bg_opacity/100),
				'-khtml-opacity':(opts.text_bg_opacity/100),
			    'opacity':(opts.text_bg_opacity/100),
			    'color':opts.fontcolor,
			    'display':'none',
			    'line-height':opts.line_height
			}).each(function(){
				switch($(this).attr('class')){
					case "s3sliderTop":
						$(this).css({'top':0,'left':0});
						break;
					
					case "s3sliderRight":
						$(this).css({'right':0,'bottom':0,'width':opts.textblock_width,'height':(h - 18)});
						break;
					
					case "s3sliderBottom":
						$(this).css({'bottom':0,'left':0});
						break;
					
					case "s3sliderLeft":
						$(this).css({'top':0,'left':0,'width':opts.textblock_width,'height':h});
						break;
	
					default:
						$(this).css({'right':0,'bottom':0,'width':opts.textblock_width,'height':(h - 18)});
				}
			});
		});
		$('.s3slider').s3Slider({timeOut: opts.timeout});

    };  
    
    $.fn.ECoM3s3Slider.defaults 	= {
		timeout			: 4000,
		border			: '1px solid #ffffff',
		bg				: '#000000',
		font			: 'Helvetica',
		fontsize		: 14,
		fontcolor		: '#ffffff',
		padding_top 	: 10,
		padding_right	: 10,
		padding_bottom	: 10,
		padding_left	: 10,
		textblock_width : 50,
		text_bg 		: '#000000',
		text_bg_opacity : 80,
		line_height		: '1em'
	};

})(jQuery);