//-------------------------------------------
// File Name	: publishing.js
// Contents		: Publishing
//
// Copyright (c) 1998-2011 studio e-space Inc.
//-------------------------------------------

var MESSAGE = new Array();

//-------------------------------------------
// メッセージの登録
//-------------------------------------------

MESSAGE.book01 = '<p>例題50＋演習問題50でしっかり学ぶ<br />HTML5＋CSS標準テキス<br />(執筆)<br /><br />出版社: 技術評論社</p><p class="btn"><a href="http://www.amazon.co.jp/%E4%BE%8B%E9%A1%8C50%EF%BC%8B%E6%BC%94%E7%BF%92%E5%95%8F%E9%A1%8C50%E3%81%A7%E3%81%97%E3%81%A3%E3%81%8B%E3%82%8A%E5%AD%A6%E3%81%B6-HTML5%EF%BC%8BCSS%E6%A8%99%E6%BA%96%E3%83%86%E3%82%AD%E3%82%B9%E3%83%88-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA-%E3%82%A4%E3%83%BC%E3%83%BB%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4774144789/ref=sr_1_2?s=books&ie=UTF8&qid=1322743487&sr=1-2" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book02 = '<p>Photoshop レッスンブック<br />Photoshop CS5/CS4/CS3/CS2/CS/7対応<br />(執筆)<br /><br />出版社: ソシム</p><p class="btn"><a href="http://www.amazon.co.jp/Photoshop-%E3%83%AC%E3%83%83%E3%82%B9%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-Photoshop-CS5-CS4-CS3/dp/4883377172/ref=sr_1_2?s=books&ie=UTF8&qid=1322743458&sr=1-2" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book03 = '<p>Photoshop ＆ Illustrator<br />和風でおしゃれなデザイン帖<br />(共著)<br /><br />出版社: 毎日コミュニケーションズ</p><p class="btn"><a href="http://www.amazon.co.jp/Photoshop-%EF%BC%86-Illustrator-%E5%92%8C%E9%A2%A8%E3%81%A7%E3%81%8A%E3%81%97%E3%82%83%E3%82%8C%E3%81%AA%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E5%B8%96-%E3%82%A4%E3%83%B3%E3%82%AF%E3%83%9D%E3%83%83%E3%83%88/dp/4839933952/ref=sr_1_1?s=books&ie=UTF8&qid=1322743425&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book04 = '<p>Photoshop<br />ザ!質感!UP! Webデザイン速効技60<br />(執筆)<br /><br />出版社: インプレスジャパン</p><p class="btn"><a href="http://www.amazon.co.jp/Photoshop-%E3%82%B6-%E8%B3%AA%E6%84%9F-UP-Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E9%80%9F%E5%8A%B9%E6%8A%8060/dp/4844328336/ref=sr_1_1?s=books&ie=UTF8&qid=1322743405&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book05 = '<p>速習Webデザイン Dreamweaver CS4<br />(執筆)<br /><br />出版社: 技術評論社</p><p class="btn"><a href="http://www.amazon.co.jp/%E9%80%9F%E7%BF%92Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-Dreamweaver-%E9%80%9F%E7%BF%92%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA-%E3%82%A4%E3%83%BC%E3%83%BB%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4774141003" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book06 = '<p>Web制作新人育成ガイド<br />―読むだけで、Web制作業界の現場力が身につく!<br /> 1日でも早くプロになるためのStepUPブック<br />(装丁・デザイン・執筆)<br /><br />出版社: ソシム</p><p class="btn"><a href="http://www.amazon.co.jp/Web%E5%88%B6%E4%BD%9C%E6%96%B0%E4%BA%BA%E8%82%B2%E6%88%90%E3%82%AC%E3%82%A4%E3%83%89%E2%80%95%E8%AA%AD%E3%82%80%E3%81%A0%E3%81%91%E3%81%A7%E3%80%81Web%E5%88%B6%E4%BD%9C%E6%A5%AD%E7%95%8C%E3%81%AE%E7%8F%BE%E5%A0%B4%E5%8A%9B%E3%81%8C%E8%BA%AB%E3%81%AB%E3%81%A4%E3%81%8F-1%E6%97%A5%E3%81%A7%E3%82%82%E6%97%A9%E3%81%8F%E3%83%97%E3%83%AD%E3%81%AB%E3%81%AA%E3%82%8B%E3%81%9F%E3%82%81%E3%81%AEStepUP%E3%83%96%E3%83%83%E3%82%AF-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA%E3%82%A4%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4883376591/ref=sr_1_1?s=books&ie=UTF8&qid=1322742783&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book07 = '<p>できるクリエイター逆引きリファレンス<br />Photoshop デザイン事典 クリエイターの困ったに答える本 CS4/CS3/CS2/CS/7 対応<br />(できるクリエイターシリーズ)(執筆)<br /><br />出版社: 株式会社インプレスジャパン</p><p class="btn"><a href="http://www.amazon.co.jp/%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC%E9%80%86%E5%BC%95%E3%81%8D%E3%83%AA%E3%83%95%E3%82%A1%E3%83%AC%E3%83%B3%E3%82%B9-Photoshop-%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E4%BA%8B%E5%85%B8-%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC%E3%81%AE%E5%9B%B0%E3%81%A3%E3%81%9F%E3%81%AB%E7%AD%94%E3%81%88%E3%82%8B%E6%9C%AC-%E3%81%A7%E3%81%8D%E3%82%8B%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA/dp/4844326821/ref=sr_1_1?ie=UTF8&qid=1322741806&sr=8-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book08 = '<p>Webデザイン<br />HTML&Dreamweaver<br />(デジハリデザインスクールシリーズ)<br />(執筆)<br /><br />出版社: デジタルハリウッド</p><p class="btn"><a href="http://www.amazon.co.jp/Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-HTML-Dreamweaver-%E3%83%87%E3%82%B8%E3%83%8F%E3%83%AA%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%AF%E3%83%BC%E3%83%AB%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%8F%E3%83%AA%E3%82%A6%E3%83%83%E3%83%89/dp/4774134198" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book09 = '<p>Webデザイン　FLASH<br />(デジハリデザインスクールシリーズ)<br />(執筆)<br /><br />出版社: デジタルハリウッド</p><p class="btn"><a href="http://www.amazon.co.jp/Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3-FLASH-%E3%83%87%E3%82%B8%E3%83%8F%E3%83%AA%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%AF%E3%83%BC%E3%83%AB%E3%82%B7%E3%83%AA%E3%83%BC%E3%82%BA-%E3%83%87%E3%82%B8%E3%82%BF%E3%83%AB%E3%83%8F%E3%83%AA%E3%82%A6%E3%83%83%E3%83%89/dp/4774134848" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book10 = '<p>Illustrator<br />プロフェッショナルデザインブック<br />(装丁・デザイン・執筆)<br /><br />出版社: 株式会社ソシム</p><p class="btn"><a href="http://www.amazon.co.jp/Illustrator%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF%E2%80%95CS%E3%83%BBCS2%E3%83%BBCS3%E5%AF%BE%E5%BF%9C-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA%E3%82%A4%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4883375919/ref=sr_1_fkmr0_2?s=books&ie=UTF8&qid=1322742669&sr=1-2-fkmr0" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book11 = '<p>Photoshop<br />プロフェッショナルデザインブック<br />(装丁・デザイン・執筆)<br /><br />出版社: 株式会社ソシム</p><p class="btn"><a href="http://www.amazon.co.jp/Photoshop%E3%83%97%E3%83%AD%E3%83%95%E3%82%A7%E3%83%83%E3%82%B7%E3%83%A7%E3%83%8A%E3%83%AB%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF%E2%80%95CS%E3%83%BBCS2%E3%83%BBCS3%E5%AF%BE%E5%BF%9C-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA%E3%82%A4%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4883375927/ref=sr_1_fkmr0_1?s=books&ie=UTF8&qid=1322742669&sr=1-1-fkmr0" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book12 = '<p>XHTML+CSS<br />Webコンテンツデザインガイド<br />(装丁・デザイン・執筆)<br /><br />出版社: 株式会社ソーテック社</p><p class="btn"><a href="http://www.amazon.co.jp/XHTML-CSS-Web%E3%82%B3%E3%83%B3%E3%83%86%E3%83%B3%E3%83%84%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%82%AC%E3%82%A4%E3%83%89-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA%E3%82%A4%E3%83%BC%E3%83%BB%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4881665723/ref=sr_1_1?s=books&ie=UTF8&qid=1322743117&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book13 = '<p>Photoshopデザインブック<br />CS・CS2対応<br />(装丁・デザイン・執筆)<br /><br />出版社: 株式会社ソシム</p><p class="btn"><a href="http://www.amazon.co.jp/Photoshop%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-CS%E3%83%BBCS2%E5%AF%BE%E5%BF%9C-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA%E3%82%A4%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4883375277/ref=sr_1_1?s=books&ie=UTF8&qid=1322743210&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book14 = '<p>Illustratorデザインブック<br />CS・CS2対応<br />(装丁・デザイン・執筆)<br /><br />出版社: 株式会社ソシム</p><p class="btn"><a href="http://www.amazon.co.jp/Illustrator%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-CS%E3%83%BBCS2%E5%AF%BE%E5%BF%9C-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA%E3%82%A4%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4883375269/ref=sr_1_1?s=books&ie=UTF8&qid=1322743231&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book15 = '<p>HTML+スタイルシート<br />Webデザインブック<br />(装丁・デザイン・執筆)<br /><br />出版社: 株式会社ソーテック社</p><p class="btn"><a href="http://www.amazon.co.jp/HTML-%E3%82%B9%E3%82%BF%E3%82%A4%E3%83%AB%E3%82%B7%E3%83%BC%E3%83%88-Web%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%83%96%E3%83%83%E3%82%AF-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA-%E3%82%A4%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4881665200/ref=sr_1_1?s=books&ie=UTF8&qid=1322743147&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book16 = '<p>Photoshop10分間和風デザイン<br />素早く10分で完成!<br />(執筆)<br /><br />出版社:<br />株式会社エムディエヌコーポレーション</p><p class="btn"><a href="http://www.amazon.co.jp/Photoshop10%E5%88%86%E9%96%93%E5%92%8C%E9%A2%A8%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E2%80%95%E7%B4%A0%E6%97%A9%E3%81%8F10%E5%88%86%E3%81%A7%E5%AE%8C%E6%88%90-MdN-BOOKS-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA%E3%82%A4%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4844356909/ref=sr_1_1?s=books&ie=UTF8&qid=1322743271&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MESSAGE.book17 = '<p>ILLUSTRATOR<br />WEB DESIGN BOOK<br />(執筆)<br /><br />出版社: 株式会社翔泳社</p><p class="btn"><a href="http://www.amazon.co.jp/ILLUSTRATOR-WEB-DESIGN-BOOK-%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA%E3%82%A4%E3%83%BC%E3%82%B9%E3%83%9A%E3%83%BC%E3%82%B9/dp/4798101699/ref=sr_1_1?s=books&ie=UTF8&qid=1322743293&sr=1-1" target="_blank"/></a><br /><a href="#" class="win_close"></a></p>';

