// 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();
});
	


// Query String Plugin ////////////////////////////////////////////////////////
jQuery.parseQstr = function( str ) {
    var q = {};
    var match = str.match(/([^?#]*)(#.*)?$/);
    if (!match) return {};
    str = match[0];
    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 q[k] == 'undefined') q[k] = v;
        else {
            var a = eval(q[k]);
            a.push(v);
            q[k] = a;
        }
    }
    return q;
}

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

// Centering Plugin ////////////////////////////////////////////////////////
jQuery.fn.vcenter = function() {
    return this.each( function() {
        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 $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 $.toHex(R) + $.toHex(G) + $.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 = $.rgb2html(a[0],a[1],a[2]);            
        }        
        else if(color.length == 3) {            
            returnColour = color.substring(0, 1) + 
                    color.substring(0, 1) + 
                    color.substring(1, 2) +
                    color.substring(1, 2) +
                    color.substring(2, 3) + 
                    color.substring(2, 3);
        }        
        else {
            returnColour = color;            
        }        
    }
    else if( color == "transparent" ) {
        returnColour = 'transparent';
    }    
    return returnColour;    
}

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

// 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 = $('img',this)[0];
        var preloader = new Image();
        if( img.src.search('image.php') == -1 )
            preloader.src = $.rollover.over_src(img.src);
        else
            preloader.src = $.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 = $.extend({},  settings);
    baseURL = webroot+'img/textimage.php';
    return this.each( function() {
        $obj = $(this);
        var text = $.trim($obj.text());
        if( text.length < 1 ) return;
       
        var options = $.extend({}, settings);
        if( !options.color ) options.color = $.colorFormat($obj.css('color')|| '000000');
        if( !options.size ) options.size = parseInt($obj.css('font-size'));
        if( $obj.css('text-transform') == 'uppercase' ) text = text.toUpperCase();
        else if( $obj.css('text-transform') == 'lowercase' ) text = text.toLowerCase();
        if( !options.align ) options.align = $obj.css('text-align');
        var option_string = '';
        $.each(options, function(key,val) {
            option_string += '&'+encodeURIComponent(key)+'='+encodeURIComponent(val);
        });        
        $obj.empty().append('<img src="'+baseURL+'?text='+encodeURIComponent(text)+ option_string + '" alt="'+text+'">');
    });
}

})(jQuery);


function fullScreen(index){
    var $thumbs = $('.image-frame .thumbnails a');
       
    var $overlay = $('<div id="overlay"></div>').
        css({display : 'none', 'position' : 'fixed'}).
        appendTo(document.body).
        click(closeFullScreen);
    $overlay.css({width:'100%',height:'100%','top':'0px','left':'0px',zIndex:100});
    $overlay.show().css('opacity', 0.9);

    var $loading = $('<img id="fullscreenLoad" src="'+webroot+'img/modal/loadingAnimation.gif" alt="loading" >');
    $loading.hide().appendTo(document.body);


    // Build DOM nodes 
    var $fsContainer = $('<div id="fullscreenContainer"><img id="fullscreenImage" ><div id="fullscreenImageData">'+
        '<div id="fullscreenCaption"></div>'+
        '<a id="fullscreenCloseButton" href="#">X</a>'+
        '</div></div>').appendTo(document.body);
    
    $('#fullscreenCloseButton').click( function(){ closeFullScreen(); return false; } );
  
     if( $thumbs.length > 1 ) {
        var count = $thumbs.length;
        var cur = index + 1;
        $('<div id="fullscreenControls"><span>'+cur+' of '+count+'</span> &nbsp;<a id="fullscreenPrev">&laquo;</a> <a id="fullscreenNext">&raquo;</a></div>').
            insertAfter('#fullscreenCaption');
        $('#fullscreenNext, #fullscreenImage').click(function(){
            var i = ((index + 1) + $thumbs.length) % $thumbs.length;
            closeFullScreen();
            fullScreen(i);
            $($thumbs[i]).click();
        });
        $('#fullscreenPrev').click(function(){
            var i = ((index - 1) + $thumbs.length) % $thumbs.length;
            closeFullScreen();
            fullScreen(i);
            $($thumbs[i]).click();
        });
    }
      
    // Set up Data
    $fsContainer.hide();
    var caption = $thumbs.slice(index).attr('caption') || '';
    $('#fullscreenCaption').append(unescape(caption));
    
    var preload = new Image();
    if( $.browser.safari ) { // safari 1.x fix
        var webKitFields = RegExp("( AppleWebKit/)([^ ]+)").exec(navigator.userAgent);
        var version = parseFloat(webKitFields[2]);          
        if( parseFloat(version) < 200 ) { // 1.x needs the image in the document to get width and height
            preload = $('<img id="fullscreenPreload" >')[0]; 
            $(preload).css({'position': 'absolute', 'top':'-5000px'});
            $(document.body).append(preload);
        }
    }    
    preload.onload = function() {
        var pad = 15;
        var pagesize = [$(window).width(), $(window).height()];
        var x = pagesize[0] - (caption.length > 0 ? 200 : 150);
        var y = pagesize[1] - (caption.length > 0 ? 200 : 150);
        var imageWidth = preload.width;
        var imageHeight = preload.height;
        $('#fullscreenPreload').hide().remove(); // safari 1.x fix
        if (imageWidth > x) {
            imageHeight = imageHeight * (x / imageWidth); 
            imageWidth = x; 
            if (imageHeight > y) { 
                imageWidth = imageWidth * (y / imageHeight); 
                imageHeight = y; 
            }
        } else if (imageHeight > y) { 
            imageWidth = imageWidth * (y / imageHeight); 
            imageHeight = y; 
            if (imageWidth > x) { 
                imageHeight = imageHeight * (x / imageWidth); 
                imageWidth = x;
            }
        }
        $('#fullscreenImage').attr({
            'src': preload.src,
            'width': imageWidth,
            'height': imageHeight
        }).each (function() {
            $('<img src="'+webroot+'img/pixel.gif" alt="" class="img-guard" />').appendTo($(this).parent()).
                css('height', imageHeight + pad);
        });

        $fsContainer.css({width:(imageWidth+(pad*2))});
        var t = parseInt(( pagesize[1] - $fsContainer.height() )/2) - 20;
        if( t < 0) t = 0;
        var l = parseInt(( pagesize[0] - $fsContainer.width() )/2);
        $fsContainer.css({'position':'absolute','top':t+'px','left':l+'px'});

        $loading.remove();
        $fsContainer.show();
    };
    preload.src = webroot+'media/gallery/' + $thumbs.slice(index).attr('rel'); 
    $loading.show();
};

