// 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);
 $("#collageMiddle").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 )

 $("#collageMiddle").delay(2400).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"}), 3000;

});


// 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'
        });
    });
         $('#move').mousedown(function (event) { //mine
			
    });
   
    $(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++){