$(function(){
	var ParentClass = '.list_catalog';

	
	var Flyers = [
		
			{
				id: 26500908,
				code: '7c52a875de1d222398b8ccffba7d9694',
				expose: '',
				title: '4/25号 GOLDEN WEEK FESTA！',
				client: 'tokyu_depart',
				cms: '',
				url: '',
				
				thumb_uri: '//cips.chirashiplus.tv/112/26500908/0/framein-288-288.jpg'
				
			}
		
	];

	$(document).on('click', '#cp', function() {
		var linkurl = $(this).children('.Flyer').attr('url');
		var viewername = $(this).children('.Flyer').attr('cms');
		var fid = $(this).children('.Flyer').attr('fid');
		var fcode = $(this).children('.Flyer').attr('code');
		var client = $(this).children('.Flyer').attr('client');
		var clientId = 112;
		var storeId = 580;
		var storeExtId = 'bf92bfabfc6695eb476ef0bf49644194';
		var cmsFqdn = 'cms.mechao.tv';
		var base = '//cms.mechao.tv/tokyu_depart/';

		var flyerUrl = 'https://' + cmsFqdn + '/' + client + '/flyer_redirect?s=' + storeExtId + '&' + 'id=' + fcode;
		if ( linkurl ) {	// ビューア以外のURL
			window.open(linkurl, '_blank');
		} else {			// ビューア
			window.open(flyerUrl, '_blank');
		}
		return false;
	});

	function calcThumbParam( img, directive, areasize )
	{
		var matches = /\{thumb-(all|r|l)\}/.exec( directive );
		var expose = 'all';
		if ( matches ) {
			expose = matches[1];
		}

		var clip = { w: (expose=='all' ? img.width : img.width/2), h: img.height };
		var ratio = (Math.floor(clip.h / clip.w)==0 ? areasize / clip.h: areasize / clip.w);
		//img.width *= ratio;
		//img.height *= ratio;

		var ret = {
			imgWidth: img.width * (expose=='all' ? 1 : 0.5),
			imgHeight: img.height,
			marginLeft: (expose=='r' ? img.width*(-0.5) : 0)
		};
		return ret;
	}

	$.each(Flyers,function(){
		var flyer = this;
		var thumb = $('<img>');
		var divId = 'Flyer' + flyer.id;

		$(ParentClass).prepend( $('<a href="#" id="cp" class="item"></a>').append( $('<div id="' + divId + '" fid="' + flyer.id + '" code="' + flyer.code + '" client="' + flyer.client + '" url="' + flyer.url + '" cms="' + flyer.cms+ '" class="Flyer"></div>') ) );

		thumb.load(function(){
			var img = thumb.get(0);
			var div = $('#'+divId);
			var imgView = $('<div class="image"></div>');

			div.append( imgView )
			.append( $('<p class="title"></p>').text( flyer.title ) );

			var thumbParam = calcThumbParam( img, flyer.expose, imgView.innerWidth() );
			imgView.append(
				$(img)
				//jQuery(img).css('margin-left',thumbParam.marginLeft)
			);
			//.css( { width: thumbParam.imgWidth, height: thumbParam.imgHeight } );
		})
		.attr( 'src', flyer.thumb_uri);
	});
	
});