var Rad = {}
Rad.nItem = 0;
Rad.nCurrent = 0;
Rad.lastanm = null;
Rad.adData = null;
Rad.fliptime = null;

Rad.wordCount = function (str){
	var bc=0;
	for(var i=0;i<str.length;i++){
		if(str.charCodeAt(i)<0x100){
			bc+=1;
		}else{
			bc+=2;
		}
	}
	return bc;
}

Rad.substring = function (str, len){
	var bc=0;
	for(var i=0;i<str.length;i++){
		if(str.charCodeAt(i)<0x100){
			bc+=1;
		}else{
			bc+=2;
		}

		if (bc > len) {
			return str.substring(0, i-1);
		}
	}
	return str;
}

Rad.loadAdImage = function (idx){
		idx = eval(idx);
		if (idx > Rad.nItem) {
			return;
		}

		var dis =  Rad.adData.itemlist[idx];
		var tagname = "#adimg"+idx;
		var jimg = j$(tagname);

		var cw = eval(jimg.attr("ctrwidth")) || 0;
		var ch = eval(jimg.attr("ctrheight")) || 0;
		var cl = eval(jimg.attr("ctrleft")) || 0;
		var ct = eval(jimg.attr("ctrtop")) || 0;


//		j$(tagname).animate({opacity: 1.0,width: cw, height: ch, left: cl, top: ct}, 300);

//		j$("#imgflame"+idx).addClass("selected");
		var bar = j$("#colbar"+idx);
		bar.addClass("selected");

		var innhtml;
		innhtml = '<p class="padzero"><a href="' + dis.url + '" target="_blank">' + dis.title + '</a></p>';
		var obj = j$("#titlearea");
		obj.hide();
		obj.html(innhtml);
		var len = Rad.wordCount(dis.title);
		var h = obj.height();
		len = len > 60 ? 60 : len;
		var nt = 0;
		var tmpstr = dis.title;
		while (h > 26) {
			nt++;
			len--;
			tmpstr = Rad.substring(dis.title, len) + '…';
			innhtml = '<p class="padzero"><a href="' + dis.url + '" target="_blank">' + tmpstr + '</a></p>';
			obj.html(innhtml);
			h = obj.height();
		}
		Rad.adData.itemlist[idx].title = tmpstr;
		obj.show();

		obj = j$("#pricearea");
		innhtml = '<strong>価格 <span class="price01">' + dis.price + '円</span></strong>';
		obj.html(innhtml);

		innhtml = '<ul id="tickul"><li><span><a href="' + dis.review_url + '" target="_blank">' + dis.review + '</a></span></li></ul>';
		j$("#tickerarea").html(innhtml);

		function adscroll(scobj) {
			var jobj = jQuery(scobj);
			try {
				if (Rad.lastanm[0] == jobj[0]) {
					var nextflip = Rad.fliptime + 5000 - (new Date).getTime() ;
					nextflip = nextflip < 0 ? 0 : nextflip;
					setTimeout(function () {
						if (Rad.lastanm[0] == jobj[0]) {

							var jimg = j$("#adimg"+Rad.nCurrent);
							var ow = eval(jimg.attr("orgwidth")) || 0;
							var oh = eval(jimg.attr("orgheight")) || 0;
							var ol = eval(jimg.attr("orgleft")) || 0;
							var ot = eval(jimg.attr("orgtop")) || 0;

							jimg.animate({opacity: 0.6, width: ow, height: oh, left: ol, top: ot}, 800).removeClass("selected");
//							j$("#imgflame"+Rad.nCurrent).removeClass("selected");
							j$("#colbar"+jimg.attr("idx")).removeClass("selected");

							Rad.nCurrent = (Rad.nCurrent + 1) % Rad.nItem;
							Rad.loadAdImage(Rad.nCurrent);
						}
					}, nextflip);
				}
			} catch(err) {}
		}

		j$(tagname).animate({opacity: 1.0,width: cw, height: ch, left: cl, top: ct}, 300);
		Rad.fliptime = (new Date).getTime();
		Rad.lastanm = j$("#tickul").liScroll({travelocity:0.10, suffix:"_s", callbackf:adscroll});
	}

