///////////////////////////////////////////////////////////////////////
// imageScroller (1.0), Copyright (C) 2008 Max Kiusso
//
// Autor :		Max Kiusso - kiussoATgmailDOTcom
// Date :		2008 12 01
//
// 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)
///////////////////////////////////////////////////////////////////////

(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).load(
				function()
				{
				    loadImgs++;
				}
			);

            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;
                        if ($scroll.children(":eq(0)").width()!=null && $scroll.children(":eq(0)").width()!=0)
                            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;
                        if ( $scroll.children(":last").width() !=null && $scroll.children(":last").width() != 0)
                            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;
                        if ($scroll.children(":eq(0)").height() !=null && $scroll.children(":eq(0)").height() != 0)
                            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;
                        if ($scroll.children(":last").height() !=null && $scroll.children(":last").height() != 0)
                            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);