$(function(){
	var	pagePath = location.href;
	$("#sideMenu li").each(function(){
		if(pagePath.search($(this).find('a').attr('href')) >=0){
			$(this).addClass("select");
		}
	});
	
	var euURL = encodeURI("http://www.imd-net.com/");
	var euTitle = encodeURI("Webサイト制作・ホームページ制作なら大阪のWeb製作会社I.M.Design");
	var euBlank = encodeURI(" ");
	var btnSocial = "<li><a href='javascript\:window.open\(\"http://twitter.com/?status="+euTitle+euBlank+euURL+"\"\,\"win\"\,\"scrollbars=no\,resizable=no\,width=550\,height=460\,top=0\,left=0\,screenX=0\,screenY=0\"\)\;void(0);' rel='nofollow'><img src='/common/images/icon_twitter.gif' width='16' height='16' alt='Twitter' title='ツイート' /></a></li>";
	btnSocial += "<li><a href='javascript\:window.open\(\"http://www.facebook.com/sharer.php?u="+euURL+"&t="+euTitle+"\"\,\"win\"\,\"scrollbars=no\,resizable=no\,width=550\,height=460\,top=0\,left=0\,screenX=0\,screenY=0\"\)\;void(0);' rel='nofollow'><img src='/common/images/icon_facebook.gif' width='16' height='16' alt='Facebook' title='Facebookでシェア' /></a></li>";
	btnSocial += "<li><a href='javascript\:window.open\(\"https://plusone.google.com/_/+1/confirm?url="+euURL+"\"\,\"win\"\,\"scrollbars=no\,resizable=no\,width=550\,height=460\,top=0\,left=0\,screenX=0\,screenY=0\"\)\;void(0);'><img src='/common/images/icon_google.gif' width='16' height='16' alt='Google+' title='Google+に投稿' /></a></li>";
	$(".social").html(btnSocial);
});

/*  ================================================================================
	Smart Rollover
================================================================================  */
function smartRollover() {
	if(document.getElementsByTagName) {
		var images = document.getElementsByTagName("img");

		for(var i=0; i < images.length; i++) {
			if(images[i].getAttribute("src").match("_off."))
			{
				images[i].onmouseover = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_off.", "_on."));
				}
				images[i].onmouseout = function() {
					this.setAttribute("src", this.getAttribute("src").replace("_on.", "_off."));
				}
			}
		}
	}
}
if(window.addEventListener) { window.addEventListener("load", smartRollover, false); }
else if(window.attachEvent) { window.attachEvent("onload", smartRollover); }



/*  ================================================================================
	Scroll Up
================================================================================  */
(function(){
	var easing = 0.25;
	var interval = 20;
	var d = document;
	var targetX = 0;
	var targetY = 0;
	var targetHash = '';
	var scrolling = false;
	var splitHref = location.href.split('#');
	var currentHref_WOHash = splitHref[0];
	var incomingHash = splitHref[1];
	var prevX = null;
	var prevY = null;
	var timeevent;
	
	addEvent(window, 'load', init);
	if(window.location.hash){
		$hash = window.location.hash.substr(1);
	}
	function init(){
		setOnClickHandler();
		if(incomingHash){
			if(window.attachEvent && !window.opera){
				setTimeout(function(){scrollTo(0,0);setScroll('#'+incomingHash);},50);
			}else{
				scrollTo(0, 0);
				setScroll('#'+incomingHash);
			}
		}
	}
	
	function addEvent(eventTarget, eventName, func){
		if(eventTarget.addEventListener){
			eventTarget.addEventListener(eventName, func, false);
		}else if(window.attachEvent){
			eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
		}
	}
	
	function setOnClickHandler(){
		var links = d.links;
		for(var i=0; i<links.length; i++){
			var link = links[i];
			var splitLinkHref = link.href.split('#');
			if(currentHref_WOHash == splitLinkHref[0] && d.getElementById(splitLinkHref[1])){
				addEvent(link, 'click', startScroll);
			}
		}
	}
	
	function startScroll(event){
		if(event){
			event.preventDefault();
		}else if(window.event){ // IE
			window.event.returnValue = false;
		}
		setScroll(this.hash);
	}
	
	function setScroll(hash){
		var targetEle = d.getElementById(hash.substr(1));
		if(!targetEle)return;
		var ele = targetEle;
		var x = 0;
		var y = 0;
		while(ele){
			x += ele.offsetLeft;
			y += ele.offsetTop;
			ele = ele.offsetParent;
		}
		var maxScroll = getScrollMaxXY();
		targetX = Math.min(x, maxScroll.x);
		targetY = Math.min(y, maxScroll.y);
		targetHash = hash;
			if(!scrolling){
			scrolling = true;
			scroll();
		}
	}
	
	function scroll(){
		var currentX = d.documentElement.scrollLeft||d.body.scrollLeft;
		var currentY = d.documentElement.scrollTop||d.body.scrollTop;
		var vx = (targetX - currentX) * easing;
		var vy = (targetY - currentY) * easing;
		var nextX = currentX + vx;
		var nextY = currentY + vy;
		if((Math.abs(vx) < 1 && Math.abs(vy) < 1) || (prevX === currentX && prevY === currentY)){
			scrollTo(targetX, targetY);
			scrolling = false;
			location.hash = targetHash;
			prevX = prevY = null;
			return;
		}else{
			scrollTo(parseInt(nextX), parseInt(nextY));
			prevX = currentX;
			prevY = currentY;
			timeevent = setTimeout(function(){scroll()},interval);
		}
	}
		
	$(function(){
		$("body").mousewheel(function(event, delta) {
			clearTimeout(timeevent);
				scrolling = false;
				return;
		});
	});
	
	function getDocumentSize(){
		return {width:Math.max(document.body.scrollWidth, document.documentElement.scrollWidth), height:Math.max(document.body.scrollHeight, document.documentElement.scrollHeight)};
	}
	
	function getWindowSize(){
		var result = {};
		if(window.innerWidth){
			var box = d.createElement('div');
			with(box.style){
				position = 'absolute';
				top = '0px';
				left = '0px';
				width = '100%';
				height = '100%';
				margin = '0px';
				padding = '0px';
				border = 'none';
				visibility = 'hidden';
			}
			d.body.appendChild(box);
			var width = box.offsetWidth;
			var height = box.offsetHeight;
			d.body.removeChild(box);
			result = {width:width, height:height};
		}else{
			result = {width:d.documentElement.clientWidth || d.body.clientWidth, height:d.documentElement.clientHeight || d.body.clientHeight};
		}
		return result;
	}
	
	function getScrollMaxXY() {
		if(window.scrollMaxX && window.scrollMaxY){
			return {x:window.scrollMaxX, y:window.scrollMaxY};
		}
		var documentSize = getDocumentSize();
		var windowSize = getWindowSize();
		return {x:documentSize.width - windowSize.width, y:documentSize.height - windowSize.height};
	}

}());