(function($){

 	$.fn.extend({ 
 		
 		bxGallery: function(options) {

			var defaults = {
				maxwidth: '',
				maxheight: '',
				toppos: '',
				thumbwidth: 200,
				thumbheight: 100,
				thumbcrop: false,
				croppercent: .35,
				thumbplacement: 'bottom',
				thumbcontainer: '',
				opacity: .7,
				load_text: '<em>loading</em>',
				load_image: 'img/core/load.gif',
				wrapperclass: 'outer'
			}

			var options =  $.extend(defaults, options);
			var o = options;
			var cont = '';
			var caption = '';
			var $outer = '';
			var $orig = this;
			var tall = 0;
			var wide = 0;
			var showing = 0;
			var i = 0;
			var k = $orig.find('img').size();
			
			preload_img();
		
			function preload_img(){
				$orig.hide();
				/*if(o.load_text != ''){
					$orig.before('<div id="loading">' + o.load_text + '</div>');
				}else{
					$orig.before('<div id="loading"><img src="' + o.load_image + '" /></div>');
				}*/
				$orig.before('<div id="loading"><img src="' + o.load_image + '" /> <em>loading</em></div>');
				$orig.parent().find('#loading').css({'textAlign':'left', 'width':o.maxwidth});
				$orig.find('img').each(function(){
					var the_source = $(this).attr('src');
					var img = new Image();
					img.onload = function(){preload_check();};
					img.src = the_source;
				});
			}
			
			function preload_check(){
				i++;
				if(i == k){init();}
			}
			
			function init(){
				set_layout();
				set_main_img();
				place_thumbcontainer();
				set_thumbs();
			}
			
			function set_layout(){
				$orig.parent().find('#loading').hide();
				$orig.show();
				$orig.wrap('<div class="' + o.wrapperclass + '"></div>');
				$outer = $orig.parent();
				$orig.find('li').css({'position':'absolute'});
				//$orig.find('li:first img').after('<br /><br /><br /><br />');
				//$orig.find('li:first').css({'position':'absolute', 'top':'+10px'});
				//$orig.find('li:first img').css({'top':'100px'});
			}
			
			function set_main_img(){
				$orig.find('img').each(function(){
					var $this = $(this);
					var $imgheight = $this.height();
					var $imgwidth = $this.width();
					if($this.attr('title') != ''){
						caption = $this.attr('title');
						$this.parent().append('<div class="caption">' + caption + '</div>');
					}
					if(o.maxwidth != ''){
						$this.width(o.maxwidth);
						$this.height(($imgheight/$imgwidth)*o.maxwidth);
					}else if(o.maxheight != ''){
						$this.height(o.maxheight);
						$this.width(($imgwidth/$imgheight)*o.maxheight);
					}	
					if($this.height() + $this.parent().find('.caption').height() > tall){
						tall = $this.height() + $this.parent().find('.caption').height();
					}
					if($this.width() > wide){
						wide = $this.width();
					}
					cont += '<li><img src="' + $this.attr('src') + '" /></li>'; 
				});
				$orig.find('li:not(:first)').hide();
				$orig.height(tall);
				$orig.width(wide);
				$outer.find('.caption').width(wide);
			}
					
			function place_thumbcontainer(){
				if(o.thumbplacement == 'top'){
					$outer.prepend('<ul class="thumbs">' + cont + '</ul>');
					$outer.find('.thumbs').css({'overflow':'auto'});
				}else if(o.thumbplacement == 'left'){
					$outer.prepend('<ul class="thumbs">' + cont + '</ul>');
					$orig.css({'float':'left'});
					$outer.find('.thumbs').css({'float':'left'});
				}else if(o.thumbplacement == 'bottom'){
					$outer.append('<ul class="thumbs">' + cont + '</ul>');
				}else if(o.thumbplacement == 'right'){
					$outer.append('<ul class="thumbs">' + cont + '</ul>');
					$orig.css({'float':'left'});
					$outer.find('.thumbs').css({'float':'left'});
				}
				$outer.append('<div style="clear:both"></div>');
				if(o.thumbcontainer != ''){
					$outer.find('.thumbs').width(o.thumbcontainer);
				}
			}
			
			function set_thumbs(){
	    		return $outer.find('.thumbs li').each(function() {

					var $this = $(this);
					var $img = $this.find('img');
					var $imgwidth = $img.width();
					var $imgheight = $img.height();
					$this.css({'opacity':o.opacity, 'margin':'4px 4px 0 0'});

					if(o.thumbcrop){
						$img.width($imgwidth * o.croppercent);
						$img.height($imgheight * o.croppercent);
						//$img.height(($imgheight/$imgwidth)*$img.width());
						
						// Ausnahme Hochformat
						if($imgheight >= $imgwidth) {
							$img.width(o.thumbwidth * 0.7);
							$img.height(($imgheight/$imgwidth)*$img.width());
						}
						
						$this.css({
							'float':'left',
							'width':o.thumbwidth,
							'height':o.thumbheight,
							'overflow':'hidden',
							'cursor':'pointer'
						});
					} else {
						$img.width(o.thumbwidth);
						$img.height(($imgheight/$imgwidth)*o.thumbwidth);
						
						// Ausnahme Hochformat
						if($imgheight >= $imgwidth) {
							$img.width(o.thumbwidth * 0.7);
							$img.height(($imgheight/$imgwidth)*$img.width());
						}
						
						$this.css({
							'float':'left',
							'cursor':'pointer'
						});
						//$this.height($img.height()); /**/
					}
	
	

					$this.click(function(){
						var x = $outer.find('.thumbs li').index($this);
						if(showing != x){
							$orig.find('li').fadeOut(75);
							$orig.find('li').eq(x).fadeIn(75);
							showing = x;
							// Ausnahme Hoch-/Querformat
							if((o.toppos != '') && ($imgwidth >= $imgheight)) { 
								$orig.find('li').eq(x).css({'margin-top': + o.toppos}); 
							}
						}
					});

					$this.hover(function(){
						//$this.fadeTo(50, o.opacity);
						$this.fadeTo(25, 0.85);
					}, function(){
						$this.fadeTo(25, 1);
					});
			
	    		});
			}
		
    	}
	});
	
})(jQuery);