// initilize code
$(function(){
    
	$(".btn-img")
		.mouseover(function () {
			this.src = this.src.replace(/^(.+)(.png)$/, "$1_over$2");
		})
		.mouseout(function () {
			this.src = this.src.replace(/^(.+)_over(.png)$/, "$1$2");
		})
		.each(function () {
			this.preloaded = new Image;
			this.preloaded.src = this.src.replace(/^(.+)(.png)$/, "$1_over$2");
		});
	
	// demo
	$('#holder-box').append('<div id="shade-box"></div>');
	
	$('#btn-top').click( function() { $('#grid-box').removeClass('grid'); slideContent( 'top', { 'left':0 } ); return false; } );
	$('#btn-spaUminaibi').click( function() { $('#grid-box').addClass('grid'); slideContent( 'uminaibi', { 'left':-981 } ); return false; } );
	$('#btn-spaUmiki').click( function() { $('#grid-box').addClass('grid'); slideContent( 'umiki', { 'left':-1962 } ); return false; } );
	$('#btn-about').click( function() { $('#grid-box').addClass('grid'); slideContent( 'about', { 'left':-2943 } ); return false; } );
	$('#btn-news').click( function() { $('#grid-box').addClass('grid'); slideContent( 'news', { 'left':-3924 } ); return false; } );
	$('#btn-link').click( function() { $('#grid-box').addClass('grid'); slideContent( 'link', { 'left':-4905 } ); return false; } );
	
	$('#btn-top').hide();
	$('#btn-spaUminaibi').hide();
	$('#btn-spaUmiki').hide();
	$('#btn-about').hide();
	$('#btn-news').hide();
	$('#btn-link').hide();
	$('.menu-dot').hide();
	
	if (page == 'top') {
		$('#badge-uminaibi').hide();
		$('#badge-umiki').hide();
		
		$('#shade-box').fadeOut(2000, showBadges);
		
		slideLoaded.push( 'top' );
		
	} else if (page == 'uminaibi') {
	
		$('#grid-box').addClass('grid');
		$('#shade-box').fadeOut(500, showBtns);
		$('#display-box').animate( { 'left':-981 }, { duration: "slow", easing: "easeInQuad" });
		slideLoaded.push( 'uminaibi' );
		
	} else if (page == 'umiki') {
	
		$('#grid-box').addClass('grid');
		$('#shade-box').fadeOut(500, showBtns);
		$('#display-box').animate( { 'left':-1962 }, { duration: "slow", easing: "easeInQuad" } );
		slideLoaded.push( 'umiki' );
		
	} else if (page == 'about') {
	
		$('#grid-box').addClass('grid');
		$('#shade-box').fadeOut(500, showBtns);
		$('#display-box').animate( { 'left':-2943 }, { duration: "slow", easing: "easeInQuad" } );
		slideLoaded.push( 'about' );
		
	} else if (page == 'news') {
	
		$('#grid-box').addClass('grid');
		$('#shade-box').fadeOut(500, showBtns);
		$('#display-box').animate( { 'left':-3924 }, { duration: "slow", easing: "easeInQuad" } );
		slideLoaded.push( 'news' );
		
	} else if (page == 'link') {
	
		$('#grid-box').addClass('grid');
		$('#shade-box').fadeOut(500, showBtns);
		$('#display-box').animate( { 'left':-4905 }, { duration: "slow", easing: "easeInQuad" } );
		slideLoaded.push( 'link' );
		
	}
	
});

var slideLoaded = new Array();

function slideContent( name, param ) {
	
	var doLoad = true;
	var l = slideLoaded.length;
	for (var i = 0;i < l;i++) {
		if (slideLoaded[i] == name) {
			doLoad = false;
		}
	}
	if (doLoad) {
		slideLoaded.push( name );
		$.ajax( { url: base_url + 'parts/' + name + '/',
			  cache: true,
			  success: function( html ) { $('#display-box').append(html);
										  $('#display-box').animate( param, { duration: "slow", easing: "easeOutQuad" } )  } } );
	} else {
		$('#display-box').animate( param, { duration: "slow", easing: "easeInQuad" } );
	}
}

function showBadges() {
	$('#badge-uminaibi').fadeIn(1000);
	$('#badge-umiki').fadeIn(1500, showBtns);
}

function showBtns() {
	$('#btn-top').fadeIn();
	$('#btn-spaUminaibi').fadeIn();
	$('#btn-spaUmiki').fadeIn();
	$('#btn-about').fadeIn();
	$('#btn-news').fadeIn();
	$('#btn-link').fadeIn();
	$('.menu-dot').fadeIn();
}