///////////////////////////////////////////////////////////////////////
// imageScroller (1.1), Copyright (C) 2008 - 2009 Max Kiusso
//
// Autor :		Max Kiusso - kiussoATgmailDOTcom
// Date :		2008 12 01
// Modified:	2009 11 23
//
// REQUIRES jQuery 1.2+ <http://jquery.com/>
//
// Features:
// 		This software provide to create a multidirectional image
//		scroller with mouse events
//
// Configuration:	$( "#div" ).imageScroller( {options} )
//					
//					options:	speed (millisecond)
//								loading (text)
//								direction (left, right, top, bottom)
//
// New in release 1.1:
//		- bug fix for preload images
///////////////////////////////////////////////////////////////////////

( function( $ ) {
    $.fn.imageScroller = function ( options ) {
        return this.each( function() {
            var $this = $( this );
            var loadImgs = 0;
			
            var opt = $.extend(
            {
                speed: "2000"
                ,
                loading: "Loading images..."
                ,
                direction: "left"
            }
            , options || {}
            );
			
            $this.children().hide();
            $this.append(
                "<div style='clear:both; padding: 0px; margin: 0px;'>" +
                "<div id='loading'>" + opt.loading + "</div>" +
                "</div>"
                );
			
            $( "img" , $this ).each(
                function () {
                    var img = new Image();
                    var soc = $( this ).attr( 'src' );
					
                    $( img ).load(
                        function () {
                            loadImgs++;
                        }
                        ).attr( "src" , soc );
                }
                );
			
            var intVal = window.setInterval(
                function () {
                    if ( loadImgs == $( "img" , $this ).length ) {
                        window.clearInterval( intVal );
                        $( "#loading" ).remove();
                        $this.children().show();
                        var totImg = 0;
			
                        $.each(
                            $this.children( ":not(div)" )
                            , function () {
                                switch ( opt.direction ) {
                                    case 'left':
                                    case 'right':
                                        if ( $( this ).children().length ) {
                                            $( this ).width( $( this ).children( ":eq(0)" ).width() );
                                        }
                                        totImg += $( this ).width();
                                        break;
                                    case 'top':
                                    case 'bottom':
                                        $( this ).css( "display" , "block" );
                                        if ( $( this ).children().length ) {
                                            $( this ).height( $( this ).children( ":eq(0)" ).height() );
                                        }
                                        totImg += $( this ).height();
                                        break;
                                }
				/*
                                $( this ).css({
                                    margin:  "0px"
                                    ,
                                    padding: "0px"
                                    ,
                                    clear:   "both"
                                });
                                $( this ).bind(
                                    "mouseover"
                                    , function () {
                                        $( "div:eq(0)" , $this ).stop();
                                    }
                                    ).bind(
                                    "mouseout"
                                    , function () {
                                        scrollStart( $( "div:eq(0)" , $this ) , opt );
                                    }
                                    );
				*/
								
                                $( "div:eq(0)" , $this ).append( $( this ) );
                            }
                            );
						
                        switch ( opt.direction ) {
                            case 'left':
                                $( "div:eq(0)" , $this ).css( "width" , totImg + "px" );
                                break;
							
                            case 'right':
                                $( "div:eq(0)" , $this ).css( "width" , totImg + "px" );
                                $( "div:eq(0)" , $this ).css({
                                    marginLeft: -( totImg - $this.width() ) + "px"
                                });
                                break;
								
                            case 'top':
                                $( "div:eq(0)" , $this ).css( "height" , totImg + "px" );
                                break;
								
                            case 'bottom':
                                $( "div:eq(0)" , $this ).css( "height" , totImg + "px" );
                                $( "div:eq(0)" , $this ).css({
                                    marginTop: -( totImg - $this.height() ) + "px"
                                });
                                break;
                        }
	
                        scrollStart( $( "div:eq(0)" , $this ) , opt );
                    }
                }
                , 100
                );
			
            function scrollStart ( $scroll , opt ) {
                switch ( opt.direction ) {
                    case 'left':
                        var pos = -( $scroll.children( ":eq(0)" ).width() );
                        var spd = opt.speed - ( Math.abs ( parseInt( $scroll.css( "marginLeft" ) ) ) * ( opt.speed / $scroll.children( ":eq(0)" ).width() ) );
                        break;
						
                    case 'right':
                        var pos = -( $scroll.width() - $scroll.parents( "div:eq(0)" ).width() ) + $scroll.children( ":last" ).width();
                        var spd = opt.speed - ( ( $scroll.children( ":last" ).width() - ( Math.abs ( parseInt( $scroll.css( "marginLeft" ) ) ) - Math.abs ( pos ) ) ) * ( opt.speed / $scroll.children( ":last" ).width() ) );
                        break;
						
                    case 'top':
                        var tos = -( $scroll.children( ":eq(0)" ).height() );
                        var spd = opt.speed - ( Math.abs ( parseInt( $scroll.css( "marginTop" ) ) ) * ( opt.speed / $scroll.children( ":eq(0)" ).height() ) );
                        break;
						
                    case 'bottom':
                        var tos = -( $scroll.height() - $scroll.parents( "div:eq(0)" ).height() ) + $scroll.children( ":last" ).height();
                        var spd = opt.speed - ( ( $scroll.children( ":last" ).height() - ( Math.abs ( parseInt( $scroll.css( "marginTop" ) ) ) - Math.abs ( tos ) ) ) * ( opt.speed / $scroll.children( ":last" ).height() ) );
                        break;
                }
				
                $scroll.animate(
                {
                    marginLeft: ( pos || "0" ) + "px"
                    ,
                    marginTop: ( tos || "0" ) + "px"
                }
                , spd
                , "linear"
                , function () {
                    switch ( opt.direction ) {
                        case 'left':
                            $scroll.append( $( this ).children( ":eq(0)" ) );
                            $scroll.css( "marginLeft" , "0px" );
                            break;
								
                        case 'right':
                            $scroll.prepend( $( this ).children( ":last" ) );
                            $scroll.css( "marginLeft" , -( $scroll.width() - $scroll.parents( "div:eq(0)" ).width() ) + "px" );
                            break;
								
                        case 'top':
                            $scroll.append( $( this ).children( ":eq(0)" ) );
                            $scroll.css( "marginTop" , "0px" );
                            break;
								
                        case 'bottom':
                            $scroll.prepend( $( this ).children( ":last" ) );
                            $scroll.css( "marginTop" , -( $scroll.height() - $scroll.parents( "div:eq(0)" ).height() ) + "px" );
                            break;
                    }
						
                    scrollStart( $scroll , opt );
                }
                );
            };
        });
    };
})(jQuery);