MOVE_X		= 0;
GOAL		= 1596;
START_PX	= 1700;
END_PX		= 2100;
BOOKS			= 17;
BOOKS_POSITION	= 'off';
SCROLL_BEFORE	= 0;

function roomSetting(){
	
	//var window_W	= $(window).width();
	var client_X		= $(window).width();
	
	var target_X = parseInt(GOAL - (client_X/2));
	
	//1px辺りの移動量を求める
	MOVE_X = (target_X)/(END_PX - START_PX);
}

function roomMoving(scroll_px){

	//スクロール量を取得
	var scroll_size = scroll_px - START_PX;
	
	//クライアントの表示領域
	var client_X = $(window).width();
	
	//現在の背景のポジションを取得
	if( ($("#room").css("background-position")).length > 0 ){
		var temp = ($("#room").css("background-position")).split("px");
	}
	
	//移動後の移動量を計算
	var position_x = scroll_size * MOVE_X;
	
	//移動を実行
	if( GOAL > Math.abs(temp[0]) ){
		
		$("#room").css("background-position", -(position_x) + 'px 0px');
	}
	
	if( scroll_px > END_PX ){
		
		target = GOAL - (client_X/2);
		
		$("#room").css("background-position", -(target) + "px 0px");
	}
}


function publish_avator(i){
	
	switch(i){
		case 0:
			
			$("#publish_avator").css("background-position","-2px -301px");
			break;

		case 1:

			$("#publish_avator").css("background-position","-318px -301px");
			break;

		case 2:

			$("#publish_avator").css("background-position","-397px -301px");
			break;
	}
}

