document.write('<div id="slide" class="pics" style="position:absolute;"></div>');
document.write('<div id="loading" style="position:absolute;"><img src="http://mrt.jp/js/loading.gif" /></div>');
$(function(){
	$.ajax({
		url:'http://mrt.jp/js/xmlslidesdata20111205000000.php',
		dataType: 'xml',
		cache :false,
		success : function(data){
			$("image",data).each(function(){
				if($("msg",this).text() == "none" || $("msg",this).text() == null || $("msg",this).text() == ""){
					$("#slide").append("<a href='" + $("url",this).text() + "' target='" + $("target",this).text() +"'><img src='"+ $("src",this).text() +"' /></a>");
				}else{
					$("#slide").append("<a href='" + $("url",this).text() + "' target='" + $("target",this).text() +"'><img src='"+ $("src",this).text() +"' /><div id='slidemsg' class='clsslidemsg'>" + $("msg",this).text() + "</div></a>");
				}
			})
			$('#loading').fadeOut(1000);
			$('#slide').cycle({
				fx:'fade',
				speed:    500, 
				timeout:  6000, 
				random:0,
				before:onBefore, 
				after:onAfter ,
				cleartype:  1 
			});
			function onBefore() { 
			    $('#slidemsg').css("display","none"); 
			}
			function onAfter() { 
			    $('#slidemsg').css("display",""); 
			}
		}
	})
})