/*--- マウスオーバーで画像切り替え ---------------------------------------------------------*/
jQuery.fn.rollover = function(settings){
	settings = jQuery.extend({
		suffix: "_on"	//画像ファイル名につける接尾語の初期設定値
	}, settings);
	return this.each(function(){
		var default_img = $(this).attr("src");
		if (!default_img.match((settings.suffix))) {
			var point = default_img.lastIndexOf(".");
			var mouseover_img = default_img.slice(0, point) + settings.suffix + default_img.slice(point);
			var preload_img = new Image();
			preload_img.src = mouseover_img;
			$(this).hover(
				function(){
					$(this).attr("src", mouseover_img);
				},
				function(){
					$(this).attr("src", default_img);
				}
			);
		};
	});
};



$(document).ready(function(){
	//マウスオーバーで画像を切り替える関数の呼び出し
	//接尾語は "_on" になっている
	$('.ro').rollover();

	//ブロック要素をリンクにする
	$(".BlockLink > a").each(function(){
		var Href = $(this).attr('href');
		$(this).parent().click(function() {
			window.open(Href,'_self');
			return false;
		});
	});


	/*****************************************************************************************/

	(function($) {
		  var cache = [];
		  $.preLoadImages = function() {
		    var args_len = arguments.length;
		    for (var i = args_len; i--;) {
		      var cacheImage = document.createElement('img');
		      cacheImage.src = arguments[i];
		      cache.push(cacheImage);
		    }
		  };
		})(jQuery);
	//先読みしておきたい画像を指定する
	//jQuery.preLoadImages("images/flowcharter/fc_top_menu_01.jpg", "images/flowcharter/fc_top_menu_02.jpg", "images/flowcharter/fc_top_menu_03.jpg", "images/flowcharter/fc_top_menu_04.jpg");

	/*****************************************************************************************/

	//最初の子要素のスタイル変更（border-topをなくす）
	//$("ul.LinkList > li:first-child").css("border-top", "none");


	//background-image用の変数定義
	var default_background_img = "";
	var mouseover_background_img = "";
	var point = "";
	var back_preload_img = "";

	/*
	 * 表示変更用css定義（hover時のエフェクト）
	 */
	/**[親要素（ブロック要素）]****************************************************************************/
	var this_on = {
		"cursor":"pointer"
		//"background-color":"#aaaaff",
	};
	var this_off = {
		"cursor":"default"
		//"background-color":"#FFFFFF",
	};
	/****************************************************************************[親要素（ブロック要素）]**/

	/**[aタグ（子要素）]***********************************************************************************/
	var a_on = {
		"color":"#39C",
		"text-decoration":"underline"
	};
	var a_off = {
		"color":"#39C",
		"text-decoration":"none"
	};
	/***********************************************************************************[aタグ（子要素）]**/

	//画像ファイル名につける接尾語の初期設定値
	var settings = jQuery.extend({
		suffix: "_on"
	}, settings);

	//hover時の各要素の表示変更
	$(".BlockLink").hover(
		function () {
			//background-image変更用に、新たに読み込む画像（のファイル名）を取得
			default_background_img = $(this).css("background-image");
			if (!default_background_img.match((settings.suffix))) {
				point = default_background_img.lastIndexOf(".");
				mouseover_background_img = default_background_img.slice(0, point) + settings.suffix + default_background_img.slice(point);
			};

			$(this).css(this_on);
			$(this).css("background-image", mouseover_background_img);
			$(this).children("a").css(a_on);
		},
		function () {
			$(this).css(this_off);
			$(this).css("background-image", default_background_img);
			$(this).children("a").css(a_off);
		}
	);

});



$(document).ready(function(){


	//デモ動画（swfファイル）再生機能を付加する関数
	$("a.movie").fancybox({
		'padding'   : 5,
		'autoScale'   : false,
		'transitionIn'  : 'elastic',
		'transitionOut'  : 'elastic',
		'titlePosition'  : 'float',
		'width'  : 801,
		'height'  :  621,
		'speedIn' : 500,
		'speedOut' : 400,
		'type' : 'swf',
		'titleFromAlt' : true,
		'overlayColor'  : '#000',
		'overlayOpacity' : 0.7,
		'overlayShow' : true
	});


	//画像拡大機能を付加する関数
	$("a.zoom").fancybox({
		'frameWidth' : '900px',
		'frameHeight' : '900px',
		'padding' : 5,
		'autoScale' : false,
		'transitionIn' : 'elastic',
		'transitionOut' : 'elastic',
		'autoDimensions' : 'true',
		'hideOnContentClick' : 'true',
		'titlePosition' : 'float',
		'speedIn' : 500,
		'speedOut' : 500,
		'overlayColor' : '#000',
		'overlayOpacity' : 0.3,
		'overlayShow' : 'true'
	});
	//拡大機能を付加する画像の装飾に関する処理
	$("a.zoom img").after("<br /><p style='background: url(http://www.sunplanning.co.jp/product/igrafx/js/jquery/fancybox/mushimegane.gif) no-repeat; padding-left: 30px; color: blue; text-decoration: underline; font-size: 9pt; font-weight: normal; margin-bottom:10px; margin-left:10px; height:20px; width:100px;'>クリックで拡大</p><br class='clear' />");
	$("a.zoom img").css("padding","2px");
	$("a.zoom img").css("border","2px blue solid");
	$("a.zoom img").css("margin-bottom","4px");
	$("a.zoom img").css("margin-left","10px");
	$("a.zoom img").css("margin-right","10px");
//});


//youtubeの動画をfancyboxで再生する
//jQuery(document).ready(function() {

	$("a.video").click(function() {
		$.fancybox({
			'padding'		: 5,
			'autoScale'		: false,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'speedIn'		: 500,
			'speedOut'		: 400,
			'title'			: this.title,
			'width'			: 608,
			'height'		: 428,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'overlayColor'	: '#000',
			'overlayOpacity': 0.7,
			'overlayShow'	: true
//			'swf'	: {
//				'wmode'				: 'transparent',
//				'allowfullscreen'	: 'true'
//			}
		});
		return false;
	});
//});

//youtubeの動画をfancyboxで再生する（720x480）
//jQuery(document).ready(function() {

	$("a.video720").click(function() {
		$.fancybox({
			'padding'		: 5,
			'autoScale'		: false,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic',
			'speedIn'		: 500,
			'speedOut'		: 400,
			'title'			: this.title,
			'width'			: 725,
			'height'		: 505,
			'href'			: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
			'type'			: 'swf',
			'overlayColor'	: '#000',
			'overlayOpacity': 0.7,
			'overlayShow'	: true
//			'swf'	: {
//				'wmode'				: 'transparent',
//				'allowfullscreen'	: 'true'
//			}
		});
		return false;
	});

});