var xt;

var test = function(jsons){
	var data = "";
	$.each(jsons, function(e){
		switch(this.category) {
		case 'flash':
		case 'image':
			var temp = xt.right_flash;
			data += "<div style='position:relative;'>\n";
			data += temp.replace(/\(CP\.width\)/g,this.width).replace(/\(CP\.height\)/g,this.height).replace(/\(CP\.FlashVars\)/g,this.FlashVars);

			var s0 = this.FlashVars.split("&amp;")
			var s1 = s0[2].split("/");
			var s2 = parseInt(s1[s1.length-1]);
			if ( s2 == 12 || s2 == 16 || s2 == 17 || s2 == 18 ){
				var url = s0[4].split("=");
				data += "<a style='display:block;position:absolute;top:0;left:0;width:" + this.width + "px;height:" + this.height + "px;background:#fff;opacity:0;filter:alpha(opacity=0);cursor:pointer;' href='" + url[1] + "' target='_blank'></a>";
			}

			data += "</div>\n";
			break;
		case 'text':
			data += "<div>\n";
			data += this.html;
			data += "</div>\n";
			break;
		}
		if( e > 0 ){
			$("#popLayer2 #adupper").append('<div class="adbn">');
		}
		$("#popLayer2 div.adbn").eq(e).html(data);
		data = "";
	});
	setMainheight();
//	$("#popLayer2").prepend(data);
};

(function($){
$(function(){

$("#popLayer2").prepend('<div id="adupper"><div class="adbn"></div><div class="admag"></div></div>');

$.ajax({
	url: "/json/xtUnit.json",
	dataType: "json",
	scriptCharset: "utf-8",
	cache: true,
	success: function(j){
			xt = new Object;
			xt.ad = "";
			xt.image = j.image + "\n";
			xt.flash = "";
				$(j.flash).each(function(){
					xt.flash += this + "\n";
				});
			xt.right_flash = "";
				$(j.right_flash).each(function(){
					xt.right_flash += this + "\n";
				});

			xt.setMarkup = function(tag){
				if( tag.type == "image" ) var myPart = xt.image;
				else if( tag.type == "flash" ) var myPart = xt.flash;
            	else return;
				var myTag = "";
					myTag += "<div>\n";
					myTag += myPart.replace(/\(CP\.width\)/g,tag.width).replace(/\(CP\.height\)/g,tag.height).replace(/\(CP\.file\)/g,tag.file).replace(/\(CP\.alt\)/g,tag.alt);
					myTag += "</div>\n";
				return myTag;
			};

		$("#popLayer1").html( xt.setMarkup(j.header) );
		$("#blockFooter").html( xt.setMarkup(j.footer) );

		$.ajax({
			url: "http://www.jdm-option.com/site/ad/index.php?mode=all&callback=test",
			dataType : 'jsonp',
			cache: false,
			jsonp : 'jsoncallback'
		});

	}
});

$.ajax({
	url: "/json/books.json",
	dataType: "json",
	scriptCharset: "utf-8",
	cache: true,
	success: function(j){
	var mTags = "";
		$(j.magazine).each(function(){
			mTags += this + "\n";
		});
	$("#popLayer2 div.admag").html(mTags);
	setMainheight();
	}
});

$.ajax({
	url: "/bookdvd/bookdvd.json",
	dataType: "json",
	scriptCharset: "utf-8",
	cache: true,
	success: function(j){
	var bTags = "";
		
		$(j.header).each(function(){
			bTags += this + "\n";
		});
		
		$(j.books).each(function(i,book){
			var liclass = (i == 0)? "book01" : "book02";
			var liline = (liclass == "book02") ? '<li class="line"></li>':"";
			var liimg = '<img src="'+book.img+'" alt="'+book.desc+'" border="0" width="'+book.width+'" height="'+book.height+'">';
			
			bTags += liline + '<li class="'+ liclass +' clearfix">\n';
			bTags += (book.link) ? '<a href="'+book.link+'" target="_blank">'+liimg+'</a>\n': liimg +'\n';
			bTags += '<div class="photolink">「';
			bTags += (book.link) ? '<a href="'+book.link+'" target="_blank">'+book.desc+'</a>' : book.desc ;
			bTags += '」<p class="spec">'+book.cost+'<br>'+book.date+'</p></div>\n';
			bTags += '</li>\n';
		});
		
		$(j.footer).each(function(){
			bTags += this + "\n";
		});
		
	$("#popLayer2").append(bTags);
	setMainheight();
	}
});

});
})(jQuery);

function setMainheight(){
	var h = Math.max($("#blockMain").height(), $("#PackMenuBanner").height());
		h = Math.max(h, $("#popLayer2").height());
	$("#blockMain").height(h);
}