var myurl = location.href;
var hp = location.protocol;
var lh = location.hostname;
var lp = location.pathname;
var ua = navigator.userAgent;

var tree = "./";
var dir_ary = new Array();
dir_ary[1] = "whats";
dir_ary[2] = "shop";
dir_ary[3] = "collabo";
dir_ary[4] = "anime";
dir_ary[5] = "logs";



if(rank==0) tree = "./";
else if(rank == 1) tree = "../";
else if(rank == 2) tree = "../../";
else if(rank == 3) tree = "../../../";
else if(rank == 4) tree = "../../../../";
//tree = "/monjack/htdocs/";
tree = "http://monjack.jp/"

//_________________________________________________________
//                                 ドキュメントサイズを取得

function getWindowHeight() {
	if(ua.match("MSIE")) return document.documentElement.clientHeight || document.body.clientHeight;
	else return window.innerHeight;
}

function getWindowWidth() {
	if(ua.match("MSIE")) return document.documentElement.clientWidth || document.body.clientWidth;
	else return window.innerWidth;
}

function getScrollOffsetY() {
	if(ua.match("MSIE")) return document.documentElement.scrollTop || document.body.scrollTop;
	else return window.pageYOffset;
}

function getDocumentHeight() {
	return document.documentElement.scrollHeight || document.body.scrollHeight;
}

