$(function(){

	var pageID = $('body').attr('id')
	var $main = $('#main')
	var $main_box = $('#main div.box')
	var $main_h2 = $('#main h2')
	
	$.fn.int_archive = function(){
		return $(this).each(function(){
			if ( pageID == 'publish' ) {
				$main_h2.removeClass()
				$('h2:first',this).addClass('first')
				$menu_a.removeClass('this').filter('[href="#' + $(this).attr('id') + '"]').addClass('this')
				$main.scrollTop(0)
				if ( $(this).attr('id') == 'main' ) {
					$('#book').hide().siblings('div').add('div.box',this).show()
					$('#menu dd a').addClass('this')
				} else {
					$(this).add('div.box',this).show().end().siblings('div').hide()
					if ( $(this).attr('id') != 'book' )
						$('#magazine').addClass('this')
				}
			}
			$('#hide_show_btn').removeClass()
		})
	}
	
	var target = '#main'
	
	if ( pageID == 'publish' ) {
		var $menu_dd = $('#menu dd')
		var $menu_a = $('#menu a').click(function(){
			$($(this).attr('href')).int_archive()
			return false
		})
		$menu_a.eq(0).attr({'href':'#main', 'id':'magazine'}).click(function(){
			$(this).parent().toggleClass('show')
			$menu_dd.toggle()
		}).parent().addClass('show')
		
		target = $menu_a.eq(1).attr('href')
		$(target).int_archive()
	}
	
	$('#hide_show_btn').hover(function(){
		$('span',this).fadeTo(0,0.2).css('display','block')
	},function(){
		$('span',this).hide()
	}).click(function(){
		$(this).toggleClass('show_text').hasClass('show_text') ? $main_box.hide() : $main_box.show()
	})

	$main_h2.hover(function(){
		$(this).addClass('hover')
	},function(){
		$(this).removeClass('hover')
	}).click(function(){
		$(this).next(':not(:animated)').slideToggle(200)
		if ( $('p.detail', this).length == 0 || $('p.detail', this).text() == '' )
			$(this).height($(this).data('height'))
	}).eq(0).addClass('first').end().next().each(function(){
		$(this).data('height',$(this).height())
	})

	$('#main p.front a').hover(function(){
		$('span',this).css('opacity',0.7)
	},function(){
		$('span',this).css('opacity',1)
	})
	
	$('<img src="common/img/show.png">').appendTo('body').hide()

	$('#main a[href$=".jpg"]').click(function(){
		$('<div id="jquery-overlay"><p id="jquery-box"><img src="' + this.href + '" id="jquery-photo"><br><img src="common/img/close.png" id="jquery-close"></p></div>').appendTo('body').click(function(){
			$(this).remove()
		})
		$('#jquery-photo').load(function(){
			$('#jquery-overlay').height($(document).height())
			$('#jquery-box').width( $('#jquery-photo').width() + 20 ).css('visibility','visible')
		})
		$('#jquery-close').hover(function(){
			$(this).css('opacity',0.7)
		},function(){
			$(this).css('opacity',1)
		})
		$('html,body').scrollTop(0)
		return false
	})

})