// JavaScript Document
var windowHeight;
var introID;
var scrollID;

$.fn.wait = function(time, type) {
	time = time || 1000;
	type = type || "fx";
       
	   return this.queue(type, function() {
            var self = this;
            setTimeout(function() {
                $(self).dequeue();
            }, time);
        });
};


$(function(){ 
	
	if($.browser.msie){
		
		//$('body').css('font-family','Arial');
		
		//$('body').css('font-family','Georgia');
		
		$('.start').css('letter-spacing','-0.4pt');
		$('.page2').css('letter-spacing','-0.4pt');
		$('.page3').css('letter-spacing','-0.4pt');
		$('.page4').css('letter-spacing','-0.4pt');
		$('.page5').css('letter-spacing','-0.4pt');
		$('.page6').css('letter-spacing','-0.4pt');
		
		$('body').css('font-size','16px');
		$('body').css('font-weight','bold');
		
		$('.start').css('margin-left','18px');
		$('.start').css('margin-right','18px');
	}
	
	$('.start').hide();	
	$('.page1').hide();
	$('.page2').hide();
	$('.page3').hide();
	$('.page4').hide();
	$('.page5').hide();
	$('.page6').hide();
	$('.buff').hide();
	$('.hend').hide();
	$('.toro').hide();
	$('.nav').hide();
	$('.scroll').hide();
	$('.homeIcon').hide();
	$('.caption').hide();
	$('#line').hide();
	
	windowHeight = $(window).height();
	
	if(windowHeight < 485){ windowHeight = 485; }
	
	$('.scroll').css('margin-top', (windowHeight / 2) +100 );
	$('.nav').css('margin-top', (windowHeight / 2) + 25);
	$('.caption').css('margin-top', (windowHeight / 2));
	
	$('#mainCenter').css('margin-top', (windowHeight / 2) - 56 ).wait(1000).fadeIn(1000, function(){ 
		introID = setTimeout(function(){ 
			var mainHeight = $('#mainCenter').height();
			if( mainHeight = 96){ 
				introAnimation(); 
			}
		}, 3000); 
	});
	
	$('#logo').click(function(){introAnimation();});
	
	$(window).resize(function(){
		windowHeight = $(window).height();
		
		if(windowHeight < 485){ windowHeight = 485; }
	
		$('.scroll').css('margin-top', (windowHeight / 2) +100 );
		$('.nav').css('margin-top', (windowHeight / 2) + 50);
		$('.caption').css('margin-top', (windowHeight / 2));
		
		$('#mainCenter').css('margin-top', (windowHeight / 2) - 242);
	});
		   
});

function repeatFade(obj){
	
	$(obj).fadeTo(1000, .20).fadeTo(1000, 1, function(){ repeatFade(this); });
	
}

function introAnimation(){
	
	clearTimeout(introID);
	
	$('#mainCenter').animate({ height: 485, marginTop: ((windowHeight / 2) - 242)}, 1000, function(){
		$('.start').show();																							 	
		$('#link1').animate({ color:'black'}, 1000, function(){
			$('#link2').animate({ color:'black'}, 1000, function(){
				$('#link3').animate({ color:'black'}, 1000, function(){
					$('#link4').animate({ color:'black'}, 1000, function(){
						$('#link5').animate({ color:'black'}, 1000, function(){													 
							$('#link6').animate({ color:'black'}, 1000, function(){												 
								$('.start').animate({color :'#88898b'}, 1000); 
								$('.color1').hover(function(){ $(this).css({color:'#5d87a1'}) }, function(){ $(this).css({color:'#000000'}) } );
								$('.color2').hover(function(){ $(this).css({color:'#3e3845'}) }, function(){ $(this).css({color:'#000000'}) } );
								$('.color3').hover(function(){ $(this).css({color:'#773e29'}) }, function(){ $(this).css({color:'#000000'}) } );
								$('.color4').hover(function(){ $(this).css({color:'#a49d7b'}) }, function(){ $(this).css({color:'#000000'}) } );
							});
						});
					});
				});
			});
		});
		$('#line').fadeIn(1000);
	});
	
}

function hideOld(newPage){
	//
	if(newPage == 0){
		$('.nav').fadeOut(1000);
	}
	
	if(newPage != 1){
		$('.page1').fadeOut(1000);
		$('#p1Caption').hide();
	}
	
	if(newPage != 2){
		$('.page2').fadeOut(1000);
		$('#p2Home').hide();
		$('#p2Scroll').hide();
		$('#nav2').removeClass('p2Sel');
	}
	
	if(newPage != 3){
		$('.page3').fadeOut(1000);
		$('#p3Scroll').hide();
		
		if(newPage != 'buff' && newPage != 'hend' && newPage != 'toro'){
		   $('#p3Home').hide();
		   $('#nav3').removeClass('p3Sel');
		}
	}
	
	if(newPage != 4){
		$('.page4').fadeOut(1000);
		$('#p4Home').hide();
		$('#p4Scroll').hide();
		$('#nav4').removeClass('p4Sel');
	}
	
	if(newPage != 5){
		$('.page5').fadeOut(1000);
		$('#p1Home').hide();
		$('#nav5').removeClass('p1Sel');
	}
	
	if(newPage != 6){
		$('.page6').fadeOut(1000);
		$('#p1Home').hide();
		$('#nav6').removeClass('p1Sel');
	}
	
	if(newPage != 'buff'){
		$('.buff').fadeOut(1000);
		$('#buffCaption').hide();
	}
	
	if(newPage != 'hend'){
		$('.hend').fadeOut(1000);
		$('#hendCaption').hide();
	}
	
	if(newPage != 'toro'){
		$('.toro').fadeOut(1000);
		$('#toroCaption').hide();
	}
	
	$('#logo').fadeIn(1000);
	$('#line').fadeIn(1000);
}

