// JavaScript Document


var categories = ['new-shop','coordinate','event','recommend','popular','tips'];
var relatedCols = 0;
var relatedRows = 0;
var relatedHTML = [];
var needle = 0;
var found = 0;
var keywordMax = 0;

jQuery.scope = function(target,func){ return function() { func.apply(target,arguments);}};

$(function(){
	var reg = new RegExp(categories.join('|'), 'g');
	var id = location.href.match(reg);
	
	if(id){
		id = String(id);
		id = id.replace(/\-/g,'_');
		$('#' + id).addClass('active');
	}
	
	try{
	
		var $_keywords = keywords.split(',');
		keywordMax = $_keywords.length;
			var proxy;
		var proxy = sitepath.match(/tutuanna\.net/i) ? 'http://tutuanna.net/proxy.php' : '/proxy.php';
		
		for(var i=0; i < $_keywords.length; i++){
			var keyword_set = $_keywords[i].replace('-','_').split('_');
			var keyword = keyword_set[0];
			
	
			
			var it = new RelatedItem(keyword, keyword_set[1], i);

			
			$.ajax({
			   		url:proxy, data:{ url:'http://www.tutuanna.jp/shop/search/goods_ajax.aspx?GoodsListOn=1&sort=ad&keyword=' + keyword},
					success:$.scope(it, it.render),
					error:function(){
						//console.log('error');
						needle++;
					}
			});
		}
	
	} catch(e){
//		console.log(e)
	}
});

function RelatedItem(){
	this.initialize.apply(this, arguments);
}
RelatedItem.prototype = {
	initialize: function(code, variation, id){
		//console.log([code, variation, id]);
		this.code = code;
		this.variation = variation;
		this.id = id;
	},
	render: function(xml){
	
		var _variation = this.variation;
		var tb = $("#relatedItemTable");
	
		$('GoodsItem', $(xml)).each(function(i,n){
			var vari = $('Variation1',n).text();
			if(vari == _variation){
				var thumb = tutu.ecDomain + $('ImgPathS', n).text();
				var url = tutu.ecDomain + $('DefaultUrl', n).text();
				var name = $('Name', n).text();
				var price = $('Price', n).text();
				if(relatedCols == 0){
					var tr = $("<tr></tr>");
					relatedHTML.push(tr);
				}
				//tb.append('<td><a href=""><img src="' + thumb + '" width="100" height="150" /></a></td>');
				var tr = relatedHTML[relatedHTML.length-1];
				tr.append('<td bgcolor="#fff"><a href="' + url + '"><img src="' + thumb + '" width="110" height="165" /></a><span class="name">' + name + '</span></td>');
				
				relatedCols++;
				found++;
				
				if( relatedCols == 4){
					relatedCols = 0;
				}
			}
		});
		
		needle++;
	
		if(needle == keywordMax && found > 0){
			showRelatedItem();
		}
	}
};


function showRelatedItem(){
	var tb = $('#relatedItemTable');
	
	for(var i=0; i < 4-relatedCols; i++){
		relatedHTML[relatedHTML.length-1].append('<td bgcolor="#fff"></td>');
	}
	for(var i=0; i < relatedHTML.length; i++){
		tb.append(relatedHTML[i]);
	}
	$('#relatedItem').show();
}