// JavaScript Document
$(document).ready(function(){
		var sliderText = new Array();
		var sliderTitle = new Array();
		
		$.ajax({
			type: "GET", 
			url: "slider.xml",
			dataType: "xml",
			success: function(xml){
				//alert("Data read");
					var i=1;
					$(xml).find('slide').each(function(){
						
						if(i>4){
							return false;
						}
					
						var filename = $(this).find('image').text();
						var fileURL = $(this).find('url').text();
						
						var filetext = $(this).find('text').text();
						sliderText[i] = filetext;
						
						var filetitle = $(this).find('title').text();
						sliderTitle[i] = filetitle;
						
						var filecode = "<a href='" + fileURL + "'><img src='skin1/images/custom/" + filename + "' alt='" + i +"' /></a>";
						//alert(filecode);
						$("#slider").append(filecode);	
						$("#slider a:first").addClass("topSlide");														
						i++;
						
					});	
					
					$("#slider a").css({opacity: 0.0});
					$("#bmbsl_textBox").hide();
					$("#bmbsl_textBox").css({opacity: 0.7, width: "116px"});
					$("#slider a.topSlide").animate({opacity: 1.0}, 1000, function(){
							$("#bmbsl_textBox").slideDown(800);
							$("#bmbsl_textBox").html("<h1>" + sliderTitle[1] + "</h1><p style='color:#fff; font-size: 12px'>" + sliderText[1] + "</p>");
						});
					
					
					//setInterval(runSlides,10000);
					setInterval(function() {
    					$("#slider").stop(true,true);
    					runSlides();
					}, 10000);
					
					function runSlides(){
						var current = $("#slider a.topSlide");
						var textBox = $("#bmbsl_textBox");
						var next = current.next();
							
						if (next.length == 0){
							next = $("#slider a:first");
						}
							
						current.removeClass('topSlide').addClass('underSlide');
						
						
						
						textBox.slideUp(800, function(){
							next.css({opacity: 0.0})
							.addClass('topSlide')
							.animate({opacity: 1.0}, 1000, function(){
								current.removeClass('underSlide');
								textBox.slideDown(1000);
								
								var myIndex = $("#slider a.topSlide img").attr("alt");
								//alert(sliderText[myIndex]);
								textBox.html("<h1>" + sliderTitle[myIndex] + "</h1><p style='color:#fff; font-size: 12px'>" + sliderText[myIndex] + "</p>");
								})
						
							});
						
						
						
						
					}
					
					
				
			}	
		});	
	});