/**
 *
 * jQuery calendar widget/large view plugin with Bootstrap compatibility
 *
 *
 *
 *
 **/

var oshimenId;
var oshimenUrl;

(function(factory) {
	if(typeof define === 'function' && define.amd) {
		define(['jquery'], factory);
	} else {
		factory(jQuery);
	}
}(function($) {
	oshimenId = parseInt($("#oshimenTitleId").attr('data-oshimen_id'));
	oshimenUrl = $("#oshimenTitleId").attr('data-oshimen_image');

	var defaults = {
		todayButton: false,		// Show the button to reset to today's date?
		showInput: true,		// Show input
		weekStart: 0,			// Start day of the week. 0 is Sunday, 6 for Saturday, 1 for Monday (default)
		widget: true,
		cellRatio: 1,
		format: 'd/m/y',
		footer: true,
		dayHeader: true,
		mode: 'widget',			// 'widget' (default), 'tiny', 'popup', 'page'
		animDuration: 200,
		transition: '',
		url: '',
		category: null,
		data: null,
		tableClasses: 'table table-condensed',
		hidden: true,
		setOnMonthChange: true,
		condensed: false
	};

	var now = new Date();
	var selectedDate, monthCursor;
	var category=null;

	var months = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'];
	var shortMonths = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];
	var days = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
	var shortDays = ['日', '月', '火', '水', '木', '金', '土'];
	var dayImage = ['day_sun', 'day_mon', 'day_tue', 'day_wed', 'day_thr', 'day_fri', 'day_sat'];
	var iconImage = ['icon_cd'];
	var monthEvent = null, monthEventArticle=null,oshimenMonthEvent=null;
	var iconSelectionCategory = 2;
	var response;

	var tableHeight;


	// Get the number of days in the current month (or next month if delta == 1, or prev month if delta == -1, etc)
	Date.prototype.daysInMonth = function(delta) {
		delta = delta === undefined ? 0 : delta;

		return new Date(this.getFullYear(), this.getMonth() + 1 + delta, 0).getDate();
	}

	Date.prototype.isDay = function(day) {
		if(day === undefined) {
			day = new Date();
		}

		return this.getFullYear()==day.getFullYear() && this.getMonth()==day.getMonth() && this.getDate()==day.getDate();
	}

	Date.prototype.isValid = function() {
		return Object.prototype.toString.call(this) === "[object Date]" && !isNaN(this.getTime());
	}

	$.fn.get_monthEvent = function(){
		return monthEvent;
	};

	$.fn.get_oshimenMonthEvent = function(){
		return oshimenMonthEvent;
	};

	$.fn.get_monthEventArticle = function(){
		return monthEventArticle ;
	};


	$.fn.main_calendar = function(method) {
		// Private methods
		var pMethods = {
			drawCalendar: function(selectedDateTemp, replace) {
				var options = $(this).data('options');
				var inputDate;

				if(options['data']!=null && options['data']!=''){
					inputDate = new Date(''+ options['data']);
				}else{
					inputDate = now;
				}
				selectedDate = selectedDateTemp || inputDate;

				if(replace !== undefined && replace == true) {
					this.empty();
				}

				pMethods.drawHeader(selectedDate, options).appendTo(this);

				var month = pMethods.drawMonth(selectedDate, options).addClass('current');
				$('<div />').addClass('main_calendar-month').html(month).appendTo(this);

				$(this).data('main_calendar', true);
				$(this).data('date', selectedDate);
				$(this).data('element', this);

				return this;
			},
			drawPopupCalendar: function(selectedDate, replace) {
				var options = $(this).data('options');

				selectedDate = selectedDate || now;

				var container, calendar;

				if($(this).parent('.main_calendar-popup-wrapper').length) {
					container = $(this).parent();
					calendar = $(this).parent().find('.main_calendar-popup');
					calendar.empty();
				} else {
					container = $('<div />').addClass('main_calendar-popup-wrapper');
					calendar = $('<div />')
						.addClass('main_calendar main_calendar-popup')
						.width($(this).outerWidth(true));

					$(this).wrap(container);
				}

				$(this).after(calendar);

				if(options.hidden) {
					calendar.hide();
				}

				pMethods.drawHeader(selectedDate, options).appendTo(calendar);

				var month = pMethods
					.drawMonth(selectedDate, options)
					.addClass('current');

				$('<div />')
					.addClass('main_calendar-month')
					.html(month)
					.appendTo(calendar);

				calendar.data('main_calendar', true);
				calendar.data('date', selectedDate);
				calendar.data('element', this);
				calendar.data('options', options);

				$(this).parent().wrap($('<div />').addClass('main_calendar-affix'));

				return this;
			},
			drawHeader: function(date, options) {
				var header = $('<div />').addClass('main_calendar-header');
				var monthNames = options.shortMonths ? shortMonths : months;
				var lastMonth = date.getMonth()-1;
				var path= '';
				if(lastMonth<0){
					lastMonth =11;
				}
				var nextMonth = date.getMonth()+1;
				if(nextMonth>11){
					nextMonth = 0;
				}
				if( getLocale() == 'en_US' ){
					monthNames = shortMonths;
					path = '<div>' + monthNames[date.getMonth()]+ ' ' + date.getFullYear() + ' '  + 'schedule </div>';
				} else {
					monthNames = months;
					path ='<div>'+ date.getFullYear() +'年'+ monthNames[date.getMonth()] + 'の月間スケジュール </div>'
				}
				//prev month button
				var leftDiv = $('<div />').appendTo(header);
				$('<button />')
					.addClass('prev-month change-month btn')
					.html('&laquo;')
					.appendTo(leftDiv);

				$('<div />')
					.addClass('prev-month-label')
					.append(monthNames[lastMonth])
					.appendTo(leftDiv);
				//next month button
				var rightDiv = $('<div />').appendTo(header);
				$('<button />')
					.addClass('next-month change-month btn')
					.html('&raquo;')
					.appendTo(rightDiv);
				$('<div />')
					.addClass('next-month-label')
					.append(monthNames[nextMonth])
					.appendTo(rightDiv);
				$('<span />')
					.addClass('month')
					.append(path)
					.appendTo(header);

				return header;
			},
			drawMonth: function(date, options) {
				date = date || now;
				var monthStart = new Date(date.getFullYear(), date.getMonth(), 1, 0, 0, 0);
				var days = [];
				var rows = [];
				var table = $('<table />').addClass(options.tableClasses);

				var numPrevDays = monthStart.getDay() - options.weekStart;
				var numCurrentDays = date.daysInMonth();
				var numNextDays = 42 - numPrevDays - numCurrentDays;

				var daysInLastMonth = date.daysInMonth(-1);

				$('#year_schedule').html('<span class="sy2020">'+date.getFullYear()+'</span>');

				// Header
				if(options.dayHeader) {
					var tableHeader = $('<tr />').addClass('days');
					for(var i = 0; i <= 6; i++) {
						var day = i + options.weekStart;
						if(day > 6) {
							day = i - 6;
						}

						var path ='';
						if( getLocale() == 'en_US' ) {
							path = '<img src="/common/img_en/about/schedule/scheduleCal/'+dayImage[day]+'.gif"/>';
						}else {
							path = '<img src="/common/img/about/schedule/scheduleCal/'+dayImage[day]+'.gif"/>';
						}
						$('<th />')
							.addClass('days')
							.prepend(path)
							.appendTo(tableHeader);
					}
					table.append(tableHeader);
				}
				// Add previous month's days
				for(var i = 1; i <= numPrevDays; i++) {
					var day = (daysInLastMonth - numPrevDays) + i;
					days.push({
						date: new Date(date.getFullYear(), date.getMonth() - 1, day, 0, 0, 0),
						displayNumber: 0,
						status: 'prevmonth',
						classes: 'month-prev'
					});
				}
				// Add current month's days
				for(var i = 1; i <= numCurrentDays; i++) {
					var day = {
						date: new Date(date.getFullYear(), date.getMonth(), i, 0, 0, 0),
						displayNumber: i,
						status: 'currentmonth',
						classes: ''
					};
					// If this date is today's date, add the `today` class
					day.classes = day.date.isDay() ? 'today' : '';
					// If this date is the one selected, add the `selected` class
					day.classes += day.date.isDay(selectedDate) ? ' selected' : '';
					days.push(day);		// Add date to array
				}
				// Add next month's days
				for(var i = 1; i <= numNextDays; i++) {
					days.push({
						date: new Date(date.getFullYear(), date.getMonth() + 1, i, 0, 0, 0),
						displayNumber: 0,
						status: 'nextmonth',
						classes: 'month-next'
					});
				}
				var weeksCount = Math.ceil((numPrevDays+ numCurrentDays)/7);
				for(var i=0;i<weeksCount;i++){
					var sliceNumber=i*7;
					if(i==5){
						rows[i] = days.slice(sliceNumber);
					}else{
						rows[i] = days.slice(sliceNumber,sliceNumber+7);
					}
				}
				// Append arrays to table
				for(var row = 0; row < weeksCount; row++) {
					var tr = $('<tr />').addClass('date');
					for(var col = 0; col < 7; col++) {
						var cell = rows[row][col];
						var  myTd = $('<td />')
							.attr('id','date_'+date.getFullYear()+'_'+(date.getMonth()+1)+'_'+cell.displayNumber)
							.data('status', cell.status)
							.data('date', cell.date);
						if(cell.displayNumber!=0){
							var dateImage = '<img id="theImg" src="/common/img/about/schedule/scheduleCal/date_'+cell.displayNumber+'.png"/>';
							myTd.prepend(dateImage);
						}
							myTd
							.addClass(cell.classes)
							.appendTo(tr);
					}

					tr.appendTo(table);
				}
				var monthPar = date.getMonth() +1;
				var yearPar = date.getFullYear();
				setEvent(yearPar, monthPar);
				return table;
			},
			drawFooter: function(date, options) {
				var footer = $('<div />').addClass('main_calendar-footer input-prepend');
				if(options.footer == false) {
					footer.hide();
				}

				if(options.todayButton) {
					$('<button />')
						.text('Today')
						.addClass('btn main_calendar-today')
						.attr('type', 'button')
						.appendTo(footer);

					$('<button />')
					.addClass('next-month change-day btn')
					.html('&raquo;')
					.appendTo(footer);
				}

				if(options.showInput) {
					$('<span />')
						.text(pMethods.formatDate(date, options))
						.addClass('main_calendar-input uneditable-input span2')
						.appendTo(footer);
				}

				$('<input />')
					.prop('type', 'hidden')
					.val(parseInt(date.getTime() / 1000), 10)
					.appendTo(footer);

				return footer;
			},
			// Split out into helper object
			formatDate: function(date, options) {
				return options.format
					.replace('d', ('0' + date.getDate()).substr(-2))
					.replace('m', ('0' + (date.getMonth() + 1)).substr(-2))
					.replace('y', date.getFullYear().toString().substr(-2))
					.replace('Y', date.getFullYear());
			}
		};

		var methods = {
			init: function(settings) {
				var options = $.extend({}, defaults, settings);
				var sche_txt = '';
				if( getLocale() == 'en_US' ){
					sche_txt = 'Your Oshimen daily schedule';
				}else{
					sche_txt = '推しメンの日別スケジュール';
				}
				category = options['category'];
				if(oshimenId>0){
					$('#oshimenTitleId')
								.addClass('scheduleTitle')
								.html(sche_txt);
				}
				// Events
				if(!$(document).data('main_calendar-events')) {
					$(document)
						.on('click.main_calendar', '.main_calendar .change-month', function(e) {// change month method
							e.preventDefault();
							e.stopPropagation();
							methods.changeMonth.apply($(this).closest('.main_calendar'), [ $(this).hasClass('next-month') ? 1 : -1, $(this).closest('.main_calendar').data('options') ]);
						})
						.on('click.main_calendar', '.main_calendar .change-day', function() {// change month method
							var container = $(this).closest('.main_calendar');
							var table = $(this).closest('table');
							table.find('.selected').removeClass('selected');
							if(table){
								methods.changeMonth.apply($(this).closest('.main_calendar'), [ now, $(this).closest('.main_calendar').data('options') ]);
							}else{
							}
						})
						.on('click.main_calendar', '.main_calendar-today', function() {
							methods.changeMonth.apply($(this).closest('.main_calendar'), [ now, $(this).closest('.main_calendar').data('options') ]);
						})
						.on('click.main_calendar', '.main_calendar table.current td', function() {
							var container = $(this).closest('.main_calendar');
							var table = $(this).closest('.table');
							var status = $(this).data('status');
							if(status=='currentmonth'){
								table.find('.selected').removeClass('selected');
								$(this).addClass('selected');
								selectedDate = $(this).data('date');
								ShowArticles(selectedDate);
								container.data('date', $(this).data('date'));
								ScrollArticle();
							}
						})
						.on('click','#previous_day', function(){
							var container = $('.main_calendar');
							var table = $('.main_calendar table.current td').closest('table');
							var prevDate = new Date(''+selectedDate);
							var flagDate = parseInt(''+(container.data('date').getMonth()+1));
							prevDate.setDate(prevDate.getDate()-1);
							var prevFlag = parseInt(''+(prevDate.getMonth()+1));
							selectedDate = prevDate;
							if(flagDate!=prevFlag){
								methods.changeMonth.apply($('.calendar'), [prevDate, $('.calendar').data('options') ]);
							}
							var classId = '#date_'+prevDate.getFullYear()+'_'+(prevDate.getMonth()+1)+'_'+prevDate.getDate();
							table.find('.selected').removeClass('selected');
							table.find(classId).addClass('selected');
							ShowArticles(prevDate);
							ScrollArticle();
						})
						.on('click','#next_day', function(){
							var container = $('.main_calendar');
							var table = $('.main_calendar table.current td').closest('table');
							var nextDate =  new Date(''+selectedDate);
							var flagDate = parseInt(''+(container.data('date').getMonth()+1));
							nextDate.setDate(nextDate.getDate()+1);
							var nextFlag = parseInt(''+(nextDate.getMonth()+1));
							selectedDate = nextDate;
							if(flagDate!=nextFlag){
								methods.changeMonth.apply($('.calendar'), [nextDate, $('.calendar').data('options') ]);
							}
							var classId ='#date_'+nextDate.getFullYear()+'_'+(nextDate.getMonth()+1)+'_'+nextDate.getDate();
							table.find('.selected').removeClass('selected');
							table.find(classId).addClass('selected');
							ShowArticles(nextDate);
							ScrollArticle();
						})
					// Popups
						.on('click.main_calendar', '.main_calendar-popup-trigger', function(e) {
							$(this).parent('.main_calendar-popup-wrapper').addClass('main_calendar-open').find('.main_calendar-popup').show();
							// Close other calendars
							$('.main_calendar-popup-wrapper.main_calendar-open').not($(this).parent()).removeClass('main_calendar-open').find('.main_calendar-popup').hide();
						})
						.on('click.main_calendar', function(e) {
							var target = $(e.target);
							if(!target.closest('.main_calendar-popup-wrapper').length) {
								$('.main_calendar-popup-wrapper.main_calendar-open').removeClass('main_calendar-open').find('.main_calendar-popup').hide();
							}
						})
						.on('click.main_calendar', '.main_calendar td', function() {
							var thisDate				= $(this).data('date');
							var originalElement	= $(this).closest('.main_calendar').data('element');
							var formattedDate		= pMethods.formatDate($(this).data('date'), $(this).closest('.main_calendar').data('options'));
							$(originalElement).trigger('dateselect', [ thisDate ]);
							// Set date on input element if it exists
							$(originalElement).children('.main_calendar-popup-trigger').val(formattedDate).trigger('change');
						});
					$(document).data('main_calendar-events', true);
				}
				return this.each(function() {
					if($(this).is(':input')) {
						var element = $('<div />');
						$(this).addClass('main_calendar-target').after(element);
					} else {
						var element = this;
					}
					$(element).addClass('main_calendar ' + options.transition);
					$(element).data('options', options);
					if(options.transition) {
						$(element).addClass('transition');
					}
					if(options.condensed) {
						$(element).addClass('condensed');
					}
					switch(options.mode) {
					case 'popup':
						$(element).addClass('main_calendar-popup-trigger');
						pMethods.drawPopupCalendar.apply(element, options.date);
					break;
					case 'widget':
					default:
						pMethods.drawCalendar.call(element, options.date);
					}
				});
			},
			changeDay: function(month, options){
				var container = $(this).closest('.main_calendar');
				var table = $(this).closest('table');
				var dateSelected = table.find('.selected');
				dateSelected.removeClass('selected');
				dateSelected.next('.main_calendar').addClass('selected');
				selectedDate = dateSelected.next('.main_calendar').data('date');
			},
			changeMonth: function(month, options) {
				var newDay, newDate, direction, newCalendar;
				var container = $(this);
				var calendar = $(this).find('table');
				var currentDate = container.data('date');
				var calWidth = calendar.outerWidth(true);
				var calHeight = calendar.outerHeight(true);
				var data = new Array();
				calendar.parent().height(calHeight);		// Set height of calendar's container to height of table
				if(typeof month === 'number') {
					direction = month > 0 ? 1 : -1;
					newDay = Math.min(currentDate.daysInMonth(month), currentDate.getDate());		// 31st of March clamped to 28th Feb, for example
					newDate = new Date(currentDate.getFullYear(), currentDate.getMonth() + direction, newDay);
				} else if(month instanceof Date) {
					direction = (month > currentDate) ? 1 : -1;
					newDate = month;
				}
				calendar.stop(true, true);
				container.data('date', newDate);
				newCalendar = pMethods.drawMonth(newDate, options).addClass('current');

				switch(options.transition) {
					case 'fade':
						calendar.fadeOut(options.animDuration, function() {
							$(this).replaceWith(newCalendar.hide().fadeIn(options.animDuration));
						});
					break;
					case 'crossfade':		// Crossfade
						calendar.removeClass('current').after(newCalendar);
						calendar.animate({ opacity: 0 }, options.animDuration);
						newCalendar.css({ opacity: 0, position: 'absolute', top: 0 }).animate({ opacity: 1 }, options.animDuration);
					break;
					case 'carousel-horizontal':
						calendar.css({ position: 'absolute' }).animate({ left: -(calWidth * direction) }).after(newCalendar);
						newCalendar.css({ left: direction * calWidth, position: 'absolute' }).animate({ left: 0 }, {
							complete: function() {
								setTimeout(function(){$(".main_calendar-month").css("height", ($(".main_calendar-month > table").height()) + 'px');}, 1);
							}
						});
					break;
					case 'carousel-vertical':		// Vertical slide
						calendar.css({ position: 'absolute' }).animate({ top: -(calHeight * direction) }).after(newCalendar);
						newCalendar.css({ top: direction * calHeight, position: 'absolute' }).animate({ top: 0 });
					break;
					default:		// No transition - default
						calendar.replaceWith(newCalendar);
					break;
				}
				// Remove old calendar
				newCalendar.promise().done(function() {
					container.find('table').not(newCalendar).remove();
				});
				// Update header and footer
				container.find('.main_calendar-header').replaceWith(pMethods.drawHeader(newDate, options));
				// Set date on input element if it exists
				if(options.setOnMonthChange) {
					container.prev('.main_calendar-target').val($(this).data('date')).trigger('change');
				}
			},
			date: function() {		// Return current selected date
				if($(this).next('.main_calendar').length) {
					return $(this).next('.main_calendar').data('date');
				} else if($(this).data('main_calendar')) {
					return $(this).data('date');
				}
				return false;
			}
		};
		if(methods[method]) {
			return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
		} else if(typeof method === 'object' || !method) {
			return methods.init.apply(this, arguments);
		}
		function setEvent(year,month){
			var data = new Array();
			data["month"] = month;
			data["year"] = year;
			data["category"] = category;
			var post_data = array2post(data);

			$.ajax({
				type: 'POST',
				url: '/public/api/schedule/calendar/',
				data: post_data,
				dataType: 'json',
				success:function(event) {
					if(event['result']=="ok"){
						monthEvent =null;
						oshimenMonthEvent=null;
						monthEventArticle=null;
						monthEvent = event['data']['thismonth'];
						$.each(monthEvent,function(key,value){
							var todayEvent = value;
							var oshimenArr = 0, categoryArr=0, iconArr=0;
							for(var i=0; i< todayEvent.length;i++){
								if(category==null || category == 0 || category==todayEvent[i]['parent_category']){
									if(monthEventArticle ==null){
										monthEventArticle = new Array();
									}
									if(monthEventArticle[key]==null){
										monthEventArticle[key] = new Array();
									}

									monthEventArticle[key][categoryArr] = todayEvent[i];
									categoryArr+=1;

									if(todayEvent[i]['member']!=null && todayEvent[i]['member']!=''){
										var splitMemberData = todayEvent[i]['member'].split(',');
										$.each(splitMemberData, function(index, value){
											if(value==oshimenId){
												if(oshimenMonthEvent == null){
													oshimenMonthEvent = new Array();
												}
												if(oshimenMonthEvent[key]==null){
													oshimenMonthEvent[key] = new Array();
												}
												oshimenMonthEvent[key][oshimenArr] = todayEvent[i];
												oshimenArr+=1;
												return;
											}
										});
									}
								}

								var showIcon = true;
								var get_param = getParam();
								var filter = typeof(get_param) != 'undefined' ? get_param['category'] : false;
								if ( !filter ) {
									if ( todayEvent[i]['parent_category'] == iconSelectionCategory ){
										showIcon = false;
									}
								}
								else {
									if ( todayEvent[i]['parent_category'] != filter ) {
										showIcon = false;
									}
								}

								if ( showIcon == true ) {
									var tiptext = todayEvent[i]['title'].length > 0 ? todayEvent[i]['title'] : todayEvent[i]['body'].substring(0, 64);
									var topMargin = (iconArr+1) * 21;
									var ts = Math.round(new Date().getTime() / 1000);

									var image_cal_url = null;
									if ( todayEvent[i]['cal_image'] != null && todayEvent[i]['cal_image'] != '' && todayEvent[i]['cal_image'] != undefined ) {
										if ( todayEvent[i]['parent_category'] == iconSelectionCategory ) {
											image_cal_url = "/common/img/about/schedule/scheduleCal/icon_media.gif";
										}
										else {
											image_cal_url = todayEvent[i]['cal_image'];
										}
									}
									else {
										image_cal_url = "/common/img/about/schedule/scheduleCal/icon_cd.gif";
									}
									var cate_text = todayEvent[i]['title'].length > 0 ? todayEvent[i]['title'] : todayEvent[i]['body'];
									var cate_icon = $('<div />')
										.addClass('tooltipactive')
										.addClass('scheduleArticleLink')
										.css('height', (topMargin + 31)+'px')
										.attr('title'		, tiptext)
										.css('position','absolute')
 										.css('left', '7px')
										.css('top',topMargin+ 'px')
										.css('width','91px')
										.css('height','18px')
										.attr('data-url'	, '/modal/detail_schedule.php?sid='+todayEvent[i]['schedule_id']+'&ts='+ts);
									cate_icon.prepend($('<img>')
													  .attr('src'	, ''+image_cal_url)
													  .attr('width'	, '91px')
													  .attr('height', '18px')
													  .css('position','absolute')
													  .css('top', '6px'));
									if ( todayEvent[i]['parent_category'] == iconSelectionCategory ) {
										cate_icon.prepend($('<div />')
														  .text(cate_text)
														  .css('position','absolute')
														  .css('overflow', 'hidden')
														  .css('font-size' , '9px')
														  .css('width'	, '85px')
														  .css('height'	, '30px')
														  .css('left', '4px')
														  .css('top', '-4px')
														  .css('text-overflow', 'ellipsis')
														  .css('white-space', 'nowrap')
														  .css('z-index'	, '1000'));
									}
									$('#date_'+key).prepend(cate_icon);
									iconArr+=1;
								}
							}
							$('#date_'+key).height((iconArr+1) * 21 + 31 + 'px');
						});
					}
					var get_param = getParam();
					var filter = typeof(get_param) != 'undefined' ? get_param['category'] : false;
				},
				error:function(xhr, status, error){
					// 	alert(xhr.responseText);
				},
				complete: function(){
					setTimeout(function(){$(".main_calendar-month").css("height", ($(".main_calendar-month > table").height()) + 'px');}, 1);
					if(month==(selectedDate.getMonth()+1)){
						ShowArticles(selectedDate);
					}
					activeTiptip();
					SetPopUpCal();

				}
			});
		}
	};
}));
function activeTiptip(){
	$(".tooltipactive").tipTip({
		maxWidth: "200px",
		edgeOffset: 10,
		activation: "hover",
		defaultPosition: "right"
	});
}
$(function(year){
	$('#year_schedule').val(year);
});
function SetAd(data, parent){
	var adarea = $('#' + parent + '_adAreaOf').clone();
	adarea.css('position', 'absolute');
	adarea.css('left','498px');
	adarea.css('top','0px');
	adarea.show();
	$('#'+parent).prepend(adarea);
}
function SetMan(data, parent, oshimen){
	var idx = parseInt(Math.random() * 3);
	var img = '/common/img/about/schedule/schedule_text_grid.png';
	if ( oshimen ) {
		img = '/common/img/about/schedule/schedule_text_grid_oshi.png';
	}
	var man = '<li class="manArea">' +
		'<img src="'+img+'" width="244" height="245" alt="" />' +
		'</li>';
	$('#'+parent)
		.prepend($(man)
				.css('position','absolute')
				.css('left','249px')
				.css('top','0px')
		);
}
//year digit
function getYearNum(year){
	var result ="";
	var tempYear = parseInt(year);
	do{
		var digitYear = tempYear%10;
		result = '<span id="year_schedule_'+digitYear+'" class="yd'+digitYear+'">'+digitYear+'</span>' + result;
		tempYear = Math.floor(tempYear/10);
	}while(tempYear!=0);
	return result;
}
//推しメン・AKBのスケジュールを生成
function SetArticleDate(data, parent) {
	var year	= data.getFullYear();
	var month	= data.getMonth()+1;
	var date	= data.getDate();
 	var day		= data.getDay();
 	if(day==0){
 		day = 7;
 	}
	//AKBスケジュールを生成
	if ( parent == 'articlesDiv' ) {
		var dateSpan = getYearNum(year);
		$('#'+parent)
				.prepend($('<li />')
						.addClass('dateArea')
						.prepend($('<div />')
							.addClass('dateNormal')
								.prepend($('<p />')
									.addClass('dateDay')
									.html('<span id="day_schedule" class="sdDay'+day+'">MONDAY</span>'))
								.prepend($('<h4 />')
									.addClass('dateDate')
									.html('<span id="date_schedule" class="sd'+date+'">21</span>'))
								.prepend($('<p/>')
									.addClass('dateYearMonth')
									.html(dateSpan+'<span class="date-dot-separator"></span><span id="month_schedule" class="sm'+month+'">1</span>'))
						)
					);
	//推しメンスケジュールを生成
	}
	else if ( oshimenId > 0 && parent == 'oshimenDiv' ) {
		var ten = parseInt(date / 10);
		var one = parseInt(date % 10);
		$('#'+parent)
			.prepend($('<li />')
			.addClass('oshimenArea')
				.prepend($('<div />').addClass('dateOshimenFukidashi')
					.prepend($('<div />').addClass('dateOshimenFukidashiInner')
						.prepend($('<div />')
							.addClass('dateONDay')
							.html('<span class="sodnDay'+day+'"></span>')
						)
						.prepend($('<div />')
							.addClass('dateONDate')
							.html('<p class="sodn'+ten+'"></p><p class="sodn'+one+'"></p>')
						)
					)
				)
				.prepend($('<div />').addClass('oshimenImage')
					.html('<img src="'+oshimenUrl+'" style="width:168px;height:168px;border:solid 1px #ff99cc;object-fit: cover;object-position: 0% 0%;" alt="推しメン写真" />')
				)
			);
	}
}
//個別に生成
function setArticle(eventData,parent,i){
//cl(eventData);
//cl(parent);
	var elementArray = new Array();
	elementArray['position']= 'absolute';
	elementArray['left'] = (i%3) * 249;
	elementArray['top'] = (Math.floor(i/3)*125)+250;

	if (eventData==null){
		$('#'+parent)
		.prepend($('<li />')
			.addClass('dayArticleNotFound')
			.css('position',''+ elementArray['position'])
			.css('left','249px')
			.css('top', '0px')
			.prepend($('<img />')
				.attr('src', '/common/img/about/schedule/image_notfound.png')
				.attr('width', 244)
				.attr('height', 245)
			)
		);
	}else{
		var div_iframe= parent=='oshimenDiv'?'o_memberMsgWrapper':'a_memberMsgWrapper';
		var ts = Math.round(new Date().getTime() / 1000);
		var url = '/modal/detail_schedule.php?sid=' + eventData['schedule_id'] + '&ts=' + (ts);
		$('.'+div_iframe+' ul').prepend('<li class="pattern1"><iframe data-url="'+url+'" width="630" height="100%"></iframe></li>');

		var startDate	= eventData['date'].substring(11,16);
		var endDate		= eventData['end_date'].substring(11,16);
		var image_article_url = null;
		if(eventData['article_image']!=null && eventData['article_image']!='' && eventData['article_image']!=undefined){
			image_article_url = eventData['article_image'];
		}else{
		 	image_article_url = "/common/img/about/schedule/icon_goods.gif";
		}

		var dispDate;
		if ( startDate == '00:00' && endDate == '00:00' && eventData['end_date'] != '0000-00-00 00:00:00' ) {
			dispDate = '';
		}
		else if ( startDate == endDate || eventData['end_date'] == '0000-00-00 00:00:00') {
			dispDate = startDate;
		}
		else {
			dispDate = startDate+'-'+endDate;
		}

		var disptitle = eventData['title'].length > 0 ? eventData['title'] : eventData['body'];

		$('#'+parent)
			.prepend($('<li />')
				.addClass('dayArticle')
				.attr('data-popupindex', i)
				.css('position',''+ elementArray['position'])
				.css('left',elementArray['left']+'px')
				.css('top', elementArray['top']+'px')
				.prepend($('<div />')
					.addClass('scheduleArticle')
					.prepend($('<h4 />').addClass('scheduleArticleTitle')
						.prepend($('<span />')
							.html(disptitle))
						)
					.prepend($('<p />').addClass('scheduleArticleDate')
						.html(dispDate))
					.prepend($('<div/>')
						.addClass('scheduleArticleIcon')
						.prepend($('<div />').addClass('scheduleArticleIconDetail')
							.prepend($('<img />')
								.attr('src', ''+image_article_url)
							)
						)
					)
				)
			);
	}
}
//カレンダーが選択されたときに表示
var selectedDate_cur;
function ShowArticles(selectedDate){
	selectedDate_cur	= selectedDate;
//ants
	$('.o_memberMsgWrapper ul').html('');
	$('.a_memberMsgWrapper ul').html('');
	var eventCategory = $('.calendar').get_monthEventArticle();
	var eventDate =　null;
	if(eventCategory!=null){
		eventDate=  eventCategory[selectedDate.getFullYear()+'_'+(selectedDate.getMonth()+1)+'_'+selectedDate.getDate()];
	}
	setArticles(eventDate,selectedDate,'articlesDiv');
	if ( oshimenId > 0 ) {
		var oshimenEventDate = null;
		if($('.calendar').get_oshimenMonthEvent()!=null){
			oshimenEventDate = $('.calendar').get_oshimenMonthEvent()[selectedDate.getFullYear()+'_'+(selectedDate.getMonth()+1)+'_'+selectedDate.getDate()];
		}
		if(oshimenEventDate!=null && oshimenEventDate!=undefined){
			oshimenEventDate = $('.calendar').get_oshimenMonthEvent()[selectedDate.getFullYear()+'_'+(selectedDate.getMonth()+1)+'_'+selectedDate.getDate()];
		}
		setArticles(oshimenEventDate,selectedDate,'oshimenDiv');
	}
	SetPopUp();
}
function ScrollArticle(){
	$('html, body').animate({scrollTop:$('#scrollPoint').offset().top - 5},500);
}
//推しメン・AKBスケジュールを生成
function setArticles(day, date, parent){
	//↓データのクリーニング
	if(parent=='articlesDiv' && day!=null){
		var day_tmp=[];
		var j=0;
		for(var i=0;i<day.length;i++){
			if(memberSelect.checked_members.length==0 || memberSelect.checked_members.in_array2ar(explode(',',day[i]['member']))){
				day_tmp[j]=	day[i];
				j++;
			}
		}
		day	= day_tmp.length==0?null:day_tmp;
	}

	if(parent=='articlesDiv'){
		$('li').remove(".oshimenArea");
		$('li').remove(".dateArea");
		$('li').remove(".dayArticle");
		$('li').remove(".dayArticleNotFound");
		$('li').remove(".manArea");
		$('li').remove("[class^='adArea']");
	}
	var height;
	if(day==null) {
		SetAd(day,parent);
		setArticle(null,parent,0);
		SetArticleDate(date,parent);
		height = 230;
	}else{
		for(var i=day.length-1;i>=0;i--){
			var eventData = day[i];
			setArticle(eventData, parent, i);
		}
		SetAd(eventData,parent);
		if ( day.length > 0 ) {
			SetMan(eventData,parent,oshimenId);
		}
		SetArticleDate(date,parent);
		var dayInteger = parseInt(day.length);
		height = (250) + ((Math.floor(dayInteger/3) * 125)+ 125);
	}
	$('#'+parent).css('position','relative').css('height', (height+50) + 'px');
}

