﻿/**
 * ngSlideShow - jQuery Plugin
 * Copyright (c) 2009 by Danilo Kühn
 * Version: 1.0
 * Require: jQuery 1.2 or above
 * MIT licenses: http://www.opensource.org/licenses/mit-license.php
 */
$(document).ready(function () {
	$('#slideshow').slideshow({
		speed: 5,
		height: 300,
		width: 715,
		images: [
			{src: 'uploads/reduziert.jpg', link: 'http://www.pro-tapete.de/reduziert', title: 'Stark reduzierte Artikel im Abverkauf'}
			,{src: 'uploads/claudia.jpg', link: 'http://www.pro-tapete.de/l/claudia', title: '10 Prozent Rabatt auf alle Sajade Claudia Artikel bis 30.September 2010'}
			]
	});
});
 
(function($) {
	$.fn.slideshow = function (o) {
		o = $.extend({images: null, height: 300, width: 715, speed: 5}, o || {});
		return this.each(function() {
			var position = 0;
			var div = $(this);
			div.css({position: 'relative', height: o.height, widht: o.width})
			div.append('<a href="#" title="" style="border: none;"></a>');
			var a = $('a', div);
			a.css({position: 'relative', height: o.height, widht: o.width});
			preloadImage();
			loadImage(true);
			
			function preloadImage() {
				if (!o.images[position].obj) {
					o.images[position].obj = $("<img>").attr("src", o.images[position].src).css({position: 'absolute', display: 'none', height: o.height, widht: o.width, top: 0, left: 0});
					a.append(o.images[position].obj);
				}
			}	
			
			function loadImage(first) {
				a.attr('href', o.images[position].link);
				a.attr('title', o.images[position].title);
				if (first) {
					o.images[position].obj.fadeIn('slow');
				} else {
					var preImg = (position-1<0) ? o.images.length-1 : position-1; 
					o.images[preImg].obj.fadeOut('slow');
					o.images[position].obj.fadeIn('slow');					
				}
				position = (position + 1 >= o.images.length) ? 0 : position + 1;
				preloadImage();
			}
			
			var handle = window.setInterval(function () {
				loadImage(false);
			}, o.speed * 1000);
		});
	};
})(jQuery);