jQuery(function($){
	$w = 170; // width for the text panel on the banner top


/** top banners cycle ***/


	$('#MainBanner #BannersTopCtnALL div.bannerText')
		.width(0)
		.css({"opacity":0})
		.parent().parent()
		.cycle({
			fx:    'fade',
			//delay: -20000,
			//speed:  1000,
			speed:    1000,
			timeout:  TransitionSpeed,
			random: 1,

			before:  function(currSlideElement, nextSlideElement, options, forwardFlag){
							BeforeSlide(currSlideElement, nextSlideElement, options, forwardFlag);
						},
			after:  function(currSlideElement, nextSlideElement, options, forwardFlag){
							AfterSlide(currSlideElement, nextSlideElement, options, forwardFlag);
						}
//			end:	function(options){
//							alert("end");
//							applyStartCss();
//						}
		});


	function BeforeSlide(currSlideElement, nextSlideElement, options, forwardFlag){
		$(currSlideElement).find("div.bannerText").css({"width":0,"opacity":0});
		$(nextSlideElement).find("div.bannerText").css({"width":0,"opacity":0});

	}

	function AfterSlide(currSlideElement, nextSlideElement, options, forwardFlag){
		$(currSlideElement).find("div.bannerText").animate({
			width:$w,
			opacity:1
		},500,function(){
			$(nextSlideElement).find("div.bannerText").animate({
				width:$w,
				opacity:1
			},500);
		});
	}

});/** END OF JQUERY READY **/