// JavaScript Document

var crtSort;
var crtTable = "tbl_default";
var crtTab = ["div","default"];
var crtButton = ["button","default"];
var sortValue;
var crtValue = "default";
var bfrValue = "default";
var rankHide = 5; //ランキングページにおいて、その他おすすめランキングを表示する数
$(function()
{
//ヘッドメニュー切り替え
	var pageID=$("body").attr("id");
	if(pageID != null)
	{
		var crtPage=$("#"+pageID+"Button").attr("src");
		if(crtPage != null)
		{
			crtPage=crtPage.split("_");
			$("#"+pageID+"Button").attr({src:crtPage[0]+"_"+crtPage[1]+"_crt.gif",name:"crt"});
		}
	}

//ロールオーバー
    $('a img[src*="_off"],img.rollover').hover(function(){
        $(this).attr("src",$(this).attr("src").replace(/^(.+)_off(\.[a-z]+)$/, "$1_on$2"));
    },function(){
        $(this).attr("src",$(this).attr("src").replace(/^(.+)_on(\.[a-z]+)$/, "$1_off$2"));
    }).each(function(){
        $("<img>").attr("src",$(this).attr("src").replace(/^(.+)_off(\.[a-z]+)$/, "$1_on$2"));
	});
	
//フォントサイズ
	$("#text-size").css("display","block");
	//クッキー
	fsize = $.cookie("cSize");
	crtTextSrc = $("#textS").attr("src").split("_");
	if(fsize != null)
	{
		$(function(){
			fontSize(fsize);
		});
	}else{
		$(function()
		{
			$("#textM").attr("src",crtTextSrc[0]+"_M_ac.gif");
			$.cookie("cSize","M",{ expires: 7 ,path:"/"});
			fontSize("M");
		});
	}
//メニュースライド
	var menuTitle = $("#right-menu a[id]");
	//リセット
	$.each(menuTitle, function()
	{
		var crtMenu=$(this).attr("id");
		var openButton=$("#"+crtMenu+" img").attr("src").split("_");
		if($.cookie(crtMenu) == null)
		{
			if(crtMenu == "rMenuRanking" || crtMenu == "rMenuFeature")
			{
				$.cookie(crtMenu,"active",{ expires: 7 ,path:"/"});
			}else{
				$.cookie(crtMenu,"passive",{ expires: 7 ,path:"/"});
			}
		}else if($.cookie(crtMenu) == "active"){
			$("#"+crtMenu+"List").show();
			$("#"+crtMenu+" img").attr("src",openButton[0]+"_"+openButton[1]+"_close.gif");
			$("#"+crtMenu).attr("rel","active");
		}else if($.cookie(crtMenu) == "passive"){
			$("#"+crtMenu+"List").hide();
			$("#"+crtMenu+" img").attr("src",openButton[0]+"_"+openButton[1]+"_open.gif");
			$("#"+crtMenu).attr("rel","passive");
		}
	});
	/*$.each(menuTitle, function()
	{
		$(this).attr("rel","active");
	});*/
	
	menuTitle.click(function()
		{
			var crtMenu=$(this).attr("id");
			var crtHeight=Math.floor($("#"+crtMenu+"List").height() / 2);
			
			if($(this).attr("rel") == "active")
			{
				var openButton=$("#"+crtMenu+" img").attr("src").split("_");
				$("#"+crtMenu+" img").attr("src",openButton[0]+"_"+openButton[1]+"_open.gif");
				$("#"+crtMenu+"List").slideUp(crtHeight);
				$("#"+crtMenu).attr("rel","passive");
				$.cookie(crtMenu,"passive",{ expires: 7 ,path:"/"});
			}else{
				var openButton=$("#"+crtMenu+" img").attr("src").split("_");
				$("#"+crtMenu+" img").attr("src",openButton[0]+"_"+openButton[1]+"_close.gif");
				$("#"+crtMenu+"List").slideDown(crtHeight);
				$("#"+crtMenu).attr("rel","active");
				$.cookie(crtMenu,"active",{ expires: 7 ,path:"/"});
			}
		});
//ターゲットブランク
	$("a[href*=jump.php]").attr("target","_blank");
	
//検索システム
	if(pageID == "search" || pageID == "spec")
	{
		loadingIcon();
		searchStart(crtTable, true);
	}
	
	//絞り込みオプション
	$("#search_option_button").toggle(function()
	{
		$("#search_option .option").slideDown(500,"swing");
	},function()
	{
		$("#search_option .option").slideUp(500,"swing");
	});
	//検索開始
	$("#search_button").click(function()
	{
		$("#search_result").html("");
		loadingIcon();
		location.replace("#search_head");
		searchStart(crtTable, false);
	});
	//タブメニュー切替
	$("#sort_button img[id]").click(function()
	{
		//テーブル切替
		crtButton = $(this).attr("id").split("_");
		$("#div_" + crtTab[1]).hide();
		$("#div_" + crtButton[1]).show();
		//ボタン切替
		$.each($("#sort_button img[id]"),function()
		{
			crtSrc = $(this).attr("src").split("_");
			if($(this).attr("id") == "button_" + crtButton[1])
			{
				$(this).attr("src", "/images/button/search/search_" + crtButton[1] + "_crt.gif");
			}else{
				$(this).attr("src", crtSrc[0] + "_" + crtSrc[1] + "_ps.gif");
			}
		});
		crtTab[1] = crtButton[1];
	});
	//ラジオボタンソート
	$("#sortDefault input").click(function()
	{
		crtValue = $(this).val();
		if(crtValue != bfrValue)
		{
			crtTable = "tbl_" + crtButton[1];
			$("#tbl_" + crtTab[1]).trigger('sorton', [[[crtValue, 1]]]);
			bfrValue = crtValue;
		}
	});
	//ヘルプ吹き出し
	$("#contents .help_icon img").hover(function()
	{
		$("#help_column").queue("fx", []).stop().remove();
		var crtLink = $(this).parent();
		var helpArray = crtLink.attr("title").split(" ");
		var helpText = "";
		for(i = 0; i <= helpArray.length - 1 ; i++)
		{
			helpText += helpArray[i];
			if(i != helpArray.length - 1) helpText += "<br />";
		}
		crtLink.append('<div id="help_column"><div class="text">' + helpText + '</div><div class="foot"></div></div>');
		$("#help_column").fadeIn(200);
	}, function(){
		$("#help_column").fadeOut(200,function(){$("#help_column").remove()});
	});
	$.each($('#contents .ranking_banner'), function()
	{
		var crtRank = $(this).find('.rank');
		var crtLength = crtRank.length;
		var hideFlag = false;
		if(crtLength > rankHide)
		{
			$(this).find('.rank:gt('+ (rankHide - 1) +')').wrapAll('<div class="hide_rank"></div>');
			var crtHide = $(this).find('.hide_rank');
			crtHide.hide().after('<div align="right"><a href="javascript:;" class="rankSwitch">▼ 他の'+ (crtLength - rankHide) +'件も表示する</a></div>');
			$(this).find('.rankSwitch').click(function()
			{
				crtHide.slideDown(500);
				$(this).unbind('click').slideUp(500, function(){$(this).remove()});
			});
		}
	});
	
//スライドテキスト
	var slideList	= $('#campaign .slide_title');
	$('#campaign .slide_text').hide();
	/*$('#campaign .slide_title').click(function()
	{
		$(this).next().slideDown(500).prev().slideUp(500);
	});*/
	$('#campaign .slide_title').toggle(function()
	{
		$(this).prev().slideDown(500);
		$(this).text('▲閉じる');
	}, function()
	{
		$(this).prev().slideUp(500);
		$(this).text('▼その他のキャンペーン');
	});
});