function bookOffPosition(){
	
	for(var i=1; i<=BOOKS; i++){
		
		if( i < 10 ){
			book_id = 'book0' + i;
		}else{
			book_id = 'book' + i;
		}
		
		if( $("#" + book_id).css("display") == "block"){
			$("#" + book_id).css("display", "none");
		}
	}
	
	if($("#fukidashi").css("display") == 'block'){
		$("#fukidashi").css("display","none");
	}
	
	if($("#fukidashi02").css("display") == 'block'){
		$("#fukidashi02").css("display","none");
	}
	
	if($("#fukidashi03").css("display") == 'block'){
		$("#fukidashi03").css("display","none");
	}
}

function bookOnPosition(){
	
	//初期化
	var room_position	= $("#room").css("background-position");
	var book_id			= null;
	var position_left	= 0;
	var x_position		= 0;
	
	
	//部屋の背景ポジションを取得
	if( ($("#room").css("background-position")).length > 0 ){
		var temp = room_position.split('px');
	}else{
		var temp = [0];
	}

	var client_X = $(window).width();
	
	var target_X = -(parseInt(GOAL - (client_X/2)));

	if( temp[0] == target_X ){
		
		for(var i=1; i<=BOOKS; i++){
		
			if( i < 10 ){
				book_id = 'book0' + i;
			}else{
				book_id = 'book' + i;
			}
			
			if($("#" + book_id).css("display") == "none"){
				$("#" + book_id).css("display","block");
			}
		}
	}
}


