/* Objects */

if(typeof Widget == 'undefined') Widget = new Object();
Widget.komblog = new Object();

Widget.komblog = {
	init: function() { //初期化
		
		//変数
		this.komWinOrigX = 65;
		this.komWinOrigY = 620;
		this.komWinOrigW = 85;
		this.komWinOrigH = 18;
		this.komBlogFlg = false;
		
		//バナー挿入
		j$('#header').append('<div id="komBLogBanner" style="cursor: pointer; position: absolute; top: 65px; left: 620px; width: 85px; height: 18px;"><p><img src="http://komposition.org/wp-content/themes/komposition_beta_R7/widget/komblog/img/komblog_b_07.gif" alt="KOM BLOG" /></p></div>');
		
		j$('#komBLogBanner').click(function(){
			Widget.komblog.open();	
		});
		
		j$('body').append('<div id="komBlogBg"><p id="komBlogClose" style="cursor: pointer; margin-left: 20px; margin-top: 2px;"><img style="margin-top:2px" src="http://komposition.org/wp-content/themes/komposition_beta_R7/img/KOM_WEB_close.gif" /> close</p></div>');
		j$('#komBlogBg').css({"position": "absolute" ,top: this.komWinOrigX, left: this.komWinOrigY, width: this.komWinOrigW, height: this.komWinOrigW, 'background-color': '#000000', opacity: 0, "z-index": 9000}).hide();

		j$('#komBlog').css({"position": "absolute" ,top: 20, left: 20, width: 0, height: 0, 'background-color': '#ffffff',opacity: 0, "z-index": 9001}).hide().html('<p>　</p>');

		j$('#komBlogBg').click(function(){
			Widget.komblog.close();
		});
		
		//ウィンドウリサイズ処理
		j$(window).resize(function(){
			Widget.komblog.resize();
		});
	},
	
	
	
	
	
	resizing: function() {		
		var _winWidth = komUI.bodyWidth();
		var _winHeight = komUI.bodyHeight();
		var _width = _winWidth - 40;
		var _height = _winHeight - 40;
		
		j$('#komBlogBg').css({width: _winWidth, height: _winHeight});
		j$('#komBlogFrame, #komBlogP, #komBlogIframe').css({width: _width, height: _height});
	},
	
	resize: function() {
		if(this.komBlogFlg){
			this.resizing();
			_this = this;
			setTimeout(function(){_this.resizing();}, 200);
		}
	},
	
	
	open: function() {
		
		komUI.colorTranceMotionObj.stop();
		
		_this = this;
		var _winWidth = komUI.bodyWidth();
		var _winHeight = komUI.bodyHeight();
		var _width = _winWidth - 40;
		var _height = _winHeight - 40;
		
		j$('#komBlogBg').animate({top: 0, left: 0, width: _winWidth, height: _winHeight, opacity: .8}, 500, function(){
		
			j$('#komBlog').html('<div id="komBlogFrame"><!-- <div id="komBlogClose" style="cursor: pointer; position: absolute; color: #000000; top: -10px; left: -10px; width: 30px; height: 30px; font-size: 30px;"><p><img src="http://komposition.org/wp-content/themes/komposition_beta_R7/widget/komblog/img/icon_close.gif" /></p></div>--><p id="komBlogP" style="width: 1000px; height: 400px;"><iframe id="komBlogIframe" src="http://blog.komposition.org" style="border-style: none; width: 1000px; height: 400px; background-color: #ffffff"><a href="http://blog.komposition.org">KOMPOSITION BLOG</a></iframe></p></div>').show().animate({opacity: 1}, 300);
			
			j$('#komBlogFrame, #komBlogP, #komBlogIframe').css({width: _width, height: _height});
			
			_this.komBlogFlg = true;
			
		});

	},
	
	close: function() {
		this.komBlogFlg = false;
		_this = this;
		j$('#komBlog').animate({opacity: 0}, 300, function(){
			j$(this).hide().html('<p>　</p>');
			j$('#komBlogBg').animate({top: _this.komWinOrigX, left: _this.komWinOrigY, width: _this.komWinOrigW, height: _this.komWinOrigH, opacity: 0}, 500, function(){
				j$(this).hide();	
			});
		});
		
		komUI.colorTranceMotionObj.start();
	}
}

if(typeof komUI == 'undefined') {
	j$(document).one("onKomUI", function(e){ Widget.komblog.init(); });
} else {
	Widget.komblog.init();
};