//フォントサイズ
function fontSize(fsize)
{
	crtTextSrc = $("#textS").attr("src").split("_");
	mainText = $("#contents .text,#contents .rank_item,#ranking .rank_item .section table, #campaign_table .campaign_txt, #campaign_table th");
	
	switch (fsize)	//右メニュー（#right-menu li）除外済み
	{
		case "S":
			$("#contents .col-spot").css("font-size","10px");
			mainText.css("font-size","12px");
			$("#textS").attr("src",crtTextSrc[0]+"_S_ac.gif");
			$("#textM").attr("src",crtTextSrc[0]+"_M_ps.gif");
			$("#textL").attr("src",crtTextSrc[0]+"_L_ps.gif");
			$.cookie("cSize","S",{ expires: 7 ,path:"/"});
			break;
		case "M":
			$("#contents .col-spot").css("font-size","12px");
			mainText.css("font-size","14px");
			$("#textS").attr("src",crtTextSrc[0]+"_S_ps.gif");
			$("#textM").attr("src",crtTextSrc[0]+"_M_ac.gif");
			$("#textL").attr("src",crtTextSrc[0]+"_L_ps.gif");
			$.cookie("cSize","M",{ expires: 7 ,path:"/"});
			break;
		case "L":
			$("#contents .text").css("font-size","16px");
			mainText.css("font-size","16px");
			$("#textS").attr("src",crtTextSrc[0]+"_S_ps.gif");
			$("#textM").attr("src",crtTextSrc[0]+"_M_ps.gif");
			$("#textL").attr("src",crtTextSrc[0]+"_L_ac.gif");
			$.cookie("cSize","L",{ expires: 7 ,path:"/"});
			break;
		default:break;
	}
}
	
