// bellboDesign2010






initScroll();
initNav();



//------------------------------onLoad-openning
window.onload = function() {//オープニングトリガー
smartNav();
initHash();
}




//------------------------------init smartPhone
function smartNav() {
	if ((navigator.userAgent.indexOf('iPhone') > 0 && navigator.userAgent.indexOf('iPad') == -1) || navigator.userAgent.indexOf('iPod') > 0 || navigator.userAgent.indexOf('Android') > 0) {
		var nav;
			nav += '<div class="nav"><div class="menu column"><ul>';
			nav += '<li class="nav1"><a href="#home" onclick="return mv(1)"><img src="img/navi-home.gif" alt="トップ" /></a></li>';
			nav += '<li class="nav2"><a href="#concept" onclick="return mv(2)"><img src="img/navi-concept.gif" alt="私たちの考え方" /></a></li>';
			nav += '<li class="nav3"><a href="#works" onclick="return mv(3)"><img src="img/navi-works.gif" alt="制作実績の紹介" /></a></li>';
			nav += '<li class="nav4"><a href="#about" onclick="return mv(4)"><img src="img/navi-about.gif" alt="プロフィール" /></a></li>';
			nav += '<li class="nav5"><a href="#contact" onclick="return mv(5)"><img src="img/navi-contact.gif" alt="お問い合わせ" /></a></li>';
			nav += '<li class="nav6"><a href="#office" onclick="return mv(6)"><img src="img/navi-office.gif" alt="オフィス案内" /></a></li>';
			nav += '</ul></div></div>';
		$(nav).appendTo('.island');
	} 
}


//------------------------------init HashURL
function initHash() {
	var myNum,nowHash;
	nowHash = document.location.hash;
	if (nowHash) {
		nowHash = nowHash.substr(1);
	} else {
		navi(1,1);
	}
	myNum = jQuery.inArray(nowHash, navArr)
	mv(myNum);
}



