var openpage = getUrlVars()['page'];
var opentab = getUrlVars()['tab'];

$(function() {

	$('body').css('visibility','hidden');

	$(window).load(function(){

		if(openpage!=undefined) {
			setclickID = '#menu-' + openpage;
			$('#header').hide();
			$(setclickID).find('a').click();
		}

		$('body').hide().css('visibility','visible');
		$('body').fadeIn('slow');


	});


	$('#main li a').not('#menu-contact a').click(function () {

		$('#mainContents').fadeOut('fast');

		sethtml = './' + $(this).attr('href');
		setimg = './image/bgPage' + $(this).attr('href').replace('.html','.jpg');
		preimg = new Image();
		preimg.src = setimg;

		$('#header').slideUp('slow');
		$('h1').prependTo('#sideContents');

		$('body').animate({
			marginRight: '800px'
		}, 400,'',setTimeout('loadPage()',600));

		return false;

	});


	$('h1 a').click(function () {
		closeAct();
		return false;
	});

});

function loadPage() {

	$("#mainContents").load(sethtml + ' div#loadContents', function() {

		if(sethtml == './tenugui.html') {
			$(this).find('#box-designtenugui, #box-tenuguibook').hide();
			$(this).find('#subctg-list a[href="#box-tenugui"]').addClass('void');

		};

		if(opentab!=undefined) {
			setclickTab = '#box-' + opentab;

			$('.box-subctg').hide();
			$('#mainContents').show();
			$('.link-example a:not(.default)').attr('title','open');
			$(setclickTab).fadeIn();
			$('#subctg-list a').removeClass('void');
			$(this).find('#subctg-list a[href="' + setclickTab + '"]').addClass('void');

			offset = $('#subctg-list').offset();
			$('#mainContents').scrollTop(offset.top);

		}else {
			$('#mainContents').fadeIn('slow').scrollTop(0);
		
		}

		$('h1').fadeIn('slow');


		$(this).find('#navi-siteTop').click(function () {
			closeAct();
			return false;

		});


		$(this).find('#navi-pageTop').click(function () {

			$('#mainContents').animate({
				scrollTop: 0
			}, 'slow');

			return false;

		});


		$(this).find('#subctg-list a').click(function () {

			if($(this).attr('class') != 'void') {
				$('.box-preview').remove();
				$('.link-example a:not(.default)').attr('title','open');
				$('.box-subctg').fadeOut();
				ancID = $(this).attr('href').split('#');
				$('#' + ancID[ancID.length-1]).fadeIn();
				$('#subctg-list a').removeClass('void');
				$(this).addClass('void');

			}

			return false;

		});



		$(this).find('.link-example a:not(.default)').click(function () {

			if($(this).attr('title')=='close') {
				$('.box-preview a').hide('slow');
				$('.link-example a:not(.default)').attr('title','open');

			}else {
				loadeximg = $(this).attr('href');
				$('.link-example').after(
					'<div class="box-preview"><a onclick="closePrev()"><img src="' + loadeximg + '"></a></div>'
				);
				$('.box-preview a').show('slow');
				$('.link-example a:not(.default)').attr('title','close');

			}

				return false;

		});


	});


}

function closeAct() {
	$('#mainContents').hide();

	$('body').animate({ 
		marginRight: '200px'
	}, 400,'',setTimeout('resetPage()',600));

}

function resetPage() {
	$('h1').fadeOut('slow');
	$('#header').slideDown('slow');

}

function closePrev() {
	$('.box-preview a').hide('slow');
	$('.link-example a:not(.default)').attr('title','open');

	return false;

}


//Get URL parameters
function getUrlVars() {
	var vars = [], hash;
	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
	for(var i = 0; i < hashes.length; i++) {
		hash = hashes[i].split('=');
		vars.push(hash[0]);
		vars[hash[0]] = hash[1];
	}
	return vars;
}