//bookmark
function addBookmark(title,url)
{
	if (window.sidebar) {
		window.sidebar.addPanel(title, url,"");
	} else if( document.all ) {
		window.external.AddFavorite( url, title);
	} else if( window.opera && window.print ) {
		return true;
	}
}

//ローディングアイコン
function loadingIcon()
{
	$("#search_result").prepend('<div align="center" id="loading"><img src="/images/icon/loading.gif" width="115" height="50" alt="読み込み中" /></div>');
}
//検索
function searchStart(ct, fl)
{
	searchArray = $("#search_form").serialize();
	$.ajax({
			type	:	'GET',
			url		:	'/search/result.php',
			data	:	searchArray,
			success	: 	function(data, status)
						{
							$("#search_result").html(data);
							$.each($("#search_result table"), function()
							{
								sortTableFunc($(this).attr("id"), 0);
							});
							switch (ct)
							{
								case "tbl_default"	:	$("#div_spread, #div_swap").hide();
														break;
								case "tbl_spread"	:	$("#div_spread, #div_default").hide();
														break;
								case "tbl_swap"		:	$("#div_default, #div_swap").hide();
														break;
							}
						},
			error	:	function(xhr, status, err)
						{
							$("#search_result").html("ただ今非常に込み合っております。<br />申し訳ありませんが、時間をおいてもう一度お試しください。" + status + " , " + err);
						}
		   });
}
//ソートテーブル
function sortTableFunc(t, s)
{
	if(t == "tbl_default")
	{
		crtSort = $('#tbl_default').tablesorter(
		{
			widgets	:	['zebra'],
			headers	:	{
			  3: {sorter:false},
			  4: {sorter:false},
			  8: {sorter:false},
			  9: {sorter:false},
			  10: {sorter:false},
			  11: {sorter:false}
			  },
			sortList: [[s, 1]]
		});
	}else{
		crtSort = $('#' + t).tablesorter(
		{
			widgets	:	['zebra'],
			headers	:	{
			  3: {sorter:false},
			  14: {sorter:false}
			  },
			sortList: [[s, 1]]
		});
	}
}