function closeFullScreen(){
    $('#overlay').hide().remove();
    $('#fullscreenContainer').remove();
    $('#fullscreenLoad').remove();
};


$(function() {
    $('#home_image').ifixpng();
    var url_parts = $.grep(window.location.pathname.replace(webroot,'').split('/'), function(piece){
        return piece.length > 0;
    });
    if (url_parts.length) {
        if (url_parts[0] == 'pages') {
            menu_item = url_parts.slice(-1);
        } else {
            menu_item = url_parts[0];            
        }
        $('#nav-menu a[rel='+menu_item+']').addClass('hover');
    }

    // Nav Menu
    $('#nav-menu li ul').each(function(){
        if ($(this).find('ul').length == 0) {
            $('> li > a', this).imageReplace({size:12, wrap:18}).textover().
                find('img').ifixpng();
            $(this).css({
                borderLeft: 'solid 1px',
                paddingLeft: '5px', marginLeft: '5px'
            });
        } else {
            $('> li > a', this).imageReplace({size:14, wrap:22}).find('img').ifixpng();
        }
    });
    $('#nav-menu > ul > li > a').imageReplace({size:14, font:'BlissBoll.pfb', tightness:'100'}).
        textover().find('img').ifixpng();

    var speed = 200;
    $('#nav-menu > ul > li > ul').hide().each(function(i,ul) {
        $(ul).parent().find('>a').click(function(e){            
            if ($(ul).is(':visible')) {
                $(ul).slideUp(speed);
            } else {
                $('#nav-menu > ul > li > ul').slideUp(speed);
                $(ul).slideDown(speed);
            }
            return false;
        });
    });

    
    // Image
    $('.thumbnails a').rollover().each(function(i) {
        $(this).click(function(){
            var self = this;
            var $$ = $('.image-frame img.main-img');
            var newsrc = $.parseQstr($$.attr('src'));
            
            newsrc['img'] = 'gallery/' + $(this).attr('rel');
            $$.one('load', function() {
                $('div.caption').html($(self).attr('caption') || '');
            });
            $$.attr('src', webroot + 'img/thumbnail.php?' + $.objToQstr(newsrc));        
                   
            $('.thumbnails a').removeClass('ignore').mouseout();
            $(this).mouseover().addClass('ignore');

            $('.paypal > div').hide().slice(i,i+1).show();
            return false;
        });
    }).slice(0,1).click();
    
    $('.image-frame a.wrapper').click(function(){
        $('.thumbnails a').each(function(i, el){
            if ($(el).is('.ignore')) {
                fullScreen(i);
            }
        });
        return false;
    });
    
});