function start(){
	//
	hideOld(0);
	
	//
	$('body').animate({ backgroundColor:'#435a69'}, 1000);
	$('.start').fadeIn(1000);
	$('#logo').fadeIn(1000);
	$('#line').fadeIn(1000);
}

function page1(){
	//
	hideOld(1);
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('body').animate({ backgroundColor:'#435a69'}, 1000);
	$('.start').fadeOut(1000);
	$('#logo').fadeOut(1000);
	$('#line').fadeOut(1000);
	$('.page1').fadeIn(1000);
	$('#p1Caption').fadeIn(1000);
}

function page2(){
	//
	hideOld(2);
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('body').animate({ backgroundColor:'#3e3845'}, 1000);
	$('.start').fadeOut(1000);
	$('.page2').fadeIn(1000);
	$('.nav').fadeIn(1000);
	$('#p2Scroll').fadeIn(1000, function(){ repeatFade(this); });
	$('#p2Home').fadeIn(1000);
	$('#nav2').addClass('p2Sel');
	
	toTop('page2');
	scrollID = 'page2';
}

function page3(){
	//
	hideOld(3);
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('body').animate({ backgroundColor:'#773e29'}, 1000);
	$('.start').fadeOut(1000);
	$('.page3').fadeIn(1000);
	$('.nav').fadeIn(1000);
	$('#p3Scroll').fadeIn(1000, function(){ repeatFade(this); });
	$('#p3Home').fadeIn(1000);
	$('#nav3').addClass('p3Sel');
	
	toTop('page3');
	scrollID = 'page3';
}

function page4(){
	//
	hideOld(4);
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('body').animate({ backgroundColor:'#a49d7b'}, 1000);
	$('.start').fadeOut(1000);
	$('.page4').fadeIn(1000);
	$('.nav').fadeIn(1000);
	$('#p4Scroll').fadeIn(1000, function(){ repeatFade(this); });
	$('#p4Home').fadeIn(1000);
	$('#nav4').addClass('p4Sel');
	
	toTop('page4');
	scrollID = 'page4';
}

function page5(){
	//
	hideOld(5);
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('body').animate({ backgroundColor:'#435a69'}, 1000);
	$('.start').fadeOut(1000);
	$('.page5').fadeIn(1000);
	$('.nav').fadeIn(1000);
	$('#p1Home').fadeIn(1000);
	$('#nav5').addClass('p1Sel');
}

function page6(){
	//
	hideOld(6);
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('body').animate({ backgroundColor:'#435a69'}, 1000);
	$('.start').fadeOut(1000);
	$('.page6').fadeIn(1000);
	$('.nav').fadeIn(1000);
	$('#p1Home').fadeIn(1000);
	$('#nav6').addClass('p1Sel');
}

function buff(){
	//
	hideOld('buff');
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('#logo').fadeOut(1000);
	$('#line').fadeOut(1000);
	$('.buff').fadeIn(1000);
	$('#buffCaption').fadeIn(1000);
}

function hend(){
	//
	hideOld('hend');
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('#logo').fadeOut(1000);
	$('#line').fadeOut(1000);
	$('.hend').fadeIn(1000);
	$('#hendCaption').fadeIn(1000);
}

function toro(){
	//
	hideOld('toro');
	
	//
	$('#logo').click(function(){start();});
	
	//
	$('#logo').fadeOut(1000);
	$('#line').fadeOut(1000);
	$('.toro').fadeIn(1000);
	$('#toroCaption').fadeIn(1000);
}

// scroll
defaultStep=1;
step=defaultStep;

function toTop(id){
	document.getElementById(id).scrollTop=0;
}

function scrollDivDown(id){
	document.getElementById(id).scrollTop+=step;
	timerDown=setTimeout("scrollDivDown('"+id+"')",10);
}
		
function scrollDivUp(id){
	document.getElementById(id).scrollTop-=step;
	timerUp=setTimeout("scrollDivUp('"+id+"')",10);
}
		
function toBottom(id){
	document.getElementById(id).scrollTop=document.getElementById(id).scrollHeight;
}
		
function toPoint(id){
	document.getElementById(id).scrollTop=100;
}

/** This is high-level function.
 * It must react to delta being more/less than zero.
 */
function handle(delta) {
		
        if (delta < 0)
		document.getElementById(scrollID).scrollTop-=delta*20 ;
        else
		document.getElementById(scrollID).scrollTop-=delta*20 ;
}

/** Event handler for mouse wheel event.
 */
function wheel(event){
        var delta = 0;
        if (!event) /* For IE. */
                event = window.event;
        if (event.wheelDelta) { /* IE/Opera. */
                delta = event.wheelDelta/120;
                /** In Opera 9, delta differs in sign as compared to IE.
                 */
                if (window.opera)
                        delta = -delta;
        } else if (event.detail) { /** Mozilla case. */
                /** In Mozilla, sign of delta is different than in IE.
                 * Also, delta is multiple of 3.
                 */
                delta = -event.detail/3;
        }
        /** If delta is nonzero, handle it.
         * Basically, delta is now positive if wheel was scrolled up,
         * and negative, if wheel was scrolled down.
         */
        if (delta)
                handle(delta);
        /** Prevent default actions caused by mouse wheel.
         * That might be ugly, but we handle scrolls somehow
         * anyway, so don't bother here..
         */
        if (event.preventDefault)
                event.preventDefault();
	event.returnValue = false;
}

/** Initialization code. 
 * If you use your own event management code, change it as required.
 */
if (window.addEventListener)
        /** DOMMouseScroll is for mozilla. */
        window.addEventListener('DOMMouseScroll', wheel, false);
/** IE/Opera. */
window.onmousewheel = document.onmousewheel = wheel;