//iPhoneランキングのlightbox風なもの
	function formatTitle(title, currentArray, currentIndex, currentOpts) {
		return '<div id="iphone_min-title">' + (title && title.length ? '<strong>' + title + '</strong><br />' : '' )  + (currentIndex + 1) + ' of ' + currentArray.length + '</div>';
	}
	function youtubeformatTitle(title, currentArray, currentIndex, currentOpts) {
		return '<div id="iphone_min-title">' + (title && title.length ? '<strong>' + title + '</strong>' : '' )  + '</div>';
	}
		
		function formatTitle(title, currentArray, currentIndex, currentOpts) {
		
		if(currentIndex == 0){
			var prev = "";
		}
		else{
			var prev = '<a class="iphone_prev" href="javascript:;" onclick="$.fancybox.prev();">PREV</a>';
		}
		
		if( (currentIndex+1) == currentArray.length ){
			var next ="";
		}
		else{
			var next = '<a class="iphone_next" href="javascript:;" onclick="$.fancybox.next();">NEXT</a>';
		}
		
		return '<div id="iphone_min-title">' + (title && title.length ? '<strong>' + title + '</strong><br />' : '' )  + prev + (currentIndex + 1) + ' of ' + currentArray.length + next + '</div>';
		}
		
		
	function youtubeformatTitle(title, currentArray, currentIndex, currentOpts) {
		return '<div id="iphone_min-title">' + (title && title.length ? '<strong>' + title + '</strong>' : '' )  + '</div>';
	}


	jQuery(document).ready(function() {
		//for youtube
	if(fancyFlag == true)
	{
		$(".iphone_youtube").click(function() {
			$.fancybox({
				'padding'			: 10,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'image',
				'changeFade'        : 0,
				'titlePosition' 	: 'inside',
				'titleFormat'		: youtubeformatTitle,
				'title'				: this.title,
				'width'				: 680,
				'height'			: 495,
				'href'				: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
				'type'				: 'swf',
				'swf'				: {
				'wmode'				: 'transparent',
				'allowfullscreen'	: 'true'
				}
			});
			return false;
		});
		
	
		$(".iphone_min-fx").click(function() {
			$.fancybox([
				{
					'href'	: '/images/iphone/min-fx_01.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_02.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_03.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_04.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_05.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_06.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_07.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_08.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_09.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_10.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_11.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_12.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_13.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_14.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/min-fx_15.jpg',
					'title'	: 'みんなのFXのiPhoneアプリ'
				}
			], {
				'padding'			: 10,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'image',
				'changeFade'        : 0,
				'titlePosition' 	: 'inside',
				'titleFormat'		: formatTitle
			});
			return false;
		});
		

		$(".iphone_fx-online").click(function() {
			$.fancybox([
				{
					'href'	: '/images/iphone/fx-online_01.jpg',
					'title'	: 'FXOnlineのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/fx-online_02.jpg',
					'title'	: 'FXOnlineのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/fx-online_03.jpg',
					'title'	: 'FXOnlineのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/fx-online_04.jpg',
					'title'	: 'FXOnlineのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/fx-online_05.jpg',
					'title'	: 'FXOnlineのiPhoneアプリ'
				}
			], {
				'padding'			: 10,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'image',
				'changeFade'        : 0,
				'titlePosition' 	: 'inside',
				'titleFormat'		: formatTitle
			});
			return false;
		});
/*
		// for MJ
		$(".iphone_mj").click(function() {
			$.fancybox({
			'padding'           : 10,
			'autoScale'     	: false,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'height'			: 600,
			'title'				: 'MJのiPhoneアプリ<br />（項目にマウスを乗せると各画面が表示されます。）',
			'titlePosition' 	: 'inside',
			'titleFormat'		: formatTitle
			});
			return false;
		});
*/

		//for MJ original
		$(".iphone_mj").fancybox({
			'padding'           : 10,
			'autoScale'     	: false,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'height'			: 600,
			'title'				: 'MJのiPhoneアプリ<br />（項目にマウスを乗せると各画面が表示されます。）',
			'titlePosition' 	: 'inside',
			'titleFormat'		: formatTitle
		});

		
		$(".iphone_cms_forex").click(function() {
			$.fancybox([
				{
					'href'	: '/images/iphone/cms_forex_01.jpg',
					'title'	: 'CMS ForexのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/cms_forex_02.jpg',
					'title'	: 'CMS ForexのiPhoneアプリ'
				}
			], {
				'padding'			: 10,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'image',
				'changeFade'        : 0,
				'titlePosition' 	: 'inside',
				'titleFormat'		: formatTitle
			});
			return false;
		});
		
		$(".iphone_dmm").click(function() {
			$.fancybox([
				{
					'href'	: '/images/iphone/dmm_01.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_02.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_03.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_04.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_05.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_06.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_07.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_08.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_09.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/dmm_10.jpg',
					'title'	: 'DMM FXのiPhoneアプリ'
				}
			], {
				'padding'			: 10,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'image',
				'changeFade'        : 0,
				'titlePosition' 	: 'inside',
				'titleFormat'		: formatTitle
			});
			return false;
		});
		$(".iphone_click").click(function() {
			$.fancybox([
				{
					'href'	: '/images/iphone/click_01.jpg',
					'title'	: 'クリック証券のiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/click_02.jpg',
					'title'	: 'クリック証券のiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/click_03.jpg',
					'title'	: 'クリック証券のiPhoneアプリ'
				},
				{
					'href'	: '/images/iphone/click_04.jpg',
					'title'	: 'クリック証券のiPhoneアプリ'
				}
			], {
				'padding'			: 10,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'image',
				'changeFade'        : 0,
				'titlePosition' 	: 'inside',
				'titleFormat'		: formatTitle
			});
			return false;
		});
	}
	});