var flgIphone = false, flgAndroid = false;
if(navigator.userAgent.search(/iPhone/) != -1){
	flgIphone = true;
} else if(navigator.userAgent.search(/Android/) != -1){
	flgAndroid = true;
}

/* --------------------------------------------------
	Initialize
-------------------------------------------------- */
document.write('<link rel="stylesheet" type="text/css" href="/TEMPLATE/CSS/forScript.css" media="all" />');
if(!$jq) { var $jq = jQuery.noConflict(true); }
if(!TNC) { var TNC = {}; }
var _externalObj = null;

/* Catalyst For Flash */
function called (arg){
VL_Send(arg); //catalyst
}

/* pageId */
location.pathname.replace(/(index)?\.(html|php)/, '').replace(/\/$/, '').match(/^\/(.+)$/);
TNC.pageId = 'tnc-' + (RegExp.$1 == '' ? 'TOP' : RegExp.$1).replace(/\//g, '_').toLowerCase();

TNC.systemhost = 'http://ev1.nissan.co.jp';

/* --------------------------------------------------
	LOAD FUNCTION
-------------------------------------------------- */
TNC.parseParam = function(_string){
	var hash = new Object();
	hash.length = 0;
	var parray = _string.replace('?','').split('&');
	for(var i=0;i<parray.length;i++){
		var n = parray[i].split('=');
		hash[n[0]] = n[1];
		hash.length++;
	}
	if(hash.length != 0) {
		return hash;
	} else {
		return null;
	}
};

/* --------------------------------------------------
	LOAD FUNCTION
-------------------------------------------------- */
(function($){
$(function(){
	/* LayerBox */
	if(window.DD_belatedPNG){
		DD_belatedPNG.fix('.png_bg');
	}
	$('.pngImg').pngFix({ 'blankgif' : '/TEMPLATE/IMAGES/blank.gif' });
	$('.pngImg,.png_bg').css({ 'visibility' : 'visible' });

	/* Scroller */
	$('a.scroller').scrollFor();

	/* Rollover */
	$('.imgover').imgHover({ suffix : '_o' });

	/* LayerBox */
	$('a.layerBox').colorbox({ opacity : 0.7, iframe:true, transition : 'none', innerWidth:640, innerHeight:480, close:'<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_close_btn_01.gif" width="13" height="13" alt="close" />'});

	/* Determent Download */
	$('.offContext').bind('contextmenu', function(e){
		e.preventDefault();
	});
});

/* --------------------------------------------------
	MENU SETTING
-------------------------------------------------- */
$(function(){
	/* menu-parents */
	$('#menu-parents li,#menu-home').anchorStay({ bodyClass : 'menu1st-', prefixClass : 'menu1st-', stayClass : 'menuStay' });

	/* menu-children */
	$('#menu-children li').anchorStay({ bodyClass : 'menu2nd-', prefixClass : 'menu2nd-', stayClass : 'menuStay' });

	/* subNavMod */
	$('#subNavMod').imgStay({ bodyClass : 'subNav-', prefixClass : 'subNav-', stayClass : 'stayImg', suffixStay : '_s' });

	/* tabNavMod */
	$('#tabNavMod').imgStay({ bodyClass : 'tabNav-', prefixClass : 'tabNav-', stayClass : 'stayImg', suffixStay : '_o' });

	/* tab2ndNavMod */
	$('#tab2ndNavMod').imgStay({ bodyClass : 'tab2ndNav-', prefixClass : 'tab2ndNav-', stayClass : 'stayImg', suffixStay : '_o' });
});


/* --------------------------------------------------
	SEARCH FORM STRING
-------------------------------------------------- */
$(function() {
	var _initText = '検索するワードを入力';
	var $inputText = $('#searchWordText');
	var _titleText = $inputText.attr('title');
	if(_titleText){
		_initText = _titleText;
	}
	
	var _val = $inputText.val();
	if(_val == '' || _val == _initText){
		$inputText.val(_initText).addClass('initVal');
		_val = _initText;
	}

	$inputText.focus(function(){
		if($inputText.val() == _initText){
			$inputText.val('').removeClass('initVal');
		}
	}).blur(function(){
		if($inputText.val() == ''){
			$inputText.val(_initText).addClass('initVal');
		}
	});

	$('#searchWordSubmit').click(function(e){
		this.blur();
		if($inputText.val() == _initText){
			$inputText.val('');
		}
	});
});


/* --------------------------------------------------
	Share Setting
-------------------------------------------------- */
$(function(){
	/* Embed ShareTools */
	embedShareTips();
	$('#shareTips a.logVL').setLogVL();
	$('#shareTips a.onVL').setOnVL();

	/* ShareSeg Setting */
	$('a.share-MailTo').shareMailTo();
	$('a.share-Twitter').shareTwitter();
	$('a.share-Facebook').shareFacebook();
	$('a.share-Delicious').shareDelicious();
	$('a.share-Tumblr').shareTumblr();
	$('a.share-GoogleBookmarks').shareGoogleBookmarks();
	$('a.share-HatenaBookmark').shareHatenaBookmark();

	/* ShareTips Setting */
	var _container = $('#container');
	var _shareTips = $('#shareTips');
	var _shareTwitter = _shareTips.find('a.share-Twitter');
	var _hrefTwitter = _shareTwitter.attr('href');
	var _shareTumblr = _shareTips.find('a.share-Tumblr');
	var _hrefTumblr = _shareTumblr.attr('href');
	_container.mousedown(mDown)
	function mDown(e){
		_container.unbind('mousedown');
		_container.mouseup(mUp);
		_shareTips.hide();
	}
	function mUp(e){
		_container.unbind('mouseup');
		_container.mousedown(mDown);

		var w = window.getSelection, d = document.getSelection, x = document.selection;
		var selection = (w?w():(d)?d():(x?x.createRange().text:0));
		if(selection != ''){
			_shareTwitter.attr('href', _hrefTwitter + encodeURIComponent(' ' + selection));
			_shareTumblr.attr('href', _hrefTumblr + '&s=' + encodeURIComponent(selection));
			_shareTips.css({ top : e.pageY + 10, left :e.pageX + 10 }).fadeIn(250);
		}
	}
});

function embedShareTips(){
	var _shareTips = document.createElement('div');
	_shareTips.id = 'shareTips';
	var _code = '';
	_code += '<div class="tipsInner"><ul>';
	_code += '<li><a href="#" id="tipTwitter" vlpageid="tipTwitter" class="share-Twitter onVL">Twitter</a></li>';
	_code += '<li><a href="#" id="tipTumblr" vlpageid="tipTumblr" class="share-Tumblr onVL">Tumblr</a></li>';
	_code += '</ul></div>';
	_shareTips.innerHTML = _code;
	document.body.appendChild(_shareTips);
}


$(function(){
	$('a.shareText-Twitter').shareTwitter({ hrefText : true });
	$('a.shareText-Tumblr').shareTumblr({ hrefText : true });
	$('a.logVL,input.logVL').setLogVL();
	$('a.onVL,input.onVL').setOnVL();

});
})($jq);


/* --------------------------------------------------
	Good Module
-------------------------------------------------- */
TNC.goodMod = function(_type, _id, _initNum){
	(function($){
		var _count = Number(_initNum);

		var _modId = 'goodMod' + _id;
		var _code = '';
		_code += '<div id="' + _modId + '" class="goodMod clearfix">';
		_code += '<p class="modBtn"><img src="/TEMPLATE/IMAGES/SHARE/good_btn_01.gif" alt="Good!" width="24" height="24" /></p>';
		_code += '<p class="modText"><span class="modNum">' + _count + '</span></p>';
		_code += '<!-- /.goodMod --></div>';
		document.write(_code);

		TNC.goodModEvent(_type, _modId);		
	})($jq);
};
TNC.goodModEvent = function(_type, _modId){
	(function($){
		var $mod = $('#' + _modId);
		var $modNum = $mod.find('span.modNum');
		var $modBtn = $mod.find('p.modBtn').click(sendGood);

		var _id = _modId.replace('goodMod', '');
		var _count = Number($modNum.text());
		
		function sendGood(){
			$.ajax({
				type: 'GET',
				url: TNC.systemhost + '/prg/good/countup.php',
				data: {
					type : _type,
					id : _id,
					rnd : new Date().getTime()
				},
				dataType: 'script',
				success: function(data) {
					$modNum.text(++_count);
					$modBtn.addClass('btnOff');
					$modBtn.unbind();
				}
			});
		}
	})($jq);
}

/* --------------------------------------------------
	Oneclick
-------------------------------------------------- */
TNC.oneclickMod = (function(){
	var _count = 0;
	return function(_questionNum){
		(function($){
		_count++;
		var _idnum = _count;
		var _modId = 'oneclickMod0' + _idnum;
		
		/* Module View 01 */
		var _question;
		switch(_questionNum){
			case 1: _question = 'この情報によって、日産リーフへの興味は高まりましたか？'; break;
			case 2: _question = 'この情報によって、電気自動車（EV）への興味は高まりましたか？'; break;
		}
		var _code = '';
		_code += '<div id="' + _modId + '" class="oneclickMod">';
		_code += '<div class="modInner">';
		_code += '<div class="modView01">';
		_code += '<dl class="modText">';
		_code += '<dt><img src="/TEMPLATE/IMAGES/SHARE/oneclick_txt_01.gif" alt="Question" width="12" height="12" /></dt>';
		_code += '<dd>' + _question + '</dd>';
		_code += '</dl>';
		_code += '<ul class="modBtn">';
		_code += '<li class="oneclickYes"><img src="/TEMPLATE/IMAGES/SHARE/oneclick_btn_01.gif" alt="はい" width="45" height="22" /></li>';
		_code += '<li class="oneclickNo"><img src="/TEMPLATE/IMAGES/SHARE/oneclick_btn_02.gif" alt="いいえ" width="45" height="22" /></li>';
		_code += '</ul>';
		_code += '<!-- /.modView01 --></div>';
		_code += '<!-- /.modInner --></div>';
		_code += '<!-- /.oneclickMod --></div>';
		document.write(_code);

		var $mod = $('#' + _modId);
		var $modInner = $mod.find('div.modInner');
		$mod.find('li.oneclickYes').click(function(e){ sendAnswer01('yes'); });
		$mod.find('li.oneclickNo').click(function(e){ sendAnswer01('no'); });


		/* Module View 02 */
		function sendAnswer01(_answer){
			$modInner.animate({ 'opacity' : 0 }, 250, function(){
				var _html = '<div class="modView02">';
				_html += '<p class="modText">ありがとうございます。その他ご意見がございましたらご自由に入力ください。</p>';
				_html += '<form method="GET" action="#"><div class="modInput"><textarea rows="2" cols="60" class="blurStyle">100文字以内でご入力ください。 ※このフォームはサイト内の情報やサイトの使い勝手についてご意見を頂くものの為、車や補助金などの質問についてはお客様相談室までお問い合わせください。</textarea><input type="image" src="/TEMPLATE/IMAGES/SHARE/oneclick_btn_03.gif" alt="送信" /></div></form>';
				_html += '<!-- /.modView02 --></div>';
				
				$modInner.html(_html);
				var $textarea = $mod.find('textarea');
				var _initText = $textarea.val();
				$textarea.focus(function(){
					$textarea.val("");
					$textarea.removeClass("blurStyle");
				});
				$mod.find('form').submit(function(e){
					if($textarea.val() != "" && $textarea.val() != _initText){
						sendAnswer02(_answer, $textarea.val());
					}
					e.preventDefault();
				});
				$modInner.animate({ 'opacity' : 1 }, 250);
			});
			$.ajax({
				type: 'GET',
				url: TNC.systemhost + '/prg/oneclick/oneclick.php',
				data: {
					url : encodeURIComponent(location.href),
					question : _questionNum,
					answer : _answer,
					url_id : _idnum,
					rnd : new Date().getTime()
				},
				dataType: 'script',
				success: function(data) {
					//alert(data);
				}
			});
		}
		
		/* Module View 03 */
		function sendAnswer02(_answer, _comment){
			$modInner.animate({ 'opacity' : 0 }, 250, function(){
				$modInner.html('<div class="modView03"><p class="modText">ありがとうございました</p></div>');
				$modInner.animate({ 'opacity' : 1 }, 250);
			});
			$.ajax({
				type: 'GET',
				url: TNC.systemhost + '/prg/oneclick/oneclick2.php',
				data: {
					url : encodeURIComponent(location.href),
					question : _questionNum,
					answer : _answer,
					text : encodeURIComponent(_comment),
					url_id : _idnum,
					rnd : new Date().getTime()
				},
				dataType: 'script',
				success: function(data) {
					//alert(data);
				}
			});
		}
		})($jq);
	}
})();


/* --------------------------------------------------
	Spotlight Word
-------------------------------------------------- */
TNC.spotlightWordMod = (function(){
	return function(_questionNum){
		(function($){

		var _code = '';
		_code += '<div id="spotlightWordMod">';
		_code += '<div class="modHead">';
		_code += '<h2><img src="/TEMPLATE/IMAGES/TNA/spotlightWord_title_01.gif" alt="注目キーワード" width="74" height="12"  /></h2>';
		_code += '<!-- /.modHead --></div>';
		_code += '<div class="modBody">';
		_code += '<ul class="tagCloud">';
		_code += '</ul>';
		_code += '<!-- /.modBody --></div>';
		_code += '<!-- /#spotlightWordMod --></div>';
		document.write(_code);

		$.ajax({
			type: 'GET',
			url: TNC.systemhost + '/jsonp/tag_cloud.js',
			data: {
				rnd : new Date().getTime()
			},
			dataType: 'script'
		});

		})($jq);
	}
})();
function spotlightWordCallback(json){
(function($){
	var $mod = $('#spotlightWordMod');
	var $modInner = $mod.find('ul.tagCloud');
	var _code = '';
	$.each(json.keywords, function(index, item){
		_code += '<li class="' + item.level+ '"><a href="' + item.href+ '">' + item.label+ '</a></li>';
	});
	$modInner.html(_code);
})($jq);
}


/*----------------------------------------
	Photo Layer
----------------------------------------*/
(function($){
$.fn.extend({
	photoBox : function() {
		var slideFlag = false;
		var submitTxt =  '<div id="cboxCapption"><ul class="symbolList"><li><span class="ico">※</span><span class="text">本サイトで使用しているクルマの画像と、実際の商品とは、仕様等において変更の可能性がある旨ご了承ください。</span></li></ul></div>';
		submitTxt +=  '<div id="cboxShareMod"><ul class="fix">';
		submitTxt +=  '<li><a href="#" class="shareText-Twitter onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_twitter.gif" alt="Twitter" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '<li><a href="#" class="shareText-Tumblr onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_tumblr.gif" alt="Tumblr" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '</ul></div>';

		var closeBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_close_btn_01.gif" width="13" height="13" alt="close" />';
		var previousBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_prev_btn_01.gif" width="40" height="15" alt="prev" />';
		var nextBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_next_btn_01.gif" width="39" height="15" alt="next" />';
		var slideshowStartBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_slideshow_btn_01.gif" width="122" height="15" alt="スライドショーを見る" />';
		var slideshowStopBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_slideshow_btn_02.gif" width="122" height="15" alt="スライドショーを中止" />';
		
		var setting = $.extend({
			colorboxID : 'colorbox',
			colorboxClass : 'photoLayerBox',
			options : {
				opacity : 0.7,
				innerWidth:576,
				innerHeight:405, 
				transition : 'none',
				rel:'photoLayer',
				current:'',
				caption:submitTxt,
				close:closeBtn,
				previous : previousBtn,
				next : nextBtn,
				onOpen : openFunc,
				onClosed : closedFunc
			}
		}, $.makeArray(arguments).shift());

		if(this.length > 1){
			setting.options.slideshow = true;
			setting.options.slideshowStart = slideshowStartBtn;
			setting.options.slideshowStop = slideshowStopBtn;
		}

		var colorbox = $('#' + setting.colorboxID);

		this.each(function(index, item){
			var _this = $(this);
			var photoId = _this.attr('id').replace(/^photo_/, '');
			setting.options.onComplete = function(){
				completeFunc(photoId);
			};
			_this.colorbox(setting.options);
		});

		function openFunc(){
			colorbox.addClass(setting.colorboxClass);
		}	
		function closedFunc(){
			colorbox.removeClass(setting.colorboxClass);
			slideFlag = false;
		}
		function completeFunc(_id){
			if(!slideFlag){
				$('#cboxSlideshow').click();
				slideFlag = true;
			}
			colorbox.find('.imgover').imgHover({ suffix : '_o' });

			var photoQuery = location.protocol + '//' + location.host + location.pathname + '?photo=' + _id;
			colorbox.find('a.shareText-Twitter').attr('vlpageid', 'photo-modTwitter').shareTwitter({ query : photoQuery });
			colorbox.find('a.shareText-Tumblr').attr('vlpageid', 'photo-modTumblr').shareTumblr({ locate : photoQuery });
			colorbox.find('a.onVL').setOnVL();
		}
		return this;
	},
	photoBoxTrigger : function() {
		var setting = $.extend({
			event : 'click'
		}, $.makeArray(arguments).shift());
		this.bind(setting.event, function(e){
			var $this = $(this);
			$($this.attr('href').match(/#.+$/)[0]).click();
			e.preventDefault();
		});

		return this;
	}
});


/* DomReady */
$(function(){	
	$('a.photoLayer').photoBox();
	$('a.photoTrigger').movieBoxTrigger();
	
	var hash = TNC.parseParam(location.search);
	if(hash.photo) {
		$('#photo_' + hash.photo).click();
	}
});
})($jq);


/*----------------------------------------
	Youtube Layer
----------------------------------------*/
(function($){
$.fn.extend({
	movieBox : function() {
		var submitTxt =  '<div id="cboxCapption"><ul class="symbolList"><li><span class="ico">※</span><span class="text">本サイトで使用しているクルマの画像と、実際の商品とは、仕様等において変更の可能性がある旨ご了承ください。</span></li></ul></div>';
		submitTxt +=  '<div id="cboxShareMod"><ul class="fix">';
		submitTxt +=  '<li><a href="#" class="shareText-Facebook onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_facebook.gif" alt="Facebook" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '<li><a href="#" class="shareText-Twitter onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_twitter.gif" alt="Twitter" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '<li><a href="#" class="shareText-Tumblr onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_tumblr.gif" alt="Tumblr" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '</ul></div>';
	
		var closeBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_close_btn_01.gif" width="13" height="13" alt="close" />';
		var previousBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_prev_btn_01.gif" width="40" height="15" alt="prev" />';
		var nextBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_next_btn_01.gif" width="39" height="15" alt="next" />';
		
		var setting = $.extend({
			colorboxID : 'colorbox',
			colorboxClass : 'movieLayerBox',
			options : {
				opacity : 0.7,
				iframe : true,
				innerWidth:576,
				innerHeight:375,
				transition : 'none',
				current:'',
				caption:submitTxt,
				close:closeBtn,
				previous : previousBtn,
				next : nextBtn,
				onOpen : openFunc,
				onClosed : closedFunc
			}
		}, $.makeArray(arguments).shift());

		var colorbox = $('#' + setting.colorboxID);

		this.each(function(index, item){
			var $this = $(this);
			var youtubeFlag = /^youtube_/.test($this.attr('id'));
			var movieId = $this.attr('id').replace(/^(movie_|youtube_)/, '');
			
			var $img = $this.find('img');
			if($img.length != 0){
				$this.append('<span class="overlayer"><img src="/TEMPLATE/IMAGES/SHARE/movie_bg_01.png" alt="" width="39" height="39" class="pngImg" /></span>');
				$('.overlayer', $this).width($img.width()).height($img.height());
				$('.pngImg', $this).pngFix({ 'blankgif' : '/TEMPLATE/IMAGES/blank.gif' });
				$('.pngImg', $this).css({ 'visibility' : 'visible' });
			}
	
			setting.options.href = this.href.replace(/\?.*$/, '') + '?autoplay=1&rel=0';
			setting.options.onComplete = function(){
				completeFunc(movieId, youtubeFlag);
			};
			$this.colorbox(setting.options);
		});

		function openFunc(){
			colorbox.addClass(setting.colorboxClass);
		}	
		function closedFunc(){
			colorbox.removeClass(setting.colorboxClass);
		}
		function completeFunc(_id, _flag){
			colorbox.find('.imgover').imgHover({ suffix : '_o' });

			var movieQuery = '';
			if(!_flag){
				movieQuery = location.protocol + '//' + location.host + location.pathname + '?movie=' + _id;
			} else {
				movieQuery = 'http://www.youtube.com/watch?v=' + _id;
			}
			
			
			colorbox.find('a.shareText-Twitter').attr('vlpageid', 'yt-modTwitter').shareTwitter({ query : movieQuery });
			colorbox.find('a.shareText-Facebook').attr('vlpageid', 'yt-modFacebook').shareFacebook({ locate : movieQuery });
			colorbox.find('a.shareText-Tumblr').attr('vlpageid', 'yt-modTumblr').shareTumblr({ locate : movieQuery });
			if(!_flag){
				colorbox.find('a.onVL').setOnVL();
				
			}
		}
		return this;
	},
	movieBoxNoBtn : function() {
		var submitTxt =  '<div id="cboxCapption"><ul class="symbolList"><li><span class="ico">※</span><span class="text">本サイトで使用しているクルマの画像と、実際の商品とは、仕様等において変更の可能性がある旨ご了承ください。</span></li></ul></div>';
		submitTxt +=  '<div id="cboxShareMod"><ul class="fix">';
		submitTxt +=  '<li><a href="#" class="shareText-Facebook onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_facebook.gif" alt="Facebook" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '<li><a href="#" class="shareText-Twitter onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_twitter.gif" alt="Twitter" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '<li><a href="#" class="shareText-Tumblr onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_tumblr.gif" alt="Tumblr" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '</ul></div>';
	
		var closeBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_close_btn_01.gif" width="13" height="13" alt="close" />';
		var previousBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_prev_btn_01.gif" width="40" height="15" alt="prev" />';
		var nextBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_next_btn_01.gif" width="39" height="15" alt="next" />';
		
		var setting = $.extend({
			colorboxID : 'colorbox',
			colorboxClass : 'movieLayerBox',
			options : {
				opacity : 0.7,
				iframe : true,
				innerWidth:576,
				innerHeight:375,
				transition : 'none',
				current:'',
				caption:submitTxt,
				close:closeBtn,
				previous : previousBtn,
				next : nextBtn,
				onOpen : openFunc,
				onClosed : closedFunc
			}
		}, $.makeArray(arguments).shift());

		var colorbox = $('#' + setting.colorboxID);

		this.each(function(index, item){
			var $this = $(this);
			var youtubeFlag = /^youtube_/.test($this.attr('id'));
			var movieId = $this.attr('id').replace(/^(movie_|youtube_)/, '');
			
			var $img = $this.find('img');
			if($img.length != 0){
				$('.overlayer', $this).width($img.width()).height($img.height());
				$('.pngImg', $this).pngFix({ 'blankgif' : '/TEMPLATE/IMAGES/blank.gif' });
				$('.pngImg', $this).css({ 'visibility' : 'visible' });
			}
	
			setting.options.href = this.href.replace(/\?.*$/, '') + '?autoplay=1&rel=0';
			setting.options.onComplete = function(){
				completeFunc(movieId, youtubeFlag);
			};
			$this.colorbox(setting.options);
		});

		function openFunc(){
			colorbox.addClass(setting.colorboxClass);
		}	
		function closedFunc(){
			colorbox.removeClass(setting.colorboxClass);
		}
		function completeFunc(_id, _flag){
			colorbox.find('.imgover').imgHover({ suffix : '_o' });

			var movieQuery = '';
			if(!_flag){
				movieQuery = location.protocol + '//' + location.host + location.pathname + '?movie=' + _id;
			} else {
				movieQuery = 'http://www.youtube.com/watch?v=' + _id;
			}
			
			
			colorbox.find('a.shareText-Twitter').attr('vlpageid', 'yt-modTwitter').shareTwitter({ query : movieQuery });
			colorbox.find('a.shareText-Facebook').attr('vlpageid', 'yt-modFacebook').shareFacebook({ locate : movieQuery });
			colorbox.find('a.shareText-Tumblr').attr('vlpageid', 'yt-modTumblr').shareTumblr({ locate : movieQuery });
			if(!_flag){
				colorbox.find('a.onVL').setOnVL();
				
			}
		}
		return this;
	},
	movieBoxNoBtnNoText : function() {
		var submitTxt =  '';
		submitTxt +=  '<div id="cboxShareMod"><ul class="fix">';
		submitTxt +=  '<li><a href="#" class="shareText-Facebook onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_facebook.gif" alt="Facebook" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '<li><a href="#" class="shareText-Twitter onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_twitter.gif" alt="Twitter" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '<li><a href="#" class="shareText-Tumblr onVL"><img src="/TEMPLATE/IMAGES/FOOTER/share_ico_tumblr.gif" alt="Tumblr" width="16" height="16" class="imgover" /></a></li>';
		submitTxt +=  '</ul></div>';
	
		var closeBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_close_btn_01.gif" width="13" height="13" alt="close" />';
		var previousBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_prev_btn_01.gif" width="40" height="15" alt="prev" />';
		var nextBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_next_btn_01.gif" width="39" height="15" alt="next" />';
		
		var setting = $.extend({
			colorboxID : 'colorbox',
			colorboxClass : 'movieLayerBox',
			options : {
				opacity : 0.7,
				iframe : true,
				innerWidth:576,
				innerHeight:375,
				transition : 'none',
				current:'',
				caption:submitTxt,
				close:closeBtn,
				previous : previousBtn,
				next : nextBtn,
				onOpen : openFunc,
				onClosed : closedFunc
			}
		}, $.makeArray(arguments).shift());

		var colorbox = $('#' + setting.colorboxID);

		this.each(function(index, item){
			var $this = $(this);
			var youtubeFlag = /^youtube_/.test($this.attr('id'));
			var movieId = $this.attr('id').replace(/^(movie_|youtube_)/, '');
			
			var $img = $this.find('img');
			if($img.length != 0){
				$('.overlayer', $this).width($img.width()).height($img.height());
				$('.pngImg', $this).pngFix({ 'blankgif' : '/TEMPLATE/IMAGES/blank.gif' });
				$('.pngImg', $this).css({ 'visibility' : 'visible' });
			}
	
			setting.options.href = this.href.replace(/\?.*$/, '') + '?autoplay=1&rel=0';
			setting.options.onComplete = function(){
				completeFunc(movieId, youtubeFlag);
			};
			$this.colorbox(setting.options);
		});

		function openFunc(){
			colorbox.addClass(setting.colorboxClass);
		}	
		function closedFunc(){
			colorbox.removeClass(setting.colorboxClass);
		}
		function completeFunc(_id, _flag){
			colorbox.find('.imgover').imgHover({ suffix : '_o' });

			var movieQuery = '';
			if(!_flag){
				movieQuery = location.protocol + '//' + location.host + location.pathname + '?movie=' + _id;
			} else {
				movieQuery = 'http://www.youtube.com/watch?v=' + _id;
			}
			
			
			colorbox.find('a.shareText-Twitter').attr('vlpageid', 'yt-modTwitter').shareTwitter({ query : movieQuery });
			colorbox.find('a.shareText-Facebook').attr('vlpageid', 'yt-modFacebook').shareFacebook({ locate : movieQuery });
			colorbox.find('a.shareText-Tumblr').attr('vlpageid', 'yt-modTumblr').shareTumblr({ locate : movieQuery });
			if(!_flag){
				colorbox.find('a.onVL').setOnVL();
			}
		}
		return this;
	},
	movieBoxTrigger : function() {
		var setting = $.extend({
			event : 'click'
		}, $.makeArray(arguments).shift());
		this.bind(setting.event, function(e){
			var $this = $(this);
			$($this.attr('href').match(/#.+$/)[0]).click();
			e.preventDefault();
		});

		return this;
	}
});

/* DomReady */
$(function(){
	$('a.movieLayer').movieBox();
	$('a.movieLayer02').movieBoxNoBtn();
	$('a.movieLayer03').movieBoxNoBtnNoText();
	$('a.movieTrigger').movieBoxTrigger();
	
	var hash = TNC.parseParam(location.search);
	if(hash.movie) {
		$('#movie_' + hash.movie).click();
	}
});
})($jq);


/*----------------------------------------
	Swf Layer
----------------------------------------*/
(function($){
$.fn.extend({
	swfBox : function() {
		var closeBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_close_btn_02.gif" width="52" height="12" alt="閉じる" class="imgover" />';

		
		var setting = $.extend({
			colorboxID : 'colorbox',
			colorboxClass : 'swfLayerBox',
			options : {
				opacity : 0.7,
				html : '<div id="layerSWF" />',
				innerWidth:900,
				innerHeight:500,
				transition : 'elastic',
				current:'',
				close:closeBtn,
				onOpen : openFunc,
				onClosed : closedFunc
			}
		}, $.makeArray(arguments).shift());

		var colorbox = $('#' + setting.colorboxID);

		this.click(function(e){
			colorbox.addClass(setting.colorboxClass);
			var _path = this.href;
			setting.options.onComplete = function(){
				completeFunc(_path);
			};
			$(this).colorbox(setting.options);
			e.preventDefault();
		});

		function openFunc(){
			//colorbox.addClass(setting.colorboxClass);
		}	
		function closedFunc(){
			colorbox.removeClass(setting.colorboxClass);
		}
		function completeFunc(_url){
			colorbox.find('.imgover').imgHover({ suffix : '_o' });
			swfobject.embedSWF(_url, 'layerSWF', '900', '500', '10', TNC.systemhost + '/TEMPLATE/SWF/expressInstall02.swf', {}, { allowscriptaccess:'always' }, { name : 'externalVisualObj' });
		}
		return this;
	},
	swfBoxTrigger : function() {
		var setting = $.extend({
			event : 'click'
		}, $.makeArray(arguments).shift());
		this.bind(setting.event, function(e){
			var $this = $(this);
			$($this.attr('href').match(/#.+$/)[0]).click();
			e.preventDefault();
		});

		return this;
	},
	swfBox02 : function() {
		var closeBtn = '<img src="/TEMPLATE/IMAGES/COLORBOX/cbox_close_btn_02.gif" width="52" height="12" alt="閉じる" class="imgover" />';

		
		var setting = $.extend({
			colorboxID : 'colorbox',
			colorboxClass : 'swfLayerBox',
			options : {
				opacity : 0.7,
				html : '<div id="layerSWF" />',
				innerWidth:480,
				innerHeight:400,
				transition : 'elastic',
				current:'',
				close:closeBtn,
				onOpen : openFunc,
				onClosed : closedFunc
			}
		}, $.makeArray(arguments).shift());

		var colorbox = $('#' + setting.colorboxID);

		this.click(function(e){
			colorbox.addClass(setting.colorboxClass);
			var _path = this.href;
			setting.options.onComplete = function(){
				completeFunc(_path);
			};
			$(this).colorbox(setting.options);
			e.preventDefault();
		});

		function openFunc(){
			//colorbox.addClass(setting.colorboxClass);
		}	
		function closedFunc(){
			colorbox.removeClass(setting.colorboxClass);
		}
		function completeFunc(_url){
			colorbox.find('.imgover').imgHover({ suffix : '_o' });
			swfobject.embedSWF(_url, 'layerSWF', '480', '400', '10', TNC.systemhost + '/TEMPLATE/SWF/expressInstall02.swf', {}, { allowscriptaccess:'always' }, { name : 'externalVisualObj' });
		}
		return this;
	},
	swfBoxTrigger : function() {
		var setting = $.extend({
			event : 'click'
		}, $.makeArray(arguments).shift());
		this.bind(setting.event, function(e){
			var $this = $(this);
			$($this.attr('href').match(/#.+$/)[0]).click();
			e.preventDefault();
		});

		return this;
	}
});

/* DomReady */
$(function(){
	$('a.swfLayer').swfBox();
	$('a.swfLayer02').swfBox02();
	$('a.swfTrigger').swfBoxTrigger();
});
})($jq);