Rad.pageInit = function(addata) {
		if (addata == null || addata.itemlist == null) {
			return;
		}

		Rad.adData = addata;
		Rad.nItem = Rad.adData.itemlist.length;
		var adimghtml = '<table border="0" cellspacing="0" cellpadding="0"><tr><td><img src="/img/d.gif" width="10px"></td>';

		for (var i=0; i<Rad.nItem; i++){
			adimghtml += '<td><span class="padzero"><p id="imgflame'+i+'" class="imgflame " style="position:relative;clip: rect(0px 128px 128px 0px);overflow: hidden;"><a style="border:none;" href="' + Rad.adData.itemlist[i].url + '" target="_blank"><img id="adimg' + i + '" class="clip00" src="' + Rad.adData.itemlist[i].imgpath_m + '" border="0px"></a></p><span></td>';
		}
		adimghtml += '</tr>';
		adimghtml += '<tr><td><img src="/img/d.gif" width="10px" height="2px" ></td>';
		for (var i=0; i<Rad.nItem; i++){
			adimghtml += '<td></td>';
		}
		adimghtml += '</tr>';
		adimghtml += '<tr><td><img src="/img/d.gif" width="10px" height="4px" ></td>';
		for (var i=0; i<Rad.nItem; i++){
			adimghtml += '<td><div id="colbar' + i +'" class ="padzero" ></div></td>';
		}
		adimghtml += '</tr></table>';
		
		j$("#adimgarea").html(adimghtml);

		var i;
		var intv = setInterval(function () {
			for (i=0; i<Rad.nItem; i++){
				var jimg = j$("#adimg"+i);
				var w = jimg.width();
				var h = jimg.height();
				if (w == 0 || h == 0) {
					return;
				}
				var ow = w;
				var oh = h;
				var ol = (128 - w) / 2;
				var ot = (128 - h) / 2;

				jimg.attr("orgwidth", String(ow));
				jimg.attr("orgheight", String(oh));
				jimg.attr("orgleft", String(ol));
				jimg.attr("orgtop", String(ot));

				var cw = 128;
				var ch = 128;
				var cl = 0;
				var ct = 0;

				jimg.css("position","absolute");
/*
				if ((w < 128) || (h < 128)) {
					if (h > w) {
						var v = parseInt(128 * 128 / w);
						cw = 128;
						ch = v;
						cl = 0;
						ct = -parseInt((v-128)/2);
					} else {
						var v = parseInt(128 * 128 / h);
						cw = v;
						ch = 128;
						cl = -parseInt((v-128)/2);
						ct = 0;
					}
				}
*/
				var rate = 1.4;
				var ratelt = ((rate - 1.0) / 2);
				cw = ow * rate;
				ch = oh * rate;
				cl = ol - (ow * ratelt);
				ct = ot - (oh * ratelt);

				jimg.width(ow);
				jimg.height(oh);
				jimg.css("top", ot);
				jimg.css("left", ol);

				jimg.attr("ctrwidth", String(cw));
				jimg.attr("ctrheight", String(ch));
				jimg.attr("ctrtop", String(ct));
				jimg.attr("ctrleft", String(cl));

			}
			clearInterval(intv);
			Rad.loadAdImage(Rad.nCurrent);
		}, 100);

		for (i=0; i<Rad.nItem; i++){
			var jimg = j$("#adimg"+i);
			jimg.attr("idx",i);
			jimg.adidx = i;
			jimg.hover(function(evo){
				var prm = j$("#"+this.id).attr("idx");
				if (Rad.nCurrent != prm) {
					var jfoimg = j$("#adimg"+eval(Rad.nCurrent));
					var ow = eval(jfoimg.attr("orgwidth")) || 0;
					var oh = eval(jfoimg.attr("orgheight")) || 0;
					var ol = eval(jfoimg.attr("orgleft")) || 0;
					var ot = eval(jfoimg.attr("orgtop")) || 0;

					jfoimg.animate({opacity: 0.6, width: ow, height: oh, left: ol, top: ot}, 800);
//					j$("#imgflame"+Rad.nCurrent).removeClass("selected");
					j$("#colbar"+Rad.nCurrent).removeClass("selected");

					Rad.nCurrent = eval(prm);
					Rad.loadAdImage(prm);
				}
			},null)
			.css({opacity: 0.6});
		}

	};

function postAdConfig() {
	var id = document.getElementById('id').value;
	var adword = document.getElementById('adword').value;
	var adwordcmn = document.getElementById('adwordcmn').value;
	var objVis = document.getElementById('visible');
	var visible = objVis.options[objVis.selectedIndex].value;

	var url = '/internal/setad-word';
	var param = 'adword=' + adword
		+ '&adwordcmn=' + adwordcmn
		+ '&visible=' + visible
		+ '&id=' + id
		+ '&t=' + new Date().getTime();

	var xmlhttp = createXmlHttp();
	xmlhttp.open("POST", url, true);
	xmlhttp.onreadystatechange = function() { 
		if (xmlhttp.readyState == 4) { 
			if (xmlhttp.status == 200) {
				document.body.innerHTML="";
				document.location.reload(true);
				if(xmlhttp.responseText != "") {
//					alert(xmlhttp.responseText);
				} else {
					//window.location.reload();
				}
			} else {
				window.location.href="/error/err";
//				alert('.status='+xmlhttp.status);
			}
		}
	}
	xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded; charset=UTF-8');
	xmlhttp.send(param);
}