// JavaScript Document

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

$(document).ready(function(){
    
    $(".collage").animate({ opacity: 0 }, 0);
    
    $("#collage1").delay(600).fadeTo(500, 1 );
    $("#collage2").delay(1400).fadeTo(500, 1 );
    $("#collage3").delay(800).fadeTo(500, 1 );
    $("#collage4").delay(2200).fadeTo(500, 1 );
    $("#collage5").delay(200).fadeTo(500, 1 );
    $("#collage6").delay(1800).fadeTo(500, 1 );
    $("#collage7").delay(1000).fadeTo(500, 1 );
    $("#collage8").delay(400).fadeTo(500, 1 );
    $("#collage9").delay(1000).fadeTo(500, 1 );
    $("#collage10").delay(800).fadeTo(500, 1 );
    $("#collage11").delay(600).fadeTo(500, 1 );
    $("#collage12").delay(1200).fadeTo(500, 1 );
    $("#collage13").delay(1600).fadeTo(500, 1 );
    $("#collage14").delay(2000).fadeTo(500, 1 );
    $("#collage15").delay(2200).fadeTo(500, 1 );
    $("#collage16").delay(1000).fadeTo(500, 1 );
    $("#collage17").delay(1800).fadeTo(500, 1 );
    $("#collage18").delay(200).fadeTo(500, 1 );
    $("#collage19").delay(2000).fadeTo(500, 1 );
    $("#collage20").delay(1200).fadeTo(500, 1 );
    $("#collage21").delay(1600).fadeTo(500, 1 );
    $("#collage22").delay(1400).fadeTo(500, 1 );
    $("#collage23").delay(400).fadeTo(500, 1 );
    
    // $("#20thLogo").animate({ opacity: 0 }, 0).delay(2400).fadeTo(1000, 1 ).animate({top:"0px", left:"600px"}), 2000;
    $("#logo20thHome").delay(2400).animate({top:"-50px", left:"600px"}), 2000;
    
});


// timeline

$(document).ready(function () {        
    $("#timeline").mousedown(function (event) {
	$(this)
	    .data('down', true)
	    .data('x', event.clientX)
	    .data('scrollLeft', this.scrollLeft);
	
	return false;
    }).mouseup(function (event) {
	$(this).data('down', false);
    }).mousemove(function (event) {
	if ($(this).data('down') == true) {
	    this.scrollLeft = $(this).data('scrollLeft') + $(this).data('x') - event.clientX;
	}
    }).mousewheel(function (event, delta) {
	this.scrollLeft -= (delta * 30);
    }).css({
	'overflow' : 'hidden',
            'cursor' : '-moz-grab'
	    });
});

$(document).ready(function(){
    $("#moveleft").mousedown(function() { //mine
        $('#timeline').data('delta', 5); // adjust this for bigger or smaller jumps each interval
    }).mouseup(function() { 
        $('#timeline').data('delta', 0);
    }).mouseout(function() { 
        $('#timeline').data('delta', 0);
    });

    $("#moveright").mousedown(function() { //mine
        $('#timeline').data('delta', -5); // adjust this for bigger or smaller jumps each interval
    }).mouseup(function() { 
        $('#timeline').data('delta', 0);
    }).mouseout(function() { 
        $('#timeline').data('delta', 0);
    });

    setInterval(function(){
	if ($('#timeline').data('delta')) {
          $('#timeline').scrollLeft($('#timeline').scrollLeft() + $('#timeline').data('delta'));
	}
    }, 25); // adjust this higher for slower frame rate (jump interval)
});


$(window).mouseout(function (event) {
    if ($('#timeline').data('down')) {
	try {
	    if (event.originalTarget.nodeName == 'BODY' || event.originalTarget.nodeName == 'HTML') {
		$('#timeline').data('down', false);
	    }                
	} catch (e) {}
    }
});



//$(document).ready(function(){
 //$(".latest_img").fadeTo("slow", 0.3);
// $(".collage").fadeTo(100, 0.01);
// $(".collage").ready(function(){ //ready = onload
//  $(this).fadeTo("fast", 1.0);
// },function(){ //callback?
//  $(this).fadeIn("slow", 0.3);
// });
//});





/* Copyright (c) 2006 Brandon Aaron (brandon.aaron@gmail.com || http://brandonaaron.net)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php)
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers.
 * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix.
 *
 * $LastChangedDate: 2007-12-14 23:57:10 -0600 (Fri, 14 Dec 2007) $
 * $Rev: 4163 $
 *
 * Version: @VERSION
 * 
 * Requires: $ 1.2.2+
 */
 
 

(function($) {

$.event.special.mousewheel = {
	setup: function() {
		var handler = $.event.special.mousewheel.handler;
		
		// Fix pageX, pageY, clientX and clientY for mozilla
		if ( $.browser.mozilla )
			$(this).bind('mousemove.mousewheel', function(event) {
				$.data(this, 'mwcursorposdata', {
					pageX: event.pageX,
					pageY: event.pageY,
					clientX: event.clientX,
					clientY: event.clientY
				});
			});
	
		if ( this.addEventListener )
			this.addEventListener( ($.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel'), handler, false);
		else
			this.onmousewheel = handler;
	},
	
	teardown: function() {
		var handler = $.event.special.mousewheel.handler;
		
		$(this).unbind('mousemove.mousewheel');
		
		if ( this.removeEventListener )
			this.removeEventListener( ($.browser.mozilla ? 'DOMMouseScroll' : 'mousewheel'), handler, false);
		else
			this.onmousewheel = function(){};
		
		$.removeData(this, 'mwcursorposdata');
	},
	
	handler: function(event) {
		var args = Array.prototype.slice.call( arguments, 1 );
		
		event = $.event.fix(event || window.event);
		// Get correct pageX, pageY, clientX and clientY for mozilla
		$.extend( event, $.data(this, 'mwcursorposdata') || {} );
		var delta = 0, returnValue = true;
		
		if ( event.wheelDelta ) delta = event.wheelDelta/120;
		if ( event.detail     ) delta = -event.detail/3;
		if ( $.browser.opera  ) delta = -event.wheelDelta;
		
		event.data  = event.data || {};
		event.type  = "mousewheel";
		
		// Add delta to the front of the arguments
		args.unshift(delta);
		// Add event to the front of the arguments
		args.unshift(event);

		return $.event.handle.apply(this, args);
	}
};

$.fn.extend({
	mousewheel: function(fn) {
		return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel");
	},
	
	unmousewheel: function(fn) {
		return this.unbind("mousewheel", fn);
	}
});

})(jQuery);
//for(i=1; i<23; i++){