//	EDITS - 10/15/09 - TV (SEE ALSO COMMON_VB)
//	LINES 205/206, 215, 263-268, 297-307, 313, 329/330

/*
 * jQuery Cycle Lite Plugin
 * http://malsup.com/jquery/cycle/lite/
 * Copyright (c) 2008 M. Alsup
 * Version: 1.0 (06/08/2008)
 * Dual licensed under the MIT and GPL licenses:
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 * Requires: jQuery v1.2.3 or later
 */
;(function($) {

var ver = 'Lite-1.0';

$.fn.cycle = function(options) {
    return this.each(function() {
        options = options || {};
        
        if (this.cycleTimeout) clearTimeout(this.cycleTimeout);
        this.cycleTimeout = 0;
        this.cyclePause = 0;
        
        var $cont = $(this);
        var $slides = options.slideExpr ? $(options.slideExpr, this) : $cont.children();
        var els = $slides.get();
        if (els.length < 2) {
            if (window.console && window.console.log)
                window.console.log('terminating; too few slides: ' + els.length);
            return; // don't bother
        }

        // support metadata plugin (v1.0 and v2.0)
        var opts = $.extend({}, $.fn.cycle.defaults, options || {}, $.metadata ? $cont.metadata() : $.meta ? $cont.data() : {});
            
        opts.before = opts.before ? [opts.before] : [];
        opts.after = opts.after ? [opts.after] : [];
        opts.after.unshift(function(){ opts.busy=0; });
            
        // allow shorthand overrides of width, height and timeout
        var cls = this.className;
        opts.width = parseInt((cls.match(/w:(\d+)/)||[])[1]) || opts.width;
        opts.height = parseInt((cls.match(/h:(\d+)/)||[])[1]) || opts.height;
        opts.timeout = parseInt((cls.match(/t:(\d+)/)||[])[1]) || opts.timeout;

        if ($cont.css('position') == 'static') 
            $cont.css('position', 'relative');
        if (opts.width) 
            $cont.width(opts.width);
        if (opts.height && opts.height != 'auto') 
            $cont.height(opts.height);

        var first = 0;
        $slides.css({position: 'absolute', top:0, left:0}).hide().each(function(i) { 
            $(this).css('z-index', els.length-i) 
        });
        
        $(els[first]).css('opacity',1).show(); // opacity bit needed to handle reinit case
        if ($.browser.msie) els[first].style.removeAttribute('filter');

        if (opts.fit && opts.width) 
            $slides.width(opts.width);
        if (opts.fit && opts.height && opts.height != 'auto') 
            $slides.height(opts.height);
        if (opts.pause) 
            $cont.hover(function(){this.cyclePause=1;}, function(){this.cyclePause=0;});

        $.fn.cycle.transitions.fade($cont, $slides, opts);
        
        $slides.each(function() {
            var $el = $(this);
            this.cycleH = (opts.fit && opts.height) ? opts.height : $el.height();
            this.cycleW = (opts.fit && opts.width) ? opts.width : $el.width();
        });

        $slides.not(':eq('+first+')').css({opacity:0});
        if (opts.cssFirst)
            $($slides[first]).css(opts.cssFirst);

        if (opts.timeout) {
            // ensure that timeout and speed settings are sane
            if (opts.speed.constructor == String)
                opts.speed = {slow: 600, fast: 200}[opts.speed] || 400;
            if (!opts.sync)
                opts.speed = opts.speed / 2;
            while((opts.timeout - opts.speed) < 250)
                opts.timeout += opts.speed;
        }
        opts.speedIn = opts.speed;
        opts.speedOut = opts.speed;

 		opts.slideCount = els.length;
        opts.currSlide = first;
        opts.nextSlide = 1;

        // fire artificial events
        var e0 = $slides[first];
        if (opts.before.length)
            opts.before[0].apply(e0, [e0, e0, opts, true]);
        if (opts.after.length > 1)
            opts.after[1].apply(e0, [e0, e0, opts, true]);
        
        if (opts.click && !opts.next)
            opts.next = opts.click;
        if (opts.next)
            $(opts.next).bind('click', function(){return advance(els,opts,opts.rev?-1:1)});
        if (opts.prev)
            $(opts.prev).bind('click', function(){return advance(els,opts,opts.rev?1:-1)});

        if (opts.timeout)
            this.cycleTimeout = setTimeout(function() {
                go(els,opts,0,!opts.rev)
            }, opts.timeout + (opts.delay||0));
    });
};

function go(els, opts, manual, fwd) {
    if (opts.busy) return;
    var p = els[0].parentNode, curr = els[opts.currSlide], next = els[opts.nextSlide];
    if (p.cycleTimeout === 0 && !manual) 
        return;

    if (manual || !p.cyclePause) {
        if (opts.before.length)
            $.each(opts.before, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
        var after = function() {
            if ($.browser.msie)
                this.style.removeAttribute('filter');
            $.each(opts.after, function(i,o) { o.apply(next, [curr, next, opts, fwd]); });
        };

        if (opts.nextSlide != opts.currSlide) {
            opts.busy = 1;
            $.fn.cycle.custom(curr, next, opts, after);
        }
        var roll = (opts.nextSlide + 1) == els.length;
        opts.nextSlide = roll ? 0 : opts.nextSlide+1;
        opts.currSlide = roll ? els.length-1 : opts.nextSlide-1;
    }
    if (opts.timeout)
        p.cycleTimeout = setTimeout(function() { go(els,opts,0,!opts.rev) }, opts.timeout);
};

// advance slide forward or back
function advance(els, opts, val) {
    var p = els[0].parentNode, timeout = p.cycleTimeout;
    if (timeout) {
        clearTimeout(timeout);
        p.cycleTimeout = 0;
    }
    opts.nextSlide = opts.currSlide + val;
    if (opts.nextSlide < 0) {
        opts.nextSlide = els.length - 1;
    }
    else if (opts.nextSlide >= els.length) {
        opts.nextSlide = 0;
    }
    go(els, opts, 1, val>=0);
    return false;
};

$.fn.cycle.custom = function(curr, next, opts, cb) {
    var $l = $(curr), $n = $(next);
    $n.css({opacity:0});
    var fn = function() {$n.animate({opacity:1}, opts.speedIn, opts.easeIn, cb)};
    $l.animate({opacity:0}, opts.speedOut, opts.easeOut, function() {
        $l.css({display:'none'});
        if (!opts.sync) fn();
    });
    if (opts.sync) fn();
};

$.fn.cycle.transitions = {
    fade: function($cont, $slides, opts) {
        $slides.not(':eq(0)').css('opacity',0);
        opts.before.push(function() { $(this).show() });
    }
};

$.fn.cycle.ver = function() { return ver; };

// @see: http://malsup.com/jquery/cycle/lite/
$.fn.cycle.defaults = {
    timeout:       4000, 
    speed:         1000, 
    next:          null, 
    prev:          null, 
    before:        null, 
    after:         null, 
    height:       'auto',
    sync:          1,    
    fit:           0,    
    pause:         0,    
    delay:         0,    
    slideExpr:     null  
};

$.fn.gallery = function(options) {
				
	var	defaults = {
		speed:1,
		auto:false,
		maxWidthSetting:false,	//receives integer value - if set, will resize images proportionately when greater than this setting
		forceWidth:false		//true/false value - if true, will force the maxWidthSetting option regardless of original image size (scales up and down)
	};
    var options = $.extend(defaults, options);
    
    return this.each(function() {
    	var $gal = $(this);
    	var $photos = $gal.children();
    	var totalphotos = $photos.children().get().length;
    	
    	$gal.css("width",((options.maxWidthSetting)?options.maxWidthSetting:$photos.children(".imgSlide:first").children("img").attr("width")));
    	
    	var $galtop = $(document.createElement("div"))
    				.addClass("galtop")
    				.html("<!-- -->");
    				
    	$gal.prepend($galtop);
    	
    	if(totalphotos > 1 && !options.auto){
    		var $galbar = $(document.createElement("div"))
    					.attr("id","galbar")
    					.addClass("gal_bar");
    					
    		$gal.append($galbar);
    		
    		var $prev = $(document.createElement("div"))
    					.addClass("gal_button_left")
    					.html("back");
    					
    		var $next = $(document.createElement("div"))
    					.addClass("gal_button_right")
    					.html("next");
    					
    		var $counter = $(document.createElement("div"))
    					.addClass("gal_counter");
    					
    		$galbar.append($prev).append($next).append($counter);
    		
    		var $counter1 = $(document.createElement("span"))
    					.html("Image&nbsp;");
    					
    		var $galcur = $(document.createElement("span"))
    					.attr("id","galcur")
    					.html("0");
    					
    		var $counter3 = $(document.createElement("span"))
    					.html("&nbsp;of&nbsp;");
    					
    		var $galtotal = $(document.createElement("span"))
    					.attr("id","galtotal")
    					.html(totalphotos);
    					
    		$counter.append($counter1).append($galcur).append($counter3).append($galtotal);
    	}
    	
    	var $caption = $(document.createElement("div"))
    				.addClass("gal_caption");

		//NOTE: changes made to utilize an image wrapper div, allowing for more CSS control of the display (centering, etc - changes made in common_vb.asp)
    	if($photos.children(".imgSlide:first").children("img").attr("alt") == ""){
    		$caption.css({"display":"none"});
    	}else{
    		$caption.html($photos.children(".imgSlide:first").children("img").attr("alt"));
    	}
    	
    	var $galbtm = $(document.createElement("div"))
    				.addClass("galbtm")
    				.html("<!-- -->");
    	
    	$gal.append($caption).append($galbtm);
    	
    	var to = 0;
    	if(options.auto){
    		to = 4000;
    	}
    	
    	var opts = {
    	    timeout:       to,  // milliseconds between slide transitions (0 to disable auto advance) 
    	    speed:         options.speed,  // speed of the transition (any valid fx speed value) 
    	    next:          $next,  // id of element to use as click trigger for next slide 
    	    prev:          $prev,  // id of element to use as click trigger for previous slide 
    	    before:        onBefore,  // transition callback (scope set to element to be shown) 
    	    after:         onAfter,  // transition callback (scope set to element that was shown) 
    	    height:       'auto', // container height 
    	    sync:          1,     // true if in/out transitions should occur simultaneously 
    	    fit:           1,     // force slides to fit container 
    	    pause:         0,     // true to enable "pause on hover" 
    	    delay:         0,     // additional delay (in ms) for first transition (hint: can be negative) 
    	    slideExpr:     null  // expression for selecting slides (if something other than all children is required) 
    	};
    	$photos.cycle(opts);
    	
		//changes in functions below to utilize image wrapper div
    	function onBefore(){
			//edit: 	if forcing image width, or image is greater than a given max width setting, we
			//			figure out what the resizing ratio is and apply that to the height of the image
			if(options.forceWidth || $("img", this).attr("width")>options.maxWidthSetting){
				var	conversionRatio = options.maxWidthSetting/$("img", this).attr("width"),
					newHeight = $("img", this).attr("height")*conversionRatio;
				$("img", this)
					.attr("width",options.maxWidthSetting)
					.attr("height",newHeight);
			}

    	    $photos.css({"height":$(this).height()});
    	}
    	
    	function onAfter(){
    	    if($("img", this).attr("alt").length > 0){
    			$caption.html($("img", this).attr("alt")).css({"display":"block"});
    		}else{
    			$caption.html("").css({"display":"none"});
    		}
    	    
    	    if(totalphotos > 1 && !options.auto){
    	    	var ci = parseInt($galcur.html());
    	    	var ti = parseInt($galtotal.html());
    	    	if(ci == ti){
    	    		ci = 0;
    	   		}
    	    
    	    	$galcur.html(++ci);
    	    }

			//need to resize in case the new current image causes the page to become taller, extending outside the iframe (if no pdGlobal, we're on a custom)
			if(typeof(pdGlobal)=="undefined"){ ReSizeIFRAME(); }
    	}
    });
};


})(jQuery);