function publishEventSet(){
	
	//吹き出し（左右向き）のwidthとheight
	var fukidashi_W = 297;
	var fukidashi_H = 257;
	
	//吹き出し（上向き）のwidthとheight
	var T_fukidashi_W = 258;
	var T_fukidashi_H = 297;

	for(var i=1; i<= BOOKS; i++){
		if(i < 10){
			var number = '0'+i;
		}else{
			var number = i;
		}
		
		

		$("#book"+number).click(function(e){

			var img_src = null;
			var start_y = 0;
			
			//クリックされた座標をとる
			var click_x = e.pageX;
			var click_y = e.pageY;
			
			//少し大きめにとる
			fukidashi_width = parseInt(fukidashi_W);
			fukidashi_height = parseInt(fukidashi_W);
			
			// コンテンツ「Publishing」までの長さを取得
			var start_y = 2190;

			var win_w		= $(window).width();
			var content_y	= parseInt($("#publishing").css("height"));
			
			top_y = parseInt((click_y - start_y) - (fukidashi_height/2) + 20);
			
			//既に吹き出しが出ていたら非表示に設定
			if( $("#fukidashi").css("display") == 'block'){
				
				$("#fukidashi").css("display",'none');
			}
			
			if( $("#fukidashi02").css("display") == 'block'){
				
				$("#fukidashi02").css("display",'none');
			}
			
			if( $("#fukidashi03").css("display") == 'block'){
				
				$("#fukidashi03").css("display",'none');
			}	
			
			
			// 噴出しの出す左右向きを判定
			// 噴出しのサイズ - （ウインドウの横サイズ + クリックしたx座標）
			if( fukidashi_width <= (win_w - click_x) && (click_y + (fukidashi_H/2)) < (content_y + start_y) ){
				
				
				
				//吹き出しを表示
				if( $("#fukidashi").css("display") == 'none'){
					
					$("#fukidashi").fadeIn("slow");
				}
				
				//既存の要素を削除
				$("#fukidashi p").remove();
				
				//メッセージを挿入
				$("#fukidashi").append(MESSAGE[($(this).attr("id"))]);

				//表示位置を設定
				$("#fukidashi").css("left", click_x + "px");
				$("#fukidashi").css("top",(top_y + "px"));
			}else if(fukidashi_width >= (win_w - click_x) && (click_y + (fukidashi_H/2)) < (content_y + start_y)){

				//吹き出しを表示
				if( $("#fukidashi02").css("display") == 'none' ){
					 $("#fukidashi02").fadeIn("slow");
				}

				//既存の要素を削除
				$("#fukidashi02 p").remove();

				//メッセージを挿入
				$("#fukidashi02").append(MESSAGE[($(this).attr("id"))]);
				
				//表示位置を設定
				$("#fukidashi02").css("left", (click_x - fukidashi_W) + "px");
				$("#fukidashi02").css("top", top_y + "px");
			}
			
			if( (click_y + (fukidashi_H/2)) > (content_y + start_y) ){
				
				//既に吹き出しが出ていたら非表示に設定
				if( $("#fukidashi").css("display") == 'block'){
					
					$("#fukidashi").css("display",'none');
				}
				
				if( $("#fukidashi02").css("display") == 'block'){
					
					$("#fukidashi02").css("display",'none');
				}

				//吹き出しを表示
				if( $("#fukidashi03").css("display") == 'none'){
					
					$("#fukidashi03").fadeIn("slow");
				}
				
				//既存の要素を削除
				$("#fukidashi03 p").remove();
				
				//メッセージを挿入
				$("#fukidashi03").append(MESSAGE[($(this).attr("id"))]);
				
				//表示位置を設定
				$("#fukidashi03").css("left", (click_x - (T_fukidashi_W/2)) + "px");
				$("#fukidashi03").css("top", ((click_y - start_y)-T_fukidashi_H) + "px");
			}
			
			return false;
		});
	}
}