(function($) {
    $.fn.jFlow = function(options) {
        var opts = $.extend({},
        $.fn.jFlow.defaults, options);
        var randNum = Math.floor(Math.random() * 11);
        var jFC = opts.controller;
        var jFS = opts.slideWrapper;
        var jSel = opts.selectedWrapper;
        var cur = 0;
        var navCur = ($(jFC).size() - 1);
        var slide = function(dur, i) {
            $(opts.slides).children().css({
                overflow: "hidden"
            });
            $(opts.slides + " iframe").hide().addClass("temp_hide");
            $(opts.slides).animate({
                marginLeft: "-" + (i * $(opts.slides).find(":first-child").width() + "px")
            },
            opts.duration * (dur), opts.easing,
            function() {
                $(opts.slides).children().css({
                    overflow: "auto"
                });
                $(".temp_hide").show();
            });
        }
        $(this).find(jFC).each(function(i) {
            $(this).click(function() {
                if ($(opts.slides).is(":not(:animated)")) {
                    j = ($(jFC).size() - 1) - i; // take "selected" class from link button
                    $(jFC).removeClass(jSel); // add "selected" class to clicked button
                    $(this).addClass(jSel);
                    var dur = Math.abs(cur - j);
                    slide(dur, j);
                    cur = j;
                }
            });
        });
        $(opts.slides).before('<div id="' + jFS.substring(1, jFS.length) + '"></div>').appendTo(jFS);
        $(opts.slides).children("div").each(function() {
            $(this).before('<div class="jFlowSlideContainer2"></div>').appendTo($(this).prev());
        });
        $(jFC).eq(navCur).addClass(jSel);
        var resize = function(x) {
            $(jFS).css({
                position: "relative",
                width: opts.width,
                height: opts.height,
                overflow: "hidden"
            });
            $(opts.slides).css({
                position: "relative",
                width: $(jFS).width() * $(jFC).length + "px",
                height: $(jFS).height() + "px",
                overflow: "hidden"
            });
            $(opts.slides).children().css({
                position: "relative",
                width: $(jFS).width() + "px",
                height: $(jFS).height() + "px",
                "float": "left",
                overflow: "auto"
            });
            $(opts.slides).css({
                marginLeft: "-" + (cur * $(opts.slides).find(":eq(0)").width() + "px")
            });
        }
        resize();
        $(window).resize(function() {
            resize();
        });
        $(opts.prev).click(function() {
            if ($(opts.slides).is(":not(:animated)")) {
                var dur = 1;
                if (cur > 0) cur--;
                else {
                    cur = maxi - 1;
                    dur = cur;
                }
                $(jFC).removeClass(jSel);
                slide(dur, cur);
                $(jFC).eq(cur).addClass(jSel);
            }
        });
        $(opts.next).click(function() {
            if ($(opts.slides).is(":not(:animated)")) {
                var dur = 1;
                if (cur < maxi - 1) cur++;
                else {
                    cur = 0;
                    dur = maxi - 1;
                }
                $(jFC).removeClass(jSel);
                slide(dur, cur);
                $(jFC).eq(cur).addClass(jSel);
            }
        });
    };
    $.fn.jFlow.defaults = {
        controller: ".jFlowControl",
        slideWrapper: "#jFlowSlide",
        selectedWrapper: "jFlowSelected",
        easing: "swing",
        duration: 400,
        width: "100%",
        prev: ".jFlowPrev",
        next: ".jFlowNext"
    };
})(jQuery);
$(document).ready(function() {
	var ItemNumber = jQuery('div.InfoBox').size();
	switch (ItemNumber){
	case 1:
	  var FlowHeight = '210px';
	  break;
	case 2:
	  var FlowHeight = '210px';
	  break;
	case 3:
	  var FlowHeight = '210px';
	  break;
	case 4:
	  var FlowHeight = '420px';
	  break;
	case 5:
	  var FlowHeight = '420px';
	  break;
	case 6:
	  var FlowHeight = '420px';
	  break;
	default:
	  var FlowHeight = '630px';
	}
	
    $("#InnerPagination").jFlow({
        slides: "#IssueSlide",
        controller: ".jFlowControl",
        width: "960px",
        height: FlowHeight,
        duration: 400
    });
});