/*--------------------------*
- banner.js
*-------------------------- */

// create BIN area
var binArea;
var $current_target;
jQuery(function($){
	if(typeof $current_target === "undefined" || $current_target === null) $current_target = $('body') || $(window);
	$('body').append($('<div>').attr('id','binArea'));
	binArea = $('#binArea');
	binArea.append('<div><img src="/common/img/bnr_top_w.png" alt="-" widht="200" height="20" class="png" />');
	binArea.append('<ul class="png"></ul>');
	binArea.append('<div><img src="/common/img/bnr_bot_w.png" alt="-" width="200" height="15" class="png" />');
	binArea.css('display','none');
	var bnr_click = $('a.show_bnr');
	
	// bind click event
	bnr_click.each(function(){
		$(this).on('click',binPosAdjust);
	});
	
	// ajust BIN area position when window resize
	$(window).resize(function(){
		binArea.css({
			'top' : $current_target.position().top + $current_target.height(),
			'left' : $current_target.position().left - (200 - $current_target.width()) / 2
		});
	});
}); //end

/**
* showBINArea
* @param {number} id // item SKU
*/
function showBINArea(id){
	var binUl = $('ul',binArea);
	binUl.empty();
	// for Navi
	if(id === 0){
		var urls = ['rakuten','amazon'],len = urls.length,i;
		urls = shuffle(urls);
		
		for(i = 0; i < len; i += 1){
			//<li class="banner00"><a target="_blank"><img></a></li><li class="banner01"><a target="_blank"><img></a></li>
			binUl.append($('<li>').addClass('banner0' + i).append('<a><img></a>'));
			var li = $('li.banner0' + i,binArea);
			var $a = $('a',li);
			if(urls[i] === "amazon"){
				var url = 'http://www.amazon.co.jp/s/ref=amb_link_84176256_207?ie=UTF8&node=160384011&field-keywords=%E3%83%91%E3%83%B3%E3%83%86%E3%83%BC%E3%83%B3&pf_rd_m=AN1VRQENFRJN5&pf_rd_s=center-3&pf_rd_r=067EKKVEZ0TR27Q8AEPM&pf_rd_t=101&pf_rd_p=97757389&pf_rd_i=161670011';
				$('img',li).attr('src','/common/img/amazon.jpg').attr('alt','Amazon');
			}else if(urls[i] === "rakuten"){
				var url = 'http://item.rakuten.co.jp/myrepi/c/0000000122/';
				$('img',li).attr('src','/common/img/rakuten.jpg').attr('alt','楽天');
			}
			$a.attr('href',url);
			$a.attr('target','_blank');
			$a.attr('onclick','javascript: pageTracker._trackPageview(\'' + pre_tag + urls[i] + '_top' +  '\');');
		}
		
	// for Non-Navi
	}else if(typeof id === "number" || typeof id !== "undefined"){
		$.ajax({
			dateType : "xml",
			url : '/common/bin/read.php?item_id=' + id,
			success : function(data,status){
				var store = $(data).find("store"),len = store.length,n;
				
				for(n = 0; n < len; n += 1){
					binUl.append($('<li>').addClass('banner0' + n).append('<a><img></a>'));
					var li = $('li.banner0' + n,binArea),
					$a = $('a',li),
					name = $(store[n]).find('name').text(),
					en_name = $(store[n]).find('en_name').text(),
					href = $(store[n]).find('url').text(),
					code = $(store[n]).find('code').text();
					
					$('img',li).attr('src','/common/img/' + en_name +'.jpg').attr('alt',name);
					$a.attr('href',href);
					$a.attr('target','_blank');
					$a.attr('onclick','javascript: pageTracker._trackPageview(\'' + pre_tag + en_name + '_' + code + '\');');
				}
			}
			
		});
	}
} //end

/**
* binPosAdjust
* @param {MouseEvent} evt
*/
function binPosAdjust(evt){
	var $target = $(evt.target);
	
	binArea.css({
		'top' : $target.position().top + $target.height(),
		'left' : $target.position().left - (200 - $target.width()) / 2
	});
	
	if($current_target.position().left === $target.position().left && $current_target.position().top === $target.position().top){
		if(binArea.css('display') === 'none'){
			binArea.css('display','block');
		}else{
			binArea.css('display','none');
		}
	}else{
		$current_target = $target;
		if(binArea.css('display') === 'none'){
			binArea.css('display','block');
		}
	}
	
	return false;
} //end