//推しメン・AKBスケジュール内のセルクリック時
function SetPopUp(){
	//推しメン
	$("#oshimenDiv .dayArticle").on("click", function(){
		var index = parseInt($(this).attr('data-popupindex'));
		popup.popView(".o_memberMsgWrapper");
		carouFredSel.popupCarou(".o_memberMsgWrapper .memberMsgInner", index, false);
		$(window).resize(function(){
			ajustSlideBtn(".o_memberMsgWrapper .memberMsgInner");
		})
	})
	//閉じる
	$(".o_memberMsgWrapper .bgPopup, .o_memberMsgWrapper .btnClose").on("click", function(){
		popup.popClose(".o_memberMsgWrapper");
		$(".memberMsgInner").find("ul").trigger("slideTo", [0, {duration:0}]);//ポップアップリストの順番を元に戻す
	})

	//AKB48
	$("#articlesDiv .dayArticle").on("click", function(){
		var index = parseInt($(this).attr('data-popupindex'), 10);
		popup.popView(".a_memberMsgWrapper");
		carouFredSel.popupCarou(".a_memberMsgWrapper .memberMsgInner", index, false);
		$(window).resize(function(){
			ajustSlideBtn(".a_memberMsgWrapper .memberMsgInner");
		})
	})
	//閉じる
	$(".a_memberMsgWrapper .bgPopup, .a_memberMsgWrapper .btnClose").on("click", function(){
		popup.popClose(".a_memberMsgWrapper");
		$(".memberMsgInner").find("ul").trigger("slideTo", [0, {duration:0}]);
	})
};
//カレンダーの日付のポップアップ
function SetPopUpCal(){
	$(".scheduleArticleLink").on("click", function(){
		popup.popViewUrl(".calMsgWrapper",$(this).attr('data-url'));
		carouFredSel.popupCarou(".memberMsgWrapper .memberMsgInner", 0, false);//back,nextを消すため
		$(window).resize(function(){
			ajustSlideBtn(".memberMsgWrapper .memberMsgInner");
		})
	})
	//閉じる
	$(".memberMsgWrapper .bgPopup, .memberMsgWrapper .btnClose").on("click", function(){
		popup.popClose(".memberMsgWrapper");
	})
}