$( function() {		
			
	
	$('#topOffers').sdswitch({	    	
		time: 10000,	    	
		animateTime: 200,	    	
		startElement: 0	
	});		
	
	$('#topcontainer p.nav a').click( function() { 		
		var id = $(this).attr('href').split('#')[1];		
		$('#topcontainer p.nav a').removeClass('active');				
		$('#topOffers div.topOffer').removeClass('active');		
		$('#topOffers div.topOffer:eq(' + ( id - 1 ) + ')').addClass('active');				
		$(this).addClass('active');				
		
		clearTimeout(tt);				
		return false;	
	}); 
	
});


(function($){  	
	$.fn.sdswitch = function(options) {  				
		var defaults = {  			
				animateTime: 1000,			
				time:1000,			
				startElement: 0		
		};  				
		
		var options = $.extend(defaults, options); 		
		var el = this;        	       	
		
		//first element		
		var $first = el.children(':first');				
		
		//active element		
		var $active = el.children('.active');		
		var $activeBtn = $('#topcontainer p.nav a.active');				
		//if not have active element, active is last 		
		if ( $active.length == 0 ) {			
			$active = el.children(':eq(6)');		
		}				
		
		if ( $activeBtn.length == 0 ) {			
			$activeBtn = $('#topcontainer p.nav a:eq(6)');		
		}				
		
		//next element			
		var $next =  $active.next().length ? $active.next() : $first;		
		var $nextBtn = $activeBtn.next().length ? $activeBtn.next() : $('#topcontainer p.nav a:first');				
		
		$active.removeClass('active');		
		$activeBtn.removeClass('active');		
		$next.css({opacity: 0.0}).addClass('active').animate({opacity: 1.0}, options.animateTime, function() {			
			$nextBtn.addClass('active');		
		});				
		
		tt = setTimeout( function() { el.sdswitch(options); }, options.time);		
		return tt;	
	};  
})(jQuery);