/**
 * FileName:ginsan.js
 * @author uniteair.co.jp
 */
document.write('<style type="text/css">.fukidashi{display:none;}</style>');
var TEMPLATE = '<p class="fukidashi"><a href="${url}" target="${target}"><img src="${img}" alt="${alt}" width="199" height="168"></a></p>';
var TEMPLATE2 = '<p class="fukidashi"><img src="${img}" alt="${alt}" width="199" height="168"></p>';

/**
 * @constructor
 * @description クラスの宣言
 */
var Ginsan = function(){
}


Ginsan.prototype = {
/**
 * @class initialize
 */
 	initialize:function(){
		this.ajax();
	},
	
	ajax:function(){
		$.ajax({
			url: "/js/data.xml",
			dataType:"xml",
			success: function(data){
				ginsan.callback(data);
			}
		});
	},
	
	callback:function(xml){
		var data = xml;
		var item = $(data).find("data item");
		var len = $(data).find("data item").length;
		var ran = Math.floor(Math.random()*len);
		
		this.display(item[ran]);
	},
	
	display:function(item){
		var url = $(item).attr("url");
		var target = $(item).attr("target");
		var img = $(item).attr("img");
		var alt = $(item).attr("alt");
		
		if(url){
			var html = TEMPLATE;
			html = html.replace("${url}", url);
			html = html.replace("${target}", target);
			html = html.replace("${img}", img);
			html = html.replace("${alt}", alt);
		}else{
			var html = TEMPLATE2;
			html = html.replace("${img}", img);
			html = html.replace("${alt}", alt);
		}
		
		$(".ginsan").html(html);
		$(".fukidashi").css("display", "block");
	}
}

var ginsan = new Ginsan();

$(document).ready(function(){
	ginsan.initialize();
});