/**
* jQuery.fn.dualSlider - Dual sliders, why not?
* Date: June 2010
*
* @author Rob Phillips (Front End Developer - Hugo & Cat - http://www.hugoandcat.com)
* @version 0.3
* @web http://www.hugoandcat.com/DualSlider/index.html
*
* Requirements:
* jquery.1.3.2.js - http://jquery.com/
* jquery.easing.1.3.js - http://gsgd.co.uk/sandbox/jquery/easing/
* jquery.timers-1.2.js - http://plugins.jquery.com/project/timers
*
* 0.2 - Tested and fixed for IE6+, auto loops, manual pause/play controls
*     - Disabled buttons until animation finishes - Thanks for the bug John.
* 0.3 - Now with a seamless loop, instead of that nasty rewind...was 'too much' apparently
*
**/

/** modified by PilotGroup.net **/


(function($) {

    $.fn.dualSlider = function(options) {

        // default configuration properties
        var defaults = {
            auto: true,
            autoDelay: 10000,
            easingCarousel: 'swing',
            easingDetails: 'easeOutBack',
            durationCarousel: 1000,
            durationDetails: 600,
			widthsliderimage: 500
        };

        var options = $.extend(defaults, options);

        this.each(function() {

            var obj = $(this);
            var carousel;
            var carouselTotal = $(".backgrounds", obj).children().length;
            var carouselPosition = 1;
            var carouselLinkIndex = 1;
            var carouselLinks = "";
			
			var carousel_css_width = $(".carousel").width();
			var difference_width = carousel_css_width - options.widthsliderimage;
			
			var carouselwidth = $(obj).width() - difference_width;
			
            var detailWidth = $(".panel .details_wrapper", obj).width();
            var locked = false;
			
			if(options.auto == true)
			{
				//Creat duplicates for seamless looping
				$(".backgrounds", obj).prepend($(".backgrounds .item:last-child", obj).clone().css("margin-left", "-" + carouselwidth + "px"));
				$(".backgrounds", obj).append($(".backgrounds .item:nth-child(2)", obj).clone());

				$(".details", obj).prepend($(".details .detail:last-child", obj).clone().css("margin-left", "-" + detailWidth + "px"));
				$(".details", obj).append($(".details .detail:nth-child(2)", obj).clone());
			}
			else{
				/*$(".previous", obj).hide();*/
				var text_elem = $("#previous_item", obj).html();
				$("div.paging").prepend($('<span id="previous_item" class="previous-noactive" alt="'+text_elem+'" title="'+text_elem+'">'+text_elem+'</span>'));
				$("div.paging a.previous").remove();
				$(".play, .pause", obj).hide();
			}


            //Set main background width
            $(".backgrounds", obj).css("width", ((carouselTotal+1) * carouselwidth) + 100 + "px");
            

            //Set main detail width
            $(".details_wrapper .details", obj).css("width", detailWidth * carouselwidth + "px");

            for (i = 1; i <= carouselTotal; i++) {
                (i == 1) ? carouselLinks += "<a rel=\"" + carouselLinkIndex + "\" title=\"Go to page " + carouselLinkIndex + " \" class=\"link" + carouselLinkIndex + " selected\" href=\"javascript:void(0)\">" + carouselLinkIndex + "</a>" : carouselLinks += "<a rel=\"" + carouselLinkIndex + "\"  title=\"Go to page " + carouselLinkIndex + " \" class=\"link" + carouselLinkIndex + "\" href=\"javascript:void(0)\" >" + carouselLinkIndex + "</a>";
                carouselLinkIndex++;
            }
            $("#numbers", obj).html(carouselLinks);

            //Bind carousel controls
            $("a#next_item", obj).click(function() {
                carouselPage(parseInt(carouselPosition + 1), false);
                lock();
            });
            
            $("a#previous_item", obj).click(function() {
                carouselPage(parseInt(carouselPosition - 1), false);
                lock();
            });

            $("#numbers a", obj).click(function() {
                carouselPage($(this).attr("rel"), false);
                lock();
            });

            $(".pause", obj).click(function() {
                autoPause();
            });
            $(".play", obj).click(function() {
                autoPlay();
            });

            function lock() {
                locked = true;
            }

            function unLock() {
                locked = false;
            }


            function checkPreviousNext() {
                $("#numbers a", obj).removeClass("selected");
                $("#numbers .link" + carouselPosition, obj).addClass("selected");
				
				if(options.auto == false)
				{
					/*(carouselPosition == carouselTotal) ? $(".next", obj).hide() : $(".next", obj).show();
					(carouselPosition < 2) ? $(".previous", obj).hide() : $(".previous", obj).show();*/
					var text_elem_prev = $("#previous_item", obj).html();
					var text_elem_next = $("#next_item", obj).html();
					
					
					/* previous link */
					if (carouselPosition < 2) {
						$("div.paging").prepend($('<span id="previous_item" class="previous-noactive" alt="'+text_elem_prev+'" title="'+text_elem_prev+'">'+text_elem_prev+'</span>'));
						$("div.paging a.previous").remove();
					}
					else {
						$("div.paging a.previous").remove();
						$("div.paging").prepend($('<a href="javascript:void(0);" id="previous_item" class="previous" alt="'+text_elem_prev+'" title="'+text_elem_prev+'">'+text_elem_prev+'</a>'));
						$("div.paging span.previous-noactive").remove();
						$("a#previous_item", obj).click(function() {
							carouselPage(parseInt(carouselPosition - 1), false);
							lock();
						});
					}
					
					/* next link */
					if (carouselPosition == carouselTotal) {
						$("div.paging").append($('<span id="next_item" class="next-noactive" alt="'+text_elem_next+'" title="'+text_elem_next+'">'+text_elem_next+'</span>'));
						$("div.paging a.next").remove();
					}
					else {
						$("div.paging a.next").remove();
						$("div.paging").append($('<a href="javascript:void(0);" id="next_item" class="next" alt="'+text_elem_next+'" title="'+text_elem_next+'">'+text_elem_next+'</a>'));
						$("div.paging span.next-noactive").remove();
						$("a#next_item", obj).click(function() {
							carouselPage(parseInt(carouselPosition + 1), false);
							lock();
						});
					}
				}
            }
			
			function adjust() {

                if (carouselPosition < 1) {
                    //alert("trickery required");
                    $(".backgrounds", obj).css("margin-left", (-1 * ((carouselTotal - 1) * carouselwidth)));
                    $(".details", obj).css("margin-left", (-1 * ((carouselTotal - 1) * detailWidth)));
                    carouselPosition = carouselTotal;

                }
                if (carouselPosition > carouselTotal) {
                    //alert("more trickery required");
                    $(".backgrounds", obj).css("margin-left", 0);
                    $(".details", obj).css("margin-left", 0);
                    carouselPosition = 1;
                }

            }

            function carouselPage(x, y) {
                if (locked != true) {

                    //console.log("New page: " + x);
                    carouselPosition = parseFloat(x);
                    //Cancel timer if manual click
                    if (y == false) autoPause();

                    var newPage = (x * carouselwidth) - carouselwidth;
                    var newPageDetail = (x * detailWidth) - detailWidth;
					
                    if (newPage != 0) {
                        newPage = newPage * -1;
                        newPageDetail = newPageDetail * -1;
                    }

                    $(".backgrounds", obj).animate({
                        marginLeft: newPage
                    }, {
                        "duration": options.durationCarousel, "easing": options.easingCarousel,

                        complete: function() {

                            //Now animate the details
                            $(".details", obj).animate({
                                marginLeft: newPageDetail
                            }, {
                                "duration": options.durationDetails, "easing": options.easingDetails

                            });
                            adjust();
							checkPreviousNext();
                            unLock();
                        }
                    });
					
					/*$(".backgrounds", obj).fadeOut('slow', function() {
						$(".backgrounds", obj).animate({
							marginLeft: newPage
						}, {
							
							complete: function() {
								
							$(".backgrounds", obj).fadeIn("slow");
	
								//Now animate the details
								$(".details", obj).animate({
									marginLeft: newPageDetail
								}, {
									"duration": options.durationDetails, "easing": options.easingDetails

								});
								adjust();
								checkPreviousNext();
								unLock();
							}
						});
				    });*/
                }
                

            }

            function autoPause() {
                $(".pause", obj).hide();
                $(".play", obj).show();
                $("body").stopTime("autoScroll");
            }

            function autoPlay() {
                $(".pause", obj).show();
                $(".play", obj).hide();
                $("body").everyTime(options.autoDelay, "autoScroll", function() {
                    carouselPage(carouselPosition + 1, true);
                    lock();
                });
            }

            if (options.auto == true) {
                autoPlay();
            }

        });

    };

})(jQuery);