// jQuery Plugins //////////////////////////////////////////////////////////////////////////

// Mouse wheel Plugin ////////////////////////////////////////////////////////
(function($) {
$.fn.extend({
	mousewheel: function(f) {
		if (!f.guid) f.guid = $.event.guid++;
		if (!$.event._mwCache) $.event._mwCache = [];
		
		return this.each( function() {
			if (this._mwHandlers) return this._mwHandlers.push(f);
			else this._mwHandlers = [];
			
			this._mwHandlers.push(f);
			
			var s = this;
			
			this._mwHandler = function(e) {
				e = $.event.fix(e || window.event);
				var delta = 0, returnValue = true;
				
				if (e.wheelDelta)  delta = e.wheelDelta/120;
				if (e.detail)      delta = -e.detail/3;
				if (window.opera)  delta = -e.wheelDelta;
				
				for (var i=0; i<s._mwHandlers.length; i++)
					if (s._mwHandlers[i])
						if ( s._mwHandlers[i].call(s, e, delta) === false ) {
							returnValue = false;
							e.preventDefault();
							e.stopPropagation();
						}
				
				return returnValue;
			};
			
			if (this.addEventListener)
				if ($.browser.mozilla) this.addEventListener('DOMMouseScroll', this._mwHandler, false);
				else                   this.addEventListener('mousewheel',     this._mwHandler, false);
			else
				$.event.add(this, 'mousewheel', this._mwHandler);
			
			$.event._mwCache.push( $(this) );
		});
	},
	
	unmousewheel: function(f) {
		return this.each( function() {
			if ( f && this._mwHandlers ) {
				for (var i=0; i<this._mwHandlers.length; i++)
					if (this._mwHandlers[i] && this._mwHandlers[i].guid == f.guid)
						delete this._mwHandlers[i];
			} else {
				if (this.addEventListener)
					if ($.browser.mozilla) this.removeEventListener('DOMMouseScroll', this._mwHandler, false);
					else                   this.removeEventListener('mousewheel',     this._mwHandler, false);
				else
					$.event.remove(this, 'mousewheel', this._mwHandler);
					
				this._mwHandlers = this._mwHandler = null;
			}
		});
	}
});
// clean-up
$(window).bind('unload', function() {
    var els = $.event._mwCache || [];
	for (var i=0; i<els.length; i++)
	    els[i].unmousewheel();
});
	
})(jQuery);


// Query String Plugin ////////////////////////////////////////////////////////
jQuery.parseQstr = function( str ) {
    var h = new Object();
    str = str.replace(/^.*\?/,'');
    var p = str.split(/[&;]/);
    for (var i=0; i<p.length; i++) {
        var n = p[i].split('=');
        var k = decodeURIComponent(n[0]);
        if (n.length == 2) var v = decodeURIComponent(n[1]);
        else var v = k;
        if (typeof h[k] == 'undefined') h[k] = v;
        else {
            var a = eval(h[k]);
            a.push(v);
            h[k] = a;
        }
    }
    return h;
}

jQuery.objToQstr = function ( obj ) {
    var str = '';
    $.each( obj, function(key, val) {
        str+= key+'='+val + '&';
    });
    return str.replace(/&$/,'');
}

// Centering Plugin ////////////////////////////////////////////////////////
jQuery.fn.vcenter = function() {
    return this.each( function() {
        var $ = jQuery;
        var $obj = $(this);
        var $p = $obj.parent();
        
        var t = parseInt( ($p.height() - $obj.height()) / 2 );
        if( $obj.css('position').toLowerCase() == 'absolute' ) {
            $obj.css('top', t+'px');
        }
        else {
            $obj.css('marginTop', t+'px');
        }
        
    });
}

jQuery.fn.center = function() {
    return this.each( function() {
        var $ = jQuery;
        var $obj = $(this);
        var $p = $obj.parent();
        
        var l = parseInt( ($p.width() - $obj.width()) / 2 );
        if( $obj.css('position').toLowerCase() == 'absolute' ) {
            $obj.css('left', l+'px');
        }
        else {
            $obj.css('margin-left', l+'px');
        }
        
    });
}


