//		Import
document.write('<script type="text/javascript" src="http://www.mascaramagazine.com/blogtool/nishinokana/js/JavaScriptFlashGateway.js"></script>');
document.write('<script type="text/javascript" src="http://www.mascaramagazine.com/blogtool/nishinokana/js/swfobject.js"></script>');
//	--------------------------------------------------------------------------------------//
//		INIT
//	--------------------------------------------------------------------------------------//
function pasteNishinoKanaPlayer(_id){
	var contentsRoot = 'http://www.mascaramagazine.com/blogtool/nishinokana/';
	//	--------------------------------------------------------------------------------------//
	//		* Setup
	//	--------------------------------------------------------------------------------------//
	var projectName = 'mascaramagaznine';
	//	--------------------------------------------------------------------------------------//
	//		Options
	//	--------------------------------------------------------------------------------------//
	//	Global options
	var bHideScrollBar = true;
	var bHideScrollBar_excludeFirefox = false;

	//	Blogparts options
	var blogpartsName = 'player';
	var bSingleSWF = true;
	var bTransparentBlogparts = false;
	var blogpartsBackgroundColor = '#fee827';

	//	Fullscreen options
	var fullscreenSWFName = 'fullscreen';
	var fullscreenContainerDepth = '10001';
	//	--------------------------------------------------------------------------------------//
	//		UNIQUE
	//	--------------------------------------------------------------------------------------//
	var uniqe = new Date().getTime();

	this[projectName + '_' + _id] = new Object();
	var myProject_Object = this[projectName + '_' + _id];
	myProject_Object.objectName = projectName + '_' + _id;

	myProject_Object.contentsRoot = contentsRoot;
	myProject_Object.bHideScrollBar = bHideScrollBar;
	myProject_Object.bHideScrollBar_excludeFirefox = bHideScrollBar_excludeFirefox;
	myProject_Object.blogpartsBackgroundColor = blogpartsBackgroundColor;
	myProject_Object.bTransparent = bTransparentBlogparts;
	myProject_Object.bSingleSWF = bSingleSWF;
	myProject_Object.fullscreenContainerDepth = fullscreenContainerDepth;
	//	--------------------------------------------------------------------------------------//
	//		PROXY
	//	--------------------------------------------------------------------------------------//	
	//	Project name
	myProject_Object.projectName = projectName;

	//	BlogParts swf name
	myProject_Object.blogpartsName = blogpartsName;
	
	//	Blogparts id
	myProject_Object.blogpartsID = 'nishinoKanaPlayer_' + _id;
	var blogpartsContianer = document.getElementById( myProject_Object.blogpartsID );
	blogpartsContianer.style.width = 339 + "px";
	blogpartsContianer.style.height = 356 + "px";

	//	Blogparts name full (blogparts_suffix.swf)
	myProject_Object.blogpartsNameFull = myProject_Object.blogpartsName + '.swf';
	//	Blogparts unique
	myProject_Object.blogpartsUnique = myProject_Object.blogpartsName + '_' + _id + '_' + uniqe;
	//	Blogparts proxy
	myProject_Object.pxyBlogparts = new FlashProxy(myProject_Object.blogpartsUnique, myProject_Object.contentsRoot + 'swf/JavaScriptFlashGateway.swf');

	//	Fullscreen name
	myProject_Object.fullscreenName = 'fullscreen';
	//	Fullscreen id
	myProject_Object.fullscreenID = myProject_Object.projectName + '_' + myProject_Object.fullscreenName;
	//	Fullscreen name full (fullscreen.swf)
	myProject_Object.fullscreenNameFull = fullscreenSWFName + '.swf';
	//	Fullscreen unique
	myProject_Object.fullscreenUnique = myProject_Object.fullscreenName + '_' + uniqe;
	//	Fullscreen proxy
	myProject_Object.pxyFullscreen = new FlashProxy(myProject_Object.fullscreenUnique, myProject_Object.contentsRoot + 'swf/JavaScriptFlashGateway.swf');

	myProject_Object.otherSwfContainerList = new Array();
	myProject_Object.bNotResize = false;
	myProject_Object.id = _id;
	myProject_Object.movieWidth = 339;
	myProject_Object.movieHeight = 356;
	myProject_Object.bIE = /*@cc_on!@*/ false;
	myProject_Object.ua = navigator.userAgent;
	myProject_Object.bSafari = (myProject_Object.ua.indexOf('Safari') != -1);
	if (myProject_Object.ua.indexOf('Windows') > -1) {
		myProject_Object.bWin = true;
	}
	if (myProject_Object.ua.match(/Gecko/)) {
		if (myProject_Object.ua.match(/(Firebird|Firefox)\/([\.\d]+)/)) {
			myProject_Object.bFoxy = true;
		}
	}
	if (window.opera) {
		myProject_Object.bOpera = true;
	}
	if (myProject_Object.bIE && typeof document.body.style.maxHeight != 'undefined') {
		myProject_Object.bIE7 = true;
	}
	myProject_Object.body = document['CSS1Compat' == document.compatMode ? 'documentElement' : 'body'];
	//	--------------------------------------------------------------------------------------//
	//		ATTACH BLOG PARTS
	//	--------------------------------------------------------------------------------------//
	myProject_Object.attachBlogparts = function() {
		this.bBlogpartsAppended = true;
		var htmlBuffer = this.blogpartsID;
		var so = new SWFObject(this.contentsRoot + 'swf/' + this.blogpartsNameFull, this.blogpartsID, this.movieWidth, this.movieHeight, '8', this.blogpartsBackgroundColor);
		so.addParam('allowScriptAccess', 'always');
		so.addVariable('lcId', this.blogpartsUnique);
		so.addVariable('objectName', this.objectName);
		so.addVariable('jsFullScreenOpenFunctionName', 'f2jsOpenFullscreen');
		so.addVariable('ID', this.id);
		if (this.bTransparent) {
			so.addParam('wmode', 'transparent');
		}
		so.addParam('menu', 'false');
		so.write(htmlBuffer);
	}
	//	--------------------------------------------------------------------------------------//
	//		ATTACH FULLSCREEN
	//	--------------------------------------------------------------------------------------//
	myProject_Object.attachFullscreen = function(){
		var fullscreenContainer = document.createElement('div');
		fullscreenContainer.setAttribute('id', this.projectName + '_fullscreen');
		fullscreenContainer.style.zIndex = this.fullscreenContainerDepth;
		fullscreenContainer.style.position = 'absolute';
		fullscreenContainer.style.width = this.getWidth() + 'px';
		fullscreenContainer.style.height = this.getHeight() + 'px';
		document.body.appendChild(fullscreenContainer);
		var soMain = new SWFObject(this.contentsRoot + 'swf/' + this.fullscreenNameFull, this.fullscreenName, '100%', '100%', '8', '#000000');
		soMain.addParam('allowScriptAccess', 'always');
		soMain.addParam('wmode', 'transparent');
		soMain.addParam('menu', 'false');
		soMain.addVariable('ID', this.id);
		soMain.addVariable('lcId', myProject_Object.fullscreenUnique);
		soMain.addVariable('objectName', myProject_Object.objectName);
		soMain.addVariable('jsFullScreenCloseFunctionName', 'f2jsCloseFullscreen');


		fullscreenContainer.innerHTML = soMain.getSWFHTML();
		this.replaceResize();
		if (window.addEventListener) {
			window.addEventListener('resize', this.replaceResize, false);
			window.addEventListener('scroll', this.replaceResize, false);
		}
		if (window.attachEvent) {
			window.attachEvent('onresize', this.replaceResize);
			window.attachEvent('onscroll', this.replaceResize);
		}
	}
	//	--------------------------------------------------------------------------------------//
	//		REMOVE BLOGPARTS
	//	--------------------------------------------------------------------------------------//
	myProject_Object.removeBlogparts = function(){
		var blogpartsContainer = document.getElementById( this.blogpartsID );
		if( blogpartsContainer.parentNode.id == this.blogpartsID )
			blogpartsContainer = blogpartsContainer.parentNode;
		while ( blogpartsContainer.firstChild ) {
			blogpartsContainer.removeChild( blogpartsContainer.firstChild );
		}
	}
	//	--------------------------------------------------------------------------------------//
	//		REMOVE FULLSCREEN
	//	--------------------------------------------------------------------------------------//
	myProject_Object.removeFullscreen = function(){
		var fullscreenContainer = document.getElementById(this.projectName + '_fullscreen');
		while (fullscreenContainer.firstChild) {
			fullscreenContainer.removeChild(fullscreenContainer.firstChild);
		}
		document.body.removeChild(fullscreenContainer);
	}
	//	--------------------------------------------------------------------------------------//
	//		IN/VISIBLE OTHER OBJECT
	//	--------------------------------------------------------------------------------------//
	myProject_Object.hideOther = function(){
		this.hideOtherObject(document.getElementsByTagName('object'));
		this.hideOtherObject(document.getElementsByTagName('embed'));
		this.hideOtherObject(document.getElementsByTagName('select'));
		this.hideOtherObject(document.getElementsByTagName('iframe'));
	}
	//	--------------------------------------------------------------------------------------//
	//		INVISIBLE OTHER OBJECT
	//	--------------------------------------------------------------------------------------//
	myProject_Object.hideOtherObject = function(_arg){
		var tmpList = _arg.length;
		for (var i = 0; i < tmpList; i++) {
			if (_arg[i].style.visibility != 'hidden') {
				myProject_Object.otherSwfContainerList.push(_arg[i]);
				_arg[i].style.visibility = 'hidden';

			}
		}
	}
	//	--------------------------------------------------------------------------------------//
	//		INVISIBLE OTHER OBJECT
	//	--------------------------------------------------------------------------------------//
	myProject_Object.respawnOtherObject = function(){
		for (var i = 0; i < myProject_Object.otherSwfContainerList.length; i++) {
			myProject_Object.otherSwfContainerList[i].style.visibility = 'visible';
		}
	}
	//	--------------------------------------------------------------------------------------//
	//		blogparts.swf -> JS	( fullscreen.swf Open )
	//	--------------------------------------------------------------------------------------//
	myProject_Object.f2jsOpenFullscreen = function(){
//		alert( "here" );
		if (myProject_Object.bHideScrollBar) {
			if (!myProject_Object.bHideScrollBar_excludeFirefox || !myProject_Object.bFoxy) {
				myProject_Object.orginalOverHidden = myProject_Object.body.style.overflow;
				myProject_Object.body.style.overflow = 'hidden';
			}
		}
		myProject_Object.hideOther();
		myProject_Object.attachFullscreen();

		document.getElementById( myProject_Object.blogpartsID ).style.visibility = 'hidden';
	}

	//	--------------------------------------------------------------------------------------//
	//		JS -> fullscreen.swf	( readyForClose )
	//	--------------------------------------------------------------------------------------//
	myProject_Object.closeFullscreen = function() {
		myProject_Object.pxyFullscreen.call( 'funcJStoSWFforEnd' );
	}
//	--------------------------------------------------------------------------------------//
	//		blogparts.swf -> JS	(scroll)
	//	--------------------------------------------------------------------------------------//
	myProject_Object.f2jsScroll = function(){
		if( !myProject_Object.ua.match( /.*Firefox\/2.*/ ) )
			myProject_Object.scroll( getY( document.getElementsByTagName( "body" )[ 0 ] ), 1500 );
	}
	//	--------------------------------------------------------------------------------------//
	//		fullscreen.swf -> JS	(Close)
	//	--------------------------------------------------------------------------------------//
	myProject_Object.f2jsCloseFullscreen = function(){
		if (myProject_Object.bHideScrollBar) {
			if (!myProject_Object.bHideScrollBar_excludeFirefox || !myProject_Object.bFoxy) {
				myProject_Object.body.style.overflow = myProject_Object.orginalOverHidden;
			}
		}

		myProject_Object.respawnOtherObject();
		myProject_Object.removeFullscreen();
		myProject_Object.removeBlogparts();
		document.getElementById(myProject_Object.blogpartsID).style.visibility = 'visible';
		myProject_Object.attachBlogparts();

		if (window.addEventListener) {
			window.removeEventListener('resize', myProject_Object.replaceResize, false);
			window.removeEventListener('resize', myProject_Object.replaceResize, false);
		} else if (window.attachEvent) {
			window.detachEvent('onresize', myProject_Object.replaceResize);
			window.detachEvent('onscroll', myProject_Object.replaceResize);
		}


		if(!myProject_Object.bBlogpartsAppended){
			myProject_Object.attachBlogparts();
		}

	}
	//	--------------------------------------------------------------------------------------//
	//		GET SCROLL X
	//	--------------------------------------------------------------------------------------//
	myProject_Object.getScrollX = function(){
		var returnVal;
		if (this.bOpera) {
			returnVal = window.pageXOffset;
		}
		else
			if (document.all && document.getElementById && (document.compatMode == 'CSS1Compat')) {
				returnVal = document.documentElement.scrollLeft;
			}
			else
				if (document.all) {
					returnVal = document.body.scrollLeft;
				}
				else
					if (!document.all && (document.layers || document.getElementById)) {
						returnVal = window.pageXOffset;
					}
		return returnVal;
	}
	//	--------------------------------------------------------------------------------------//
	//		GET SCROLL Y
	//	--------------------------------------------------------------------------------------//
	myProject_Object.getScrollY = function(){
		var returnVal;
		if (this.bOpera) {
			returnVal = window.pageYOffset;
		}
		else
			if (document.all && document.getElementById && (document.compatMode == 'CSS1Compat')) {
				returnVal = document.documentElement.scrollTop;
			}
			else
				if (document.all) {
					returnVal = document.body.scrollTop;
				}
				else
					if (!document.all && (document.layers || document.getElementById)) {
						returnVal = window.pageYOffset;
					}
		return returnVal;
	}
	//	--------------------------------------------------------------------------------------//
	//		GET WIDTH
	//	--------------------------------------------------------------------------------------//
	myProject_Object.getWidth = function(){
		var returnVal;
		if (this.bOpera) {
			returnVal = document.body.clientWidth;
		}
		else
			if (this.bSafari) {
				returnVal = document.body.clientWidth;
			}
			else
				if (document.all && document.getElementById && (document.compatMode == 'CSS1Compat')) {
					returnVal = document.documentElement.clientWidth;
				}
				else
					if (document.all) {
						returnVal = document.body.clientWidth;
					}
					else
						if (!document.all && (document.layers || document.getElementById)) {
							//	後で検証
							//	Foxy用分岐は必要か?
							returnVal = document.body.clientWidth;
						}
		return returnVal;
	}
	//	--------------------------------------------------------------------------------------//
	//		GET HEIGHT
	//	--------------------------------------------------------------------------------------//
	myProject_Object.getHeight = function(){
		var returnVal;
		if (this.bOpera) {
			returnVal = document.body.clientHeight;
		}
		else
			if (document.all && document.getElementById && (document.compatMode == 'CSS1Compat')) {
				returnVal = document.documentElement.clientHeight;
			}
			else
				if (document.all) {
					returnVal = document.body.clientHeight;
				}
				else
					if (!document.all && (document.layers || document.getElementById)) {
						returnVal = window.innerHeight;
					}
		return returnVal;
	}
	//	--------------------------------------------------------------------------------------//
	//		RESIZE REPLACE
	//	--------------------------------------------------------------------------------------//
	myProject_Object.replaceResize = function(){
		var fullscreenContainer = document.getElementById(myProject_Object.projectName + '_fullscreen');
		//		if(fullscreenContainer && !this.bNotResize){
		if (fullscreenContainer) {
			fullscreenContainer.style.top = myProject_Object.getScrollY() + 'px';
			fullscreenContainer.style.left = myProject_Object.getScrollX() + 'px';
			fullscreenContainer.style.width = myProject_Object.getWidth() + 'px';
			fullscreenContainer.style.height = myProject_Object.getHeight() + 'px';
		}
	}
	//	--------------------------------------------------------------------------------------//
	//		START
	//	--------------------------------------------------------------------------------------//
	myProject_Object.attachBlogparts();


	myProject_Object.scroll = function( to, duration, callback ) {
		duration = !duration ? 800 : duration;

		var startTime;
		var isIE = /*@cc_on!@*/ false;
		var distance;
		var currentScroll;

		var p = {};
		p.init = function()
		{
			startTime = ( new Date ).valueOf();

			var returnVal;
			if ( window.opera ) {
				from = window.pageYOffset;
			}
			else
				if (document.all && document.getElementById && (document.compatMode == 'CSS1Compat')) {
					from = document.documentElement.scrollTop;
				}
				else
					if (document.all) {
						from = document.body.scrollTop;
					}
					else
						if (!document.all && (document.layers || document.getElementById)) {
							from = window.pageYOffset;
						}

			distance = to - from;
			p.execute();
		};
		p.execute = function()
		{
			var t = p.easeOut( Math.min( 1, ( new Date - startTime )/ duration ) );
			currentScroll = from + distance * t;
			window.scrollTo( 0, currentScroll );

			if(t < 1) {
				window.setTimeout( function(){ p.execute(); }, 10);
			} else {
				if( callback )
					callback();
			}
		};
		p.easeOut = function( t )
		{
			t = -(t-1)*(t-1) + 1;
			return t;
		};
		p.init();
	};

	function getY( e ) {
		var y= 0;
		while( e ) {
			y += e.offsetTop;
			e = e.offsetParent;
		}
		return y;
	};

}