$(function() {
		   
	$.ajaxSetup({ cache: false })
	var page = $('body').attr('class').split(' ')
	
	// ナビゲーションロード
	var navi = $('#nav')
	$.get( '/js/navi.html', function(html){
		navi.append(html)
		
		for(var i in page){		
			var cur = navi.find('li#' + page[i] + ' a:first')	
			cur.addClass('lock')
			swapBG(cur, 0, '-150px')		
		}		
		navi.find('li a:not(.lock)').hover(
			function(){ swapBG($(this), 0, '-150px') },
			function(){ swapBG($(this), 0, '0px') }
		)		
	},'html')

	// ボタン背景
	var swapBG = function(obj, xy, size) {
		var pos = obj.css('background-position')
		if(!pos){ // for IE
			pos = Array(2)
			pos[0] = obj.css('background-position-x')
			pos[1] = obj.css('background-position-y')
			
		}else {
			pos = pos.split(' ')
		}
		pos[xy] = size
		obj.css('background-position', pos.join(' '))
	}

	// HOME 画像アニメーション
	if( page == 'p00') {
		(function() {	
			var cvs = $('#canvas')
			var stage = cvs.find('#stage')
			var btn = cvs.find('#button')
	
			var num = 0
			var tID = setInterval('loopSlide()', 5000)
	
			this.initEvent = function() {	
				btn.find('li a:not(.lock)')
				.live('mouseover', function(){ swapBG($(this), 1, '-48px') })
				.live('mouseout', function(){ swapBG($(this), 1, '0px') })
				.live('click', function(){
					num = Number($(this).attr('id').charAt(1)) -1
					slideListener()
					return false
				})
				cvs.hover(
					function(){ clearInterval( tID ) },
					function(){ clearInterval( tID ); tID = setInterval('loopSlide()', 5000)}
				)
				stage.find('li:eq(0)').clone().appendTo(stage)
				toggle(btn.find('li a:eq(0)'), '-48px')
			}
			
			this.slideListener = function() {	
				toggle(btn.find('li a.lock'), '0px')
				toggle(btn.find('li a:eq('+ num +')'), '-48px')	
				
				y = (num == 0)? -5390 : -num * 770
				stage.queue([]).animate({ 'left':y }, '900')
				stage.queue(function () {
					stage.css('left', -num * 770)
				})
			}
			
			this.toggle = function(obj, size) {
				swapBG(obj, 1, size)
				obj.toggleClass('lock')
			}
	
			this.loopSlide = function() {
				num = (num < 6)? num+1 : 0
				slideListener()	
			}		
			initEvent()
		})()
	}
		
	// just in needs
	if( page[1] == 'p05-1') {
		(function() {
			var map = $('.p05-1 #sysmap div')
			var img = map.find('img')
			var area = map.find('map area')
			var detail = $('.p05-1 #sysdetail ul')
			
			area.hover(
				function(){ map.removeClass().addClass($(this).attr('class')) },
				function(){ map.removeClass() }
			)
			area.click( function(){ 
				var c = $(this).attr('class')
				detail.removeClass().addClass(c) 
				img.removeClass().addClass(c)
				return false
			})
			if ($.browser.msie) { area.focus( function(){ $(this).blur()})}
		})()
	}
	
	if( page[1] == 'p02-0') {
		$('.p02-0 .column li a').hover(
			function(){ $(this).css({ opacity: '0.8' }) },
			function(){ $(this).css({ opacity: '1.0' }) }
		)
	}
	if( page[0] == 'p02' && page[1] != 'p02-0') {
		$.superbox.settings = {
			boxId: "superbox",
			boxClasses: "",
			overlayOpacity: 0.0,
			boxWidth: "600",
			boxHeight: "400",
			loadTxt: "Loading...",
			closeTxt: "Close",
			prevTxt: "Previous",
			nextTxt: "Next"
		}
		$.superbox()
		
		//alert($('#modalbox').height())
		
		$('#superbox p.close a').hover(
			function(){ $(this).css('background-position', '0 -15px') },
			function(){ $(this).css('background-position', '0 0') }
		)
		
	}
	if( page[0] == 'p04') {
		$('#subnavi a').click( function(){
			var sec = $(this).attr('href')
			$(window).scrollTop($(sec).offset().top)
			return false;
		})
		$('.pagetop').click( function(){
			$(window).scrollTop(0)
			return false;
		})
	}
})