// Color Formatting Plugin//////////////////////////////////////////////////////////
// Takes color in hexadecimal notation and returns [r, g, b] 
jQuery.hex2rgb = function(color) {
    var rgb;
    color = color.replace(/^#/,'');
    if( color.length == 6 ) {
        rgb = [
            parseInt(color.substring(0,2), 16),
            parseInt(color.substring(2,4), 16), 
            parseInt(color.substring(4,6), 16)
        ];
    }
    else if( color.length == 3 ) {
        rgb = [
            parseInt(color.substring(0,1), 16),
            parseInt(color.substring(1,2), 16), 
            parseInt(color.substring(2,3), 16)
        ];
    } else {
        rgb = [0,0,0];
    }
    return rgb;
}
// Takes r, g, b and returns the hexadecimal version of a color
jQuery.rgb2html = function(R,G,B) {return jQuery.toHex(R) + jQuery.toHex(G) + jQuery.toHex(B)}

// Converts a decimal number to hexadecimal
jQuery.toHex = function(N) {
 if (N==null) return "00";
 N=parseInt(N); if (N==0 || isNaN(N)) return "00";
 N=Math.max(0,N); N=Math.min(N,255); N=Math.round(N);
 return "0123456789ABCDEF".charAt((N-N%16)/16)
      + "0123456789ABCDEF".charAt(N%16);
}

// Takes a color string returned by the browser and parses it into a hexadecimal color string
jQuery.colorFormat = function(color) {
    if( !color ) return;
    color = color.replace('#','');
    var returnColour = "";
    if(color != "transparent") {
        if(color.substr(0, 3) == "rgb") {
            var a = color.replace(/[^0-9|,]/g,'').split(',');
            returnColour = jQuery.rgb2html(a[0],a[1],a[2]);            
        }        
        else if(color.length == 3) {
            returnColour = color.substring(1, 2) + 
                    color.substring(1, 2) + 
                    color.substring(2, 3) + 
                    color.substring(2, 3) + 
                    color.substring(3, 4) + 
                    color.substring(3, 4);            
        }        
        else {
            returnColour = color;            
        }        
    }
    else if( color == "transparent" ) {
        returnColour = 'transparent';
    }    
    return returnColour;    
}

// Rollover Plugin //////////////////////////////////////////////////////////////////////////
jQuery.rollover = {
    _get_filter : function(obj) { // handle ie6 filter
        if( obj.runtimeStyle && obj.runtimeStyle.filter )  return obj.filters(0);
        else return obj;
    },
    over: function(e) {
        var obj = this;
        var img = obj;
        if( img.tagName.toLowerCase() != 'img' ) img = jQuery('img',obj)[0];        
        if( obj.rollover.saved_src ) return;
        img = jQuery.rollover._get_filter(img);
        obj.rollover.saved_src = img.src;
        img.src = jQuery.rollover.over_src(img.src);
    },
    textover : function(e) {
        var obj = this;
        var img = obj;
        if( img.tagName.toLowerCase() != 'img' ) img = jQuery('img',obj)[0];        
        if( obj.rollover.saved_src ) return;
        img = jQuery.rollover._get_filter(img);
        obj.rollover.saved_src = img.src;
        img.src = jQuery.rollover.textover_src(img.src, obj.rollover.settings);
    },
    over_src: function(src) {
        return src.replace(/\.(\w+)$/, "_over.$1");
    },
    textover_src: function(src, settings ){
        var baseURL = settings.baseURL;
        var params = {};
        jQuery.each( settings, function(k,v) {
            if( k != 'baseURL' ) params[k] = v;
        });
        var q = jQuery.parseQstr(src);
        jQuery.extend(q,params);
        return baseURL + '?' + jQuery.objToQstr(q);
    },
    out : function(e) {
        var obj = this;
        var img = obj;
        if( img.tagName.toLowerCase() != 'img' ) img = jQuery('img',obj)[0];        
        if( obj.rollover.saved_src ) jQuery.rollover._get_filter(img).src = obj.rollover.saved_src;
        obj.rollover.saved_src = null;
    }    
};
jQuery.fn.rollover = function () {
    return this.each( function(i,obj) {
        obj.rollover = {};
        obj.rollover.saved_src = null;
        jQuery(obj).unbind('mouseover', jQuery.rollover.over).unbind('mouseout', jQuery.rollover.out).
            mouseover(jQuery.rollover.over).mouseout(jQuery.rollover.out);        
        jQuery(obj).preloadImg();
    });
};
jQuery.fn.textover = function (options) {
    var defaults = {
        baseURL: '/img/image.php'
    }
    return this.each( function(i,obj) {
        obj.rollover = {};
        obj.rollover.settings = jQuery.extend({}, defaults, options || {});
        if( !obj.rollover.settings.color ) {
            var c = jQuery(obj).addClass('hover').css('color') || '000000';
            jQuery(obj).removeClass('hover');
            c = jQuery.colorFormat(c.replace('#',''));
            obj.rollover.settings.color = c;
        }
        obj.rollover.saved_src = null;        
        jQuery(obj).unbind('mouseover', jQuery.rollover.textover).unbind('mouseout', jQuery.rollover.out).
            mouseover(jQuery.rollover.textover).mouseout(jQuery.rollover.out);
        jQuery(obj).preloadImg();
    });
};
jQuery.fn.rolloverUnbind = function () {
    return this.each( function(i,obj) {
        jQuery(obj).unbind('mouseover', jQuery.rollover.over);
        jQuery(obj).unbind('mouseover', jQuery.rollover.textover);
        jQuery(obj).unbind('mouseout', jQuery.rollover.out);        
        obj.rollover = null;
    });
};

// Preloads rollover images according to rollover replacement rules
jQuery.fn.preloadImg = function () {
    return this.each( function() {
        if( typeof(this.rollover) == 'undefined' || !this.rollover ) return;
        var img = this;
        if( img.tagName.toLowerCase() != 'img' ) img = jQuery('img',this)[0];
        var preloader = new Image();
        if( img.src.search('image.php') == -1 )
            preloader.src = jQuery.rollover.over_src(img.src);
        else
            preloader.src = jQuery.rollover.textover_src(img.src,this.rollover.settings);   

    });
};


// Image Replacement Plugin//////////////////////////////////////////////////////////

// Uses php image generator to replace the element's text with an image
jQuery.fn.imageReplace = function (settings) {
    var settings = jQuery.extend({},  settings);
    return this.each( function() {
        $obj = jQuery(this);
        if( $obj.children().length > 0 ) return;
        var text = $obj.text();
        if( text.length < 1 ) return;
       
        var options = jQuery.extend({}, settings);
        if( !options.color ) options.color = jQuery.colorFormat($obj.css('color')|| '000000');
        if( !options.size ) options.size = parseInt($obj.css('font-size'));
        options.size = options.size || '';
        if( $obj.css('text-transform') == 'uppercase' ) text = text.toUpperCase();
        var option_string = '';
        jQuery.each(options, function(key,val) {
            option_string += '&'+encodeURIComponent(key)+'='+encodeURIComponent(val);
        });        
        $obj.empty().append('<img src="/img/image.php?text='+encodeURIComponent(text)+ option_string + '" alt="'+text+'">');
    });
}




// Resize background image to fill entire screen
function backgroundResize(img){ 
    var $bg = $(img);
    if( ! $bg.is('.resize') ) return;
    var wh = $(window).height();
    var ww = $(window).width();
    var bh = $bg.height();
    var bw = $bg.width();
    if( wh > bh ) {
        $bg.css({'width':'auto', 'height':'100%'});
    }
    else if( ww > bw) {
        $bg.css({'width':'100%', 'height':'auto'});
    }
}

// Resize the scroller and center
var resizing = false;
function scrollerResize(scroller) {
    if( !resizing ) {
        resizing = true;
        var $p = $(scroller.container).parent();
        if( $p.length < 1 ) return;
        var pwidth = $p.parent().width();
        var lwidth = $('li', scroller.container).width();
        var count = $('li', scroller.container).length;
        var w = pwidth - (lwidth*2);
        var visible = Math.floor(w / lwidth);
        if( visible >= count ) {
            visible = count;
            $('.jcarousel-next, .jcarousel-prev').hide();
        } else {
            $('.jcarousel-next, .jcarousel-prev').show().iepngfix();
        }
        newwidth = visible * lwidth;
        $p.width(newwidth); 
        $p.center();
        scroller.options.scroll = visible;
    }
    resizing = false;
}


// Load Events ////////////////////////////////////////////////////////////////////////////
$(function(){
    // Image Replace
    $('#projects #project-menu a').imageReplace({wrap:30, color: 'ccc', font: 'FreeSansBold.ttf'});
    $('#project-menu a').imageReplace({wrap:30, color: '000000', font: 'FreeSansBold.ttf'});
    $('#collection-menu .title').imageReplace({color:'000000'});
    $('#collection-menu a').imageReplace({color:link_color,wrap:30, align: 'center'});
    $('#menu a').imageReplace({wrap: 30, color: '000'});
    $('#logo h1').imageReplace({color: '000000', size: 16, trans: '0'});
    $('#image-controls a').imageReplace({color: '000000',trans: '0'});

    // Rollovers
    $('#menu a').textover({color:link_color});
    $('#project-menu a').textover({color: link_color}).preloadImg();
    //$('#collection-menu a').textover({color: '000000'}).preloadImg();
    $('#image-controls a').textover({color:link_color}).preloadImg();

    // Preload close button for fullscreen
    var prel = new Image();
    prel.src = '/img/image.php?text=CLOSE%20X&bg=fff&size=12&color=000';
    
    //$('#main-menu > li > ul').css({background: 'url(/img/colorimage.php?color=ffffff&alpha=60)'});

    $(window).load( function() {
        $('#main-menu > li > a > img').iepngfix();
    });

    // Text overlays
    $('.text-popup-trigger').click(function(e){
        var $textoverlay = $('<div></div>').
            css({
                position:'absolute',
                'top':'0px',left:'0px',
                width:'100%',height:'100%',
                opacity: 0.95
               }).attr('id','text-overlay').
            appendTo(document.body);

        var $popup = $('#'+this.id.replace('-trigger','')).remove().css({
            width: 550, height: 350
            }).appendTo(document.body);
        $popup.hide().css({
            'left': parseInt(($(window).width() - $popup.width()) / 2),
            'top': parseInt(($(window).height() - $popup.height()) / 2.5)
        }).fadeIn('slow');        
        var $scroll = $('> div', $popup).Scroller();

        $('<a id="text-close"><img src="/img/image.php?text=CLOSE%20X&size=12&color=000&trans=1"><\/a>').
            click(function() {
                $popup.hide();
                $textoverlay.remove();
                $(this).remove();
                return false;
            }).appendTo($popup);            
        $('#text-close > img').iepngfix();
    });

    // Page text
    $('.page .scroll').Scroller();

    // Thumbnails and Image Frame
    if( typeof(collections) != 'undefined' && collections.length > 0 ) {
        var scr = $('#thumbnail-scroller ul').jcarousel({
            wrap: 'both', scroll : 4, 
            reloadCallback: scrollerResize,
            initCallback : scrollerResize
        });
        $('#image-frame').ImageFrame(collections[0]['images']);
        $('#image-info').center();
        $('#content').height( $(document.body).height() - 84 );
        $('#image-frame').vcenter().each(function() {
            var t = parseInt( $(this).css('top')) - 20;
            t = ( t >= 0 )? t : 0;
            $(this).css('top', t+'px');
        }); 
        $(window).resize( function() {
            $('#content').height( $(document.body).height() - 84 );
            $.each($.ImageFrame.list, function() {
                this.loadImage();
                $('#image-info').center();
                $('#image-frame').vcenter().each(function() {
                    var t = parseInt( $(this).css('top')) - 36;
                    t = ( t >= 0 )? t : 0;
                    $(this).css('top', t+'px');
                });
            });            
        });

        // Switch Collections within project
        $('#collection-menu a').click( function() {
            var id = this.id.replace('collection_','');
            $scroller = $('#thumbnail-scroller');
            $list = $('ul', $scroller);
            if( $list.length && $list[0].jcarousel ) {
                $(window).unbind('resize', $list[0].jcarousel.funcResize);
                $list[0].jcarousel = null;
            }
            $scroller.empty();
            if( collections[id]['images'].length > 1 ) {
                $scroller.append('<ul>');
                $list = $('ul', $scroller);
                $.each(collections[id]['images'], function(i, img) {
                    $list.append('<li><img src="/img/thumbnail.php?img='+img['filename']+'&w=40&h=40&crop=1" alt="thumbnail" class="thumbnail" id="thumbnail_'+id+'" width="40" height="40"></li>');
                });
                $list.jcarousel({
                    wrap: 'both', scroll : 4,
                    reloadCallback: scrollerResize,
                    initCallback: scrollerResize
                });                
            } 

            $.ImageFrame.list[0].images = collections[id]['images'];
            $.ImageFrame.list[0].switchImage(0);
            $.ImageFrame.list[0].reload();

            $('#collection-menu a').rolloverUnbind().children().each(function() {
                var obj = $.rollover._get_filter(this);
                obj.src = '/img/image.php?' + $.objToQstr($.extend($.parseQstr(obj.src), {font:'FreeSans.ttf', color:link_color}));
            });
            $('img', this).each(function() {
                var obj = $.rollover._get_filter(this);
                obj.src = '/img/image.php?' + $.objToQstr($.extend($.parseQstr(obj.src), {font:'FreeSansBold.ttf'}));
            });

            if( collections[id]['description'] && collections[id]['description'].length > 0 ) {
                $('#description').empty().append( decodeURIComponent(collections[id]['description']) );
                $('#description-trigger').css('display','inline');
            } else {
                $('#description-trigger').hide();
            }
            if( collections[id]['video'] ) {
                $('#video-play').css('display','inline').
                    attr("href",'/videos/view/'+collections[id]['video']+'?KeepThis=true&TB_iframe=true&width=645&height=510');

            } else {
                $('#video-play').hide();
            }

            return false;
        });
    }

    // Fullscreen resizable image
    $('img.resize').each( function() {
        var img = this;
        $(window).load( function() {backgroundResize(img) } );
        $(window).resize( function(){ backgroundResize(img)} );
    });
});