//_________________________________________________________
//                                           ロールオーバー
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//_____________________________________________________
//                                     画像のプリロード
function MM_preloadImages() { //v3.0
	var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
	var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
	if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
//_____________________________________________________
//                                     ウィンドウのオープン
function openWindow(file, fname, w, h) {
	window.open(file,fname,'toolbar=no,location=no,status=no,menubar=no,scrollbars=yes,resizable=no,width='+w+',height='+h+'');
}

//_____________________________________ setSWF



function setSwf(swf, sn, fv, bgc, boxid, w, h) {
	
	function __construct() {
		var so = new SWFObject(swf, sn, w, h, fv, bgc);
		so.addParam("wmode", "opaque");
		so.addParam("menu", "false");
		so.addParam("scale", "showall");
		so.addParam("salign", "lt");
		so.write(boxid);
	}
	__construct();
	
}


function setTopPhoto() {
	
	$.get("./topphoto_sys/index.php",{},function(r) {
		$("#top_left").css({"background":"url(./topphoto/"+r+")"});
	});
	
	/*
	var tp = new SWFObject("./topphoto_sys/topphoto.swf", "topphoto", "692", "391", "9", "#f6f6f6");
	tp.addParam("wmode", "opaque");
	tp.addParam("menu", "false");
	tp.write("top_left");
	*/
}

function setAnimation(filename) {
	
	var so = new SWFObject("./images/player.swf", "anime", "740", "450", "9", "#ffffff");
	so.addParam("wmode", "opaque");
	so.addParam("menu", "false");
	so.addParam("scale", "noscale");
	so.addParam("salign", "lt");
	so.addVariable("filename", filename);
	so.write("anime_ready");
	
}



//_____________________________________ Header

function writeHeader() {
	
	var src = "";
	src += '<h1><a href="'+tree+'index.html" id="head0"><img src="'+tree+'common/logo.gif" width="205" height="80" /></a></h1>';
	src += '<ul>';
	src += '<li><a href="'+tree+'whats/index.html" id="head1"><img src="'+tree+'common/btn1_off.gif" id="headimg1" /></a></li>';
	src += '<li><a href="'+tree+'cart/index.html" id="head2"><img src="'+tree+'common/btn2_off.gif" id="headimg2" /></a></li>';
	src += '<li><a href="'+tree+'collabo/index.html" id="head3"><img src="'+tree+'common/btn3_off.gif" id="headimg3" /></a></li>';
	src += '<li><a href="'+tree+'event/index.html" id="head4"><img src="'+tree+'common/btn4_off.gif" id="headimg4" /></a></li>';
	//src += '<li><a href="'+tree+'logs/index.html" id="head5"><img src="'+tree+'common/btn5_off.gif" id="headimg5" /></a></li>';
	src += '<li><a href="'+tree+'blog/index.html" id="head6"><img src="'+tree+'common/btn6_off.gif" id="headimg6" /></a></li>';
	src += '</ul>';
	src += '<div class="clear">&nbsp;</div>';
	
	$("#header").html(src);
	
	for(i=1;i<=6;i++) setHeaderActions(i);
	
}

function writeHeader2() {
	
	var src = "";
	src += '<h1><a href="'+tree+'index.html" id="head0"><img src="'+tree+'common/logo.gif" width="205" height="80" /></a></h1>';
	src += '<ul>';
	src += '<li><a href="'+tree+'whats/index.html" id="head11"><img src="'+tree+'common/btn11_off.gif" id="headimg11" /></a></li>';
	src += '<li><a href="'+tree+'shop2/html/" id="head12"><img src="'+tree+'common/btn12_off.gif" id="headimg12" /></a></li>';
	src += '<li><a href="'+tree+'collabo/index.html" id="head8"><img src="'+tree+'common/btn8_off.gif" id="headimg8" /></a></li>';
	src += '<li><a href="'+tree+'event/index.html" id="head9"><img src="'+tree+'common/btn9_off.gif" id="headimg9" /></a></li>';
	src += '<li><a href="'+tree+'blog/index.html" id="head10"><img src="'+tree+'common/btn10_off.gif" id="headimg10" /></a></li>';
	src += '</ul>';
	src += '<div class="clear">&nbsp;</div>';
	
	$("#header2").html(src);
	
	for(i=1;i<=12;i++) setHeaderActions(i);
	
}


function setHeaderActions(i) {
	$("#head"+i).mouseover(function() { MM_swapImage("headimg"+i, "", tree+"common/btn"+i+"_on.gif", 1); });
	$("#head"+i).mouseout(function() { MM_swapImgRestore(); });
}

//_____________________________________ FOOTER

function writeFooter() {
	
	var src = "";
	src += '<li><a href="'+tree+'data/privacypolicy.html" id="foot1"><img src="'+tree+'common/foot1_off.gif" id="footimg1" /></a></li>';
	
	$("#footnavi").css({"display":"block"});
	$("#footnavi").html(src);
	
	for(i=1;i<=1;i++) setFooterActions(i);
	
}

function setFooterActions(i) {
	$("#foot"+i).mouseover(function() { MM_swapImage("footimg"+i, "", tree+"common/foot"+i+"_on.gif", 1); });
	$("#foot"+i).mouseout(function() { MM_swapImgRestore(); });
}


// サブメニュー
function deleteLastDashedSubmenu() {
	$("#submenu li:last").css({"border-bottom":"none"});
}

// サブメニュー　スクロール

var scrollTop=0;
var nowMargin=0;
var headerHeight = 0;
var threshold = 0;
var stepRate=5;

if(myurl.match("/whats/")) {
	headerHeight = 475;
	threshold = 0;
}/*else if(myurl.match("/collabo/")) {
	headerHeight = 475;
	threshold = 500;
}*/else if(myurl.match("/shop/") || myurl.match("/cart/")) {
	headerHeight = 395;
	threshold = 0;
}

function scrollCheck() {
	var scrlTop;
	
	if(ua.match("MSIE")) scrlTop = document.documentElement.scrollTop;
	else scrlTop = window.pageYOffset
	
	if(scrlTop >= threshold) {
		nowMargin += Math.floor((scrlTop-nowMargin)/stepRate);
		var def = nowMargin-headerHeight;
		if(nowMargin-headerHeight < 0) def = 0;
		$("#secondary").css({"margin-top":def+"px"});
	}else {
		nowMargin=0;
		$("#secondary").css({"margin-top":nowMargin+"px"});
	}
	setTimeout("scrollCheck()",100);
}





//_____________________________________ SHOP___ Open Custom Monjack


function openCustom(i, size) {
	$("#custom").css({"display":"block"});
	setCustomSwf(i, size);
}

function closeCustom() {
	$("#custom").css({"display":"none"});
}

function setCustomSwf(i, size) {
	if(getWindowWidth() < 886 || getWindowHeight() < 505) {
		var so = new SWFObject("./moncustom.swf", "moncustom", getWindowWidth(), getWindowHeight(), "7", "#ffffff");
		$("#customfla").css({"margin":"0", "top":"0", "left":"0"});
	}else {
		var so = new SWFObject("./moncustom.swf", "moncustom", "886", "505", "7", "#ffffff");
		if(ua.match("MSIE 6.0")) {
			$("#custom").css({"height":getWindowHeight()+"px"});
			$("#customfla").css({"margin":"auto", "padding":"20px", "top":"0", "left":"0"});
		}else {
			$("#customfla").css({"margin":"-250px 0 0 -443px", "top":"50%", "left":"50%"});
		}
	}
	so.addParam("wmode", "transparent");
	so.addParam("menu", "false");
	so.addParam("scale", "showall");
	so.addParam("salign", "lt");
	so.addVariable("default_mj", i);
	so.addVariable("default_type", size);
	so.write("customfla");
	
	scrlCustomSwf();
}

function scrlCustomSwf() {
	var scrlTop;
	
	if(ua.match("MSIE")) scrlTop = document.documentElement.scrollTop;
	else scrlTop = window.pageYOffset;
	if(ua.match("MSIE 6.0")) {
		$("#custom").css({"margin-top":scrlTop+"px"});
		setTimeout("scrlCustomSwf()",100);
	}
}

function setMonjackPreviewer(swf, sn, fv, bgc, boxid, w, h, prd_id, mtype, rb, lb, rf, lf) {
	
	function __construct() {
		var so = new SWFObject(swf, sn, w, h, fv, bgc);
		so.addParam("wmode", "opaque");
		so.addParam("menu", "false");
		so.addParam("scale", "showall");
		so.addParam("salign", "lt");
		so.addVariable("default_mj", prd_id);
		so.addVariable("default_type", mtype);
		so.addVariable("default_rb", rb);
		so.addVariable("default_lb", lb);
		so.addVariable("default_rf", rf);
		so.addVariable("default_lf", lf);
		so.write(boxid);
	}
	__construct();
	
}


var type_ary = new Array("long", "short");
var current_ext = "none";
function initExt() {
	for(i=0; i<type_ary.length; i++) {
		setExtBtnActions(type_ary[i]);
	}
}

function setExtBtnActions(t) {
	$("#ext_"+t).mouseover(function() {
		if(t != current_ext) $("#ext_"+t+" img").attr({src: "./ext/"+t+"_on.gif"});
	});
	
	$("#ext_"+t).mouseout(function() {
		if(t != current_ext) $("#ext_"+t+" img").attr({src: "./ext/"+t+"_off.gif"});
	});
	
	$("#ext_"+t).click(function() {
		if(t != current_ext) {
			
			if(current_ext != "none") {
				$("#ext_"+current_ext+" img").attr({src: "./ext/"+current_ext+"_off.gif"});
				for(i=0; i<type_ary.length; i++) {
					if(current_ext != type_ary[i]) $("."+type_ary[i]).css({"display":"block"});
				}
			}
			
			for(i=0; i<type_ary.length; i++) {
				if(t != type_ary[i]) $("."+type_ary[i]).css({"display":"none"});
			}
			$("#ext_"+t+" img").attr({src: "./ext/"+t+"_in.gif"});
			current_ext = t;
		}else {
			$("#ext_"+t+" img").attr({src: "./ext/"+t+"_on.gif"});
			current_ext = "none";
			for(i=0; i<type_ary.length; i++) {
				$("."+type_ary[i]).css({"display":"block"});
			}
		}
	});
}

var scrlY;
function getScroll() {
	
	if(myurl.match("/shop2/html") && !myurl.match("/shop2/html/cart") && !myurl.match("/shop2/html/products")) {
		scrlY = document.documentElement.scrollTop || document.body.scrollTop;
		document["shop2"].jsScroll(scrlY);
	}
	
}



$(window).scroll(getScroll);
$(document).ready(writeHeader);
$(document).ready(writeHeader2);
$(document).ready(writeFooter);
$(document).ready(deleteLastDashedSubmenu);
$(document).ready(scrollCheck);
$(document).ready(initExt);