/*
Supersized - Fullscreen Slideshow jQuery Plugin
Version 3.0
By Sam Dunn (www.buildinternet.com // www.onemightyroar.com)
Version: supersized.3.0.js
Website: www.buildinternet.com/project/supersized
*/

(function ($) {

    //Resize image on ready or resize
    $.fn.supersized = function () {


        $.inAnimation = false;
        $.paused = false;

        var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
        $.currentSlide = options.start_slide - 1;

        /******Set up initial images -- Add class doesnt work*****/

        if (options.slides.length > 1) {
            //Set previous image
            var imageLink = (options.slides[options.slides.length - 1].url) ? "href='" + options.slides[options.slides.length - 1].url + "'" : "";
            $("<img/>").attr("src", options.slides[options.slides.length - 1].image).appendTo("#supersized").wrap("<a " + imageLink + "></a>"); //Doesnt account for start slide

            //Set current image
            imageLink = (options.slides[$.currentSlide].url) ? "href='" + options.slides[$.currentSlide].url + "'" : "";
            $("<img/>").attr("src", options.slides[$.currentSlide].image).appendTo("#supersized").wrap("<a class=\"activeslide\" " + imageLink + "></a>");

            //Set next image
            imageLink = (options.slides[$.currentSlide + 1].url) ? "href='" + options.slides[$.currentSlide + 1].url + "'" : "";
            $("<img/>").attr("src", options.slides[$.currentSlide + 1].image).appendTo("#supersized").wrap("<a " + imageLink + "></a>");
        }
        $(window).bind("load", function () {

            $('#loading').hide();
            $('#supersized').fadeIn('slow');

            $('#controls-wrapper').show();

            if (options.thumbnail_navigation == 1) {

                /*****Set up thumbnails****/
                //Load previous thumbnail
                $.currentSlide - 1 < 0 ? prevThumb = options.slides.length - 1 : prevThumb = $.currentSlide - 1;
                $('#prevthumb').show().html($("<img/>").attr("src", options.slides[prevThumb].image));

                //Load next thumbnail
                $.currentSlide == options.slides.length - 1 ? nextThumb = 0 : nextThumb = $.currentSlide + 1;
                $('#nextthumb').show().html($("<img/>").attr("src", options.slides[nextThumb].image));

            }

            $('#supersized').resizenow();

            if (options.slide_captions == 1) $('#slidecaption').html(options.slides[$.currentSlide].title); //*********Pull caption from array
            if (options.navigation == 0) $('#navigation').hide();
            if (options.thumbnail_navigation == 0) { $('#nextthumb').hide(); $('#prevthumb').hide(); }

            //Slideshow
            if (options.slideshow == 1) {
                if (options.slide_counter == 1) { //Initiate slide counter if active
                    $('#slidecounter .slidenumber').html(options.start_slide);
                    $('#slidecounter .totalslides').html(options.slides.length); //*******Pull total from length of array
                }
                //  alert($.currentSlide);
                for (var i = 0; i < options.slides.length; i++) {
                    var myImage = new Image;
                    myImage.src = "media/topban_radioBtn.png";
                    myImage.id = "coin" + i;
                    document.getElementById("coincontainer").appendChild(myImage);
                }

                var temp = "coin" + $.currentSlide;
                obj = document.getElementById(temp);
                obj.src = "media/topban_radioBtn_sel.png";
                //  document[temp].src = "media/coin_active.png";

                slideshow_interval = setInterval(nextslide, options.slide_interval);

                if (options.thumbnail_navigation == 1) {
                    //Thumbnail Navigation
                    $('#nextthumb').click(function () {
                        if ($.inAnimation) return false;
                        clearInterval(slideshow_interval);
                        nextslide();
                        if (!($.paused)) slideshow_interval = setInterval(nextslide, options.slide_interval);
                        return false;
                    });
                    $('#prevthumb').click(function () {
                        if ($.inAnimation) return false;
                        clearInterval(slideshow_interval);
                        prevslide();
                        if (!($.paused)) slideshow_interval = setInterval(nextslide, options.slide_interval);
                        return false;
                    });
                }

                if (options.navigation == 1) { //Skip if no navigation
                    $('#navigation a').click(function () {
                        $(this).blur();
                        return false;
                    });

                    //Slide Navigation
                    $('#nextslide').click(function () {
                        if ($.inAnimation) return false;
                        clearInterval(slideshow_interval);
                        nextslide();
                        if (!($.paused)) slideshow_interval = setInterval(nextslide, options.slide_interval);
                        return false;
                    });
                    $('#prevslide').click(function () {
                        if ($.inAnimation) return false;
                        clearInterval(slideshow_interval);
                        prevslide();
                        if (!($.paused)) slideshow_interval = setInterval(nextslide, options.slide_interval);
                        return false;
                    });
                    $('#nextslide').mousedown(function () {
                        $(this).attr("src", "media/rightbutton.png");
                    });
                    $('#nextslide').mouseup(function () {
                        $(this).attr("src", "media/rightbutton.png");
                    });
                    $('#nextslide').mouseout(function () {
                        $(this).attr("src", "media/rightbutton.png");
                    });

                    $('#prevslide').mousedown(function () {
                        $(this).attr("src", "media/leftbutton.png");
                    });
                    $('#prevslide').mouseup(function () {
                        $(this).attr("src", "media/leftbutton.png");
                    });
                    $('#prevslide').mouseout(function () {
                        $(this).attr("src", "media/leftbutton.png");
                    });

                    //Play/Pause Button
                    $('#pauseplay').click(function () {
                        if ($.inAnimation) return false;
                        var src = ($(this).attr("src") === "images/play.png") ? "images/pause.png" : "images/play.png";
                        if (src == "images/pause.png") {
                            $(this).attr("src", "images/play.png");
                            $.paused = false;
                            slideshow_interval = setInterval(nextslide, options.slide_interval);
                        } else {
                            $(this).attr("src", "images/pause.png");
                            clearInterval(slideshow_interval);
                            $.paused = true;
                        }
                        $(this).attr("src", src);
                        return false;
                    });
                    $('#pauseplay').mouseover(function () {
                        var imagecheck = ($(this).attr("src") === "images/play_dull.png");
                        if (imagecheck) {
                            $(this).attr("src", "images/play.png");
                        } else {
                            $(this).attr("src", "images/pause.png");
                        }
                    });

                    $('#pauseplay').mouseout(function () {
                        var imagecheck = ($(this).attr("src") === "images/play.png");
                        if (imagecheck) {
                            $(this).attr("src", "images/play_dull.png");
                        } else {
                            $(this).attr("src", "images/pause_dull.png");
                        }
                        return false;
                    });
                }
            }
        });

        $(document).ready(function () {
            $('#supersized').resizenow();
        });

        //Pause when hover on image
        $('#supersized').hover(function () {
            if (options.slideshow == 1 && options.pause_hover == 1) {
                if (!($.paused) && options.navigation == 1) {
                    $('#pauseplay').attr("src", "images/pause.png");
                    //clearInterval(slideshow_interval);
                }
            }
            if ($.inAnimation) return false; //*******Pull title from array
        }, function () {
            if (options.slideshow == 1 && options.pause_hover == 1) {
                if (!($.paused) && options.navigation == 1) {
                    $('#pauseplay').attr("src", "images/pause_dull.png");
                    slideshow_interval = setInterval(nextslide, options.slide_interval);
                }
            }
            //*******Pull title from array
        });

        $(window).bind("resize", function () {
            $('#supersized').resizenow();
        });

        $('#supersized').hide();
        $('#controls-wrapper').hide();
    };

    //Adjust image size
    $.fn.resizenow = function () {
        var t = $(this);
        var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
        return t.each(function () {

            //Define image ratio
            var ratio = options.startheight / options.startwidth;

            //Gather browser and current image size
            //var imagewidth = t.width();
            var imagewidth = 924;
            //var imageheight = t.height();
            var imageheight = 288;
            var browserwidth = $(window).width();
            var browserheight = $(window).height();
            var offset;

            //Resize image to proper ratio
//            if ((browserheight / browserwidth) > ratio) {
//                t.height(browserheight);
//                t.width(browserheight / ratio);
//                t.children().height(browserheight);
//                t.children().width(browserheight / ratio);
//            } else {
//                t.width(browserwidth);
//                t.height(browserwidth * ratio);
//                t.children().width(browserwidth);
//                t.children().height(browserwidth * ratio);
           // }
            /*if (options.vertical_center == 1) {
            t.children().css('left', (browserwidth - t.width()) / 2);
            t.children().css('top', (browserheight - t.height()) / 2);
            }*/
            return false;
        });
    };

    //Slideshow Next Slide
    function nextslide() {
        if ($.inAnimation) return false;
        else $.inAnimation = true;
        var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);

        var currentslide = $('#supersized .activeslide');
        currentslide.removeClass('activeslide');

        if (currentslide.length == 0) currentslide = $('#supersized a:last'); //*******Check if end of array?

        var nextslide = currentslide.next().length ? currentslide.next() : $('#supersized a:first'); //*******Array
        var prevslide = nextslide.prev().length ? nextslide.prev() : $('#supersized a:last'); //*******Array

        $('.prevslide').removeClass('prevslide');
        prevslide.addClass('prevslide');

        //Get the slide number of new slide
        $.currentSlide + 1 == options.slides.length ? $.currentSlide = 0 : $.currentSlide++;

        /**** Image Loading ****/
        //Load next image
        loadSlide = false;
        $.currentSlide == options.slides.length - 1 ? loadSlide = 0 : loadSlide = $.currentSlide + 1;
        imageLink = (options.slides[loadSlide].url) ? "href='" + options.slides[loadSlide].url + "'" : "";
        $("<img/>").attr("src", options.slides[loadSlide].image).appendTo("#supersized").wrap("<a " + imageLink + "></a>");

        if (options.thumbnail_navigation == 1) {
            //Load previous thumbnail
            $.currentSlide - 1 < 0 ? prevThumb = options.slides.length - 1 : prevThumb = $.currentSlide - 1;
            $('#prevthumb').html($("<img/>").attr("src", options.slides[prevThumb].image));

            //Load next thumbnail
            nextThumb = loadSlide;
            $('#nextthumb').html($("<img/>").attr("src", options.slides[nextThumb].image));
        }

        currentslide.prev().remove(); //Remove Old Image

        /**** End Image Loading ****/

        //Display slide counter
        if (options.slide_counter == 1) {
            $('#slidecounter .slidenumber').html($.currentSlide + 1); //**display current slide after checking if last

        }
        // here is the point
        var prev = ($.currentSlide) - 1;
        if (prev == -1) {
            prev = options.slides.length;
            prev = prev - 1;
        }

        var tempprev = "coin" + prev;
        var tempcur = "coin" + $.currentSlide;

        objprev = document.getElementById(tempprev);
        objcur = document.getElementById(tempcur);

        objprev.src = "media/topban_radioBtn.png";
        objcur.src = "media/topban_radioBtn_sel.png";

        var prev = ($.currentSlide) - 1;



        //Captions
        if (options.slide_captions == 1) {
            (options.slides[$.currentSlide].title) ? $('#slidecaption').html(options.slides[$.currentSlide].title) : $('#slidecaption').html(''); //*******Grab next slide's title from array
        }

        nextslide.hide().addClass('activeslide')
        if (options.transition == 0) {
            nextslide.show(); $.inAnimation = false;
        }
        if (options.transition == 1) {
            jQuery.fx.interval = 5;
            nextslide.fadeIn(750, function () { $.inAnimation = false; });
        }
        if (options.transition == 2) {
            nextslide.show("slide", { direction: "up" }, 'slow', function () { $.inAnimation = false; });
        }
        if (options.transition == 3) {
            nextslide.show("slide", { direction: "right" }, 'slow', function () { $.inAnimation = false; });
        }
        if (options.transition == 4) {
            nextslide.show("slide", { direction: "down" }, 'slow', function () { $.inAnimation = false; });
        }
        if (options.transition == 5) {
            nextslide.show("slide", { direction: "left" }, 'slow', function () { $.inAnimation = false; });
        }
        $('#supersized').resizenow();
    }

    //Slideshow Previous Slide
    function prevslide() {
        if ($.inAnimation) return false;
        else $.inAnimation = true;
        var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);

        var currentslide = $('#supersized .activeslide');
        currentslide.removeClass('activeslide');

        if (currentslide.length == 0) currentslide = $('#supersized a:first');

        var nextslide = currentslide.prev().length ? currentslide.prev() : $('#supersized a:last'); //****** If equal to total length of array
        var prevslide = nextslide.next().length ? nextslide.next() : $('#supersized a:first');

        //Get current slide number
        $.currentSlide == 0 ? $.currentSlide = options.slides.length - 1 : $.currentSlide--;

        /**** Image Loading ****/
        //Load next image
        loadSlide = false;
        $.currentSlide - 1 < 0 ? loadSlide = options.slides.length - 1 : loadSlide = $.currentSlide - 1;
        imageLink = (options.slides[loadSlide].url) ? "href='" + options.slides[loadSlide].url + "'" : "";
        $("<img/>").attr("src", options.slides[loadSlide].image).prependTo("#supersized").wrap("<a " + imageLink + "></a>");

        if (options.thumbnail_navigation == 1) {
            //Load previous thumbnail
            prevThumb = loadSlide;
            $('#prevthumb').html($("<img/>").attr("src", options.slides[prevThumb].image));

            //Load next thumbnail
            $.currentSlide == options.slides.length - 1 ? nextThumb = 0 : nextThumb = $.currentSlide + 1;
            $('#nextthumb').html($("<img/>").attr("src", options.slides[nextThumb].image));
        }

        currentslide.next().remove(); //Remove Old Image

        /**** End Image Loading ****/

        //Display slide counter
        if (options.slide_counter == 1) {
            $('#slidecounter .slidenumber').html($.currentSlide + 1);
        }
        //  alert($.currentSlide);
        var next1 = ($.currentSlide) + 1;
        if (next1 == options.slides.length) {
            next1 = 0;
        }
        var tempnext = "coin" + next1;
        var tempcur = "coin" + $.currentSlide;

        tempnext = document.getElementById(tempnext);
        objcur = document.getElementById(tempcur);

        tempnext.src = "media/topban_radioBtn.png";
        objcur.src = "media/topban_radioBtn_sel.png";


        //   document["coin" + next1].src = "media/coin_inactive.png";
        //   document["coin" + $.currentSlide].src = "media/coin_active.png";

        $('.prevslide').removeClass('prevslide');
        prevslide.addClass('prevslide');
        //Captions
        if (options.slide_captions == 1) {
            (options.slides[$.currentSlide].title) ? $('#slidecaption').html(options.slides[$.currentSlide].title) : $('#slidecaption').html(''); //*******Grab next slide's title from array
        }

        nextslide.hide().addClass('activeslide')
        if (options.transition == 0) {
            nextslide.show(); $.inAnimation = false;
        }
        if (options.transition == 1) {
            jQuery.fx.interval = 5;
            nextslide.fadeIn(750, function () { $.inAnimation = false; });
        }
        if (options.transition == 2) {
            nextslide.show("slide", { direction: "down" }, 'slow', function () { $.inAnimation = false; });
        }
        if (options.transition == 3) {
            nextslide.show("slide", { direction: "left" }, 'slow', function () { $.inAnimation = false; });
        }
        if (options.transition == 4) {
            nextslide.show("slide", { direction: "up" }, 'slow', function () { $.inAnimation = false; });
        }
        if (options.transition == 5) {
            nextslide.show("slide", { direction: "right" }, 'slow', function () { $.inAnimation = false; });
        }

        $('#supersized').resizenow(); //Fix for resize mid-transition
    }

    $.fn.supersized.defaults = {
        startwidth: 4,
        startheight: 3,
        vertical_center: 1,
        slideshow: 1,
        navigation: 1,
        thumbnail_navigation: 0,
        transition: 1, //0-None, 1-Fade, 2-slide top, 3-slide right, 4-slide bottom, 5-slide left
        pause_hover: 0,
        slide_counter: 1,
        slide_captions: 1,
        slide_interval: 5000,
        start_slide: 1
    };

})(jQuery);