$j(document).ready(function(){
	
		var rhsBunnerIndex = 0;
		var rhsBunnerChangeInterval = 8000;
		var intervalID;
		var element = $j('#RHSProductBanners');
		var bunners = $j('#RHSProductBanners .RHSBunner');
		
		// hide all bunners except first
		for (var i = 1; i < bunners.length; i++){ 
			$j(bunners[i]).addClass('hideBunner'); 
		}
		
		//define click to all banners bottom part
		for (var i = 0; i < bunners.length; i++){ 
			var button = $j(bunners[i]).children('.RHSBunnerButton');
			$j(button).bind('click', 
				function(){
					clearInterval(intervalID);
					showNextBunner();
					intervalID = setInterval(showNextBunner, rhsBunnerChangeInterval);
				}
			);
		}
		
		function showNextBunner(){
		
			var length = bunners.length;
			rhsBunnerIndex++;
			if (rhsBunnerIndex >= length) rhsBunnerIndex = 0;
			for (var i = 0; i < bunners.length; i++){ 
				$j(bunners[i]).addClass('hideBunner'); 
			}
			$j(bunners[rhsBunnerIndex]).removeClass('hideBunner');
		}
		
		intervalID = setInterval(showNextBunner, rhsBunnerChangeInterval);
	
	});