$(function() {

	Shadowbox.init({
		players: 'html'
	});
	$('body').append('<div id=\"OlBrandlist\"><div id=\"OlBrandlistIn\"><p class=\"mb15\"><img src=\"/common/imgs/base/h-ol-brandlist.gif\" alt=\"ブランドリサイト一覧\"></p><ul class=\"OlBrandlist\"></ul></div></div>');

	//----------------------------------------------------------------------------------------------------
	var PATH_XML = "/common/js/proxy.php?url=http://www.united-arrows.co.jp/brandlist.xml";
	//var PATH_XML = "/brandlist.xml";
	
	
	//----------------------------------------------------------------------------------------------------
	var _$brandlist = $("#OlBrandlist");
	var _$brandlist_ul = $("ul", _$brandlist);
	
	var _$showBtn = $("#hNav .BRANDLIST a");
	var _$closeBtn = $("#OlCloseBtn");
	
	var _isLoaded = false;
	var _isOpen = false;
	
	//----------------------------------------------------------------------------------------------------
	
	function init() {
		_$showBtn.click(showBtnClicked);
		//_$closeBtn.click(closeBtnClicked);
		
		startLoad();
	}
	
	function startLoad() {
		$.ajax({
			type: "GET",
			dataType: "xml",
			cache: false,
			url: PATH_XML,
			success: loadCompHdl,
			error: erroHdl
		});
	}
	
	var loadCompHdl = function(data) {
		var html = "";
		$(data).find("brand").each(function(){
			var $this = $(this);
			var name = $this.find("name").text();
			var image = $this.find("image").text();
			var logoname = $this.find("logoname").text();
			var link_url = $this.find("link_url").text();
			var link_target = $this.find("link_target").text();
			html += '<li><a href="'+link_url+'"><span class="logo"><img src="'+image+'" alt="'+name+'"/></span><img src="'+logoname+'" alt="'+name+'"></a></li>'
		});
		_$brandlist_ul.html(html);
		_isLoaded = true;
	};
	var erroHdl = function() {
	};
	function showBtnClicked() {
		if(!_isLoaded) return false;
		//
		if(_isOpen) closeBox();
		else openBox();
		//
		return false;
	}
	function closeBtnClicked() {
		closeBox();
		return false;
	}

	var $windowW;
	var $posLss;
	var $sbH;

	function setSs(){
		$windowW = $(window).width();
		$posLss = ($windowW - 730) / 2;
		$posLss = $posLss + 'px';
		$('#sb-wrapper')
			.css('width','730px')
			.css('left',$posLss);
		$sbH = $('#sb-container').height();
		$('#sb-overlay').height($sbH);
	}

	var olPosTop;
	var appendhtml;
	var appendhtmlheight;
	var appendheight;
	function openBox() {
		//if(_isOpen) return;
		appendhtml = _$brandlist.html();
		_$brandlist.remove();
		Shadowbox.open({
        content:    appendhtml,
        player:     "html",
        width:      730,
        height:      580,
        options: {
	        onFinish:function(){
	        	setSs();
						$.autoEnablePNG();
						$('.OlBrandlist').makeacolumnlists({cols: 2, colWidth: 335, equalHeight: false, startN: 1});
						$('.OlBrandlist li:nth-child(1)').addClass('firstline');
						$('#li_container2').each(function(){
							var $thismainArea = $(this);
							var $logolistnum = $thismainArea.find('li').size();
							if(14 < $logolistnum && $logolistnum < 17){
								$thismainArea.find('li').each(function(){
									$(this)
										.find('a')
											.css('padding-top','18px')
											.css('padding-bottom','18px')
										.end()
										.find('.logo')
											.css('top','-4px')
											.append('<span class="white01"></span>')
											.append('<span class="white02"></span>')
											.find('span')
												.css('position','absolute')
												.css('left','0px')
												.css('display','block')
												.css('width','55px')
												.css('height','4px')
												.css('background-color','white')
											.end()
										.end()
									.end();
								});
							} else if(16 < $logolistnum){
								$thismainArea.find('li').each(function(){
									$(this)
										.css('overflow','hidden')
										.find('a')
											.addClass('nummore')
											.css('padding-top','14px')
											.css('padding-bottom','14px')
										.end()
										.find('.logo')
											.css('top','-8px')
											.append('<span class="white01"></span>')
											.append('<span class="white02"></span>')
											.find('span')
												.css('position','absolute')
												.css('left','0px')
												.css('display','block')
												.css('width','55px')
												.css('height','4px')
												.css('background-color','white')
											.end()
										.end()
									.end();
								});
							}else{
							}
						});
						appendhtmlheight = $('#sb-player').height();
						if($('#sb-wrapper-inner').height < (appendhtmlheight + 93)) {
							appendheight = (appendhtmlheight) + 95;
							$('#sb-wrapper-inner').height(appendheight);
						}
	        }
        }
    });
		//_isOpen = true;
		//_$brandlist.fadeIn(0.2*1000);
	}
	function closeBox() {
		if(!_isOpen) return;
		_isOpen = false;
		_$brandlist.fadeOut(0.1*1000);
	}
		
	//----------------------------------------------------------------------------------------------------
	init();
	$('#sb-nav').css('cursor','pointer').click(function(){ Shadowbox.close(); });

});