//------------------------------gmap
$(function() {
	$('img.g-btn').click(function() {
		var myLatlng = new google.maps.LatLng(35.154425, 137.04181);
		var myOptions = {
		  zoom: 16,
		  center: myLatlng,
		  mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		var map = new google.maps.Map(document.getElementById("googlemap"), myOptions);
		var image = 'img/gmappin.png';
		var marker = new google.maps.Marker({
		  position: myLatlng,
		  title:"bellboDesign",
		  icon: image
		});
		marker.setMap(map);  
	});
});




//------------------------------AddEvent hashlink-move
$(function() {
	$('a.down').click(function() {//ページ内リンクにはdownクラスを設定
		var myElm = $(this).attr('href');
		var myP = $(myElm).offset();//要素のLeft、Topを取得する関数
		var myL = getXs();//ページ内リンクなのでX軸は固定
		var myT = myP.top;
		mv(0,myL,myT);
	});
});

//------------------------------AddEvent navlink-move
$(function() {
	$('a[href=#home]').click(function() {return mv(1)});
	$('a[href=#concept]').click(function() {return mv(2)});
	$('a[href=#works]').click(function() {return mv(3)});
	$('a[href=#about]').click(function() {return mv(4)});
	$('a[href=#contact]').click(function() {return mv(5)});
	$('a[href=#office]').click(function() {return mv(6)});
});



//------------------------------navi
//navi-system

function initNav() {
navArr=["","home","concept","works","about","contact","office"];
ttlArr=["","","　|　私たちの考え","　|　制作実績の紹介","　|　プロフィール","　|　お問い合わせ","　|　オフィス案内"];
baseTtl=document.title;
serifArr=["",40,105,170,235,300,365];
}

function navi(myNum,tgtNum) {
moves("serif","",serifArr[myNum]);
swi("btn"+tgtNum,"img/navi-"+navArr[tgtNum]+".gif");
swi("btn"+myNum,"img/navi-"+navArr[myNum]+"-on.gif");
}
/**/





// Monkey_Glider_System2006
//------------------------------scroll-engine

//init
function initScroll() {

xArr=["",0,2000,600,4000,3000,3600];
yArr=["",0,1500,3000,500,3500,2000];




nowX=0;nowY=0;
tgtX=0;tgtY=0;
dirX=1;dirY=1;
tgtNum=1;//-------------------------現在のシーンを示すグローバル変数
maxSpd=40;//limitter
spd=3;//seed
nowMov=0;//移動中か否か
//seedSpd=1;
}

function getYs() {//現在のスクロールＹ位置
　　return (document.documentElement.scrollTop || document.body.scrollTop);   
}
function getXs() {//現在のスクロールＸ位置
　　return (document.documentElement.scrollLeft || document.body.scrollLeft);   
}

//functions
function mv(myNum,myX,myY) {
	if(nowMov == 0) {
		if (myNum == 0) {//カスタム座標（myNum:0）かナビゲーション用の座標（myNum:1〜）
			tgtX=myX;tgtY=myY;
		} else {
			tgtX=xArr[myNum];tgtY=yArr[myNum];
		}
		nowX=getXs();nowY=getYs();//現在のスクロール位置を取得
		if(tgtX-nowX>0){dirX=1}else{dirX=-1}
		if(tgtY-nowY>0){dirY=1}else{dirY=-1}
		//
		if(tgtX!=nowX || tgtY!=nowY || nowMov == 0) {
			scrlTimer=setInterval("scrl()",25);
			nowMov=1;
			if (myNum!=0){//カスタム座標（myNum:0）ではナビゲーションは変更しない
				navi(myNum,tgtNum);
				tgtNum=myNum;
			}
		}
	}
	return false;
}

function scrl() {
	var disX,disY,movX,movY,absX,absY;
	disX=tgtX-nowX;disY=tgtY-nowY;
	movX=disX/spd;movY=disY/spd;
	absX=Math.abs(movX);absY=Math.abs(movY);
	//
	if(absX > maxSpd){movX=maxSpd*dirX}
	if(absY > maxSpd){movY=maxSpd*dirY}
	nowX+=movX;nowY+=movY;
	//
	if(absX>0.5 || absY>0.5) {
		scrollTo(nowX,nowY);
	}else{
		urlChange();
		ttlChange();
		scrollTo(tgtX,tgtY);
		clearInterval(scrlTimer);
		nowMov=0;//ここでEND
	}
}


function urlChange() {
	var nowLoc,nowHash,newHash,newLoc;
	nowLoc = document.location.href;
	nowHash = document.location.hash;
	newHash = "#" + navArr[tgtNum];
	if(nowHash == "") {
		newLoc = nowLoc + newHash;
	} else {
		newLoc = nowLoc.replace(nowHash,newHash);
	}
	document.location.href = newLoc;
}

function ttlChange() {
	var newTtl = baseTtl + ttlArr[tgtNum];
	document.title = newTtl;
}


















//---------------------------------------------------//
//-------------------bellbo-lib-2005-----------------//
//---------------------------------------------------//
//swapImage
/*function swi(tgt, imgSrc) {
	var elm = document.getElementById(tgt);
     elm.src = imgSrc;
}*/
function swi(imgName, imgSrc) 
{
  if (document.images)
  {
    if (imgSrc != "none")
    {
      document.images[imgName].src = imgSrc;
    }
  }
}
//random
function randn(limit){
  return Math.ceil(Math.random()*limit);
}
//moveObject
function moves(tgt,myX,myY) {
	var elm = document.getElementById(tgt);
		myX = (myX+'px');
		if(myX != 'px'){elm.style.left = myX;}
		myY = (myY+'px');
		if(myY != 'px'){elm.style.top = myY;}
}



function siz(tgt,wid,hei){
	var elm = document.getElementById(tgt);
	wid = (wid+'px');
	if(wid != 'px'){elm.style.width = wid;}
	hei = (hei+'px');
	if(hei != 'px'){elm.style.height = hei;}
}

//fade-out
function fadeOut(tgt,rate){
	var elm = document.getElementById(tgt);
	if(elm.style.opacity != null){
		elm.style.opacity=rate/100;
	}else{
		var val ="alpha(opacity="+rate+")";
		elm.style.filter=val;
	}
}
//eventlistener
function addEv(tgt, type, func, cap) {
	if(tgt.attachEvent) {
		tgt.attachEvent("on" + type, func);
	} else if(tgt.addEventListener) {
		tgt.addEventListener(type, func, cap);
	} else {
		tgt['on' + type] = func;
	}
}
//mouseEvent
/*
function addMe(tgt, fov, fot, fck) {
	tgt = document.getElementById(tgt);
	if(tgt.attachEvent) {
		if(fov){tgt.attachEvent("onmouseover", fov);}
		if(fot){tgt.attachEvent("onmouseout", fot);}
		if(fck){tgt.attachEvent("onmousedown", fck);}
	} else if(tgt.addEventListener) {
		if(fov){tgt.addEventListener("mouseover", fov, false);}
		if(fot){tgt.addEventListener("mouseout", fot, false);}
		if(fck){tgt.addEventListener("mousedown", fck, false);}
	} else {
		//未対応ブラウザへの処理
	}
}
*/
//show-hideObject(visibility)
/*
function s_h(tgt,v) {
	v=(v=='show')?'visible':(v=='hide')?'hidden':v;
	var elm = document.getElementById(tgt);
	elm.style.visibility=v;
}
function disp(tgt,v) {
	v=(v=='show')?'':(v=='hide')?'none':v;
	var elm = document.getElementById(tgt);
	elm.style.display = v;
}
//toggle(display)
function toggle(tgt) {
	var elm = document.getElementById(tgt);
	if ( elm.style.display != 'none' ) {
		elm.style.display = 'none';
	}
	else {
		elm.style.display = '';
	}

}*/

//getElementByClass
/*
function getElementsByClass(searchClass,node,tag) {
	var classElements = new Array();
	if ( node == null )
		node = document;
	if ( tag == null )
		tag = '*';
	var els = node.getElementsByTagName(tag);
	var elsLen = els.length;
	var pattern = new RegExp("(^|\s)"+searchClass+"(\s|$)");
	for (i = 0, j = 0; i < elsLen; i++) {
		if ( pattern.test(els[i].className) ) {
			classElements[j] = els[i];
			j++;
		}
	}
	return classElements;
}*/

// simple-preloadingImages
// simplePreload( '01.gif', '02.gif' ); 
/*
function simplePreload()
{ 
  var args = simplePreload.arguments;
  document.imageArray = new Array(args.length);
  for(var i=0; i<args.length; i++)
  {
    document.imageArray[i] = new Image;
    document.imageArray[i].src = args[i];
  }
}
*/