var $activeGallery = null;
var lastMouseScroll = 0;

$(function(){
	// global settings
	var settings = {
		mouseWheelSpeedCoef: 50,		// speed coef. of mouse wheel scrolling
		mouseWheelMaxFPS: 30		// max FPS of mouse wheel scrolling
	};

    //caching
    //the main wrapper of the gallery
    var $fp_gallery = $('#fp_gallery')
    //the overlay when the large image is displayed
    var $fp_overlay = $('#fp_overlay');
    //image loading status
    var $fp_loading = $('#fp_loading');
    //the next and previous buttons
    var $fp_next = $('#fp_next');
    var $fp_prev = $('#fp_prev');
    //the close button
    var $fp_close = $('#fp_close');
    //the main container for the thumbs structure
    var $fp_thumbContainer = $('#fp_thumbContainer');
    //wrapper of jquery ui slider
    var $fp_scrollWrapper = $('#fp_scrollWrapper');
    //total number of images
    var nmb_images = 0;
    //which gallery is clicked (index)
    var gallery_idx = -1;
    //scroller wrapper
    var $fp_thumbScroller = $('#fp_thumbScroller');
    //jquery ui slider
    var $slider = $('#slider');
    //the links of the galleries (the cities)
    var $fp_galleries = $('#fp_galleryList > li');
    //current image being viewed
    var current = 0;
    //invert div
    var $invert = $('#invert');
    //some control flags:
    //prevent fast clicks on next and previous
    var photo_nav = true;
    
 function getUrlVars()
{
    var vars = [], hash;
    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
    for(var i = 0; i < hashes.length; i++)
    {
        hash = hashes[i].split('=');
        vars.push(hash[0]);
        vars[hash[0]] = hash[1];
    }
    return vars;
}   
    $('.thumb').hover(
    function(){
    	var $imageCaption = $(this).parent().parent().parent().find('.image-caption');
    	$imageCaption.fadeIn(500);
    	//$imageCaption.show();
    	//$imageCaption.children('.font').show();
    },
    function(){
    	var $imageCaption = $(this).parent().parent().parent().find('.image-caption');
    	$imageCaption.fadeOut(700);
    	//$imageCaption.hide();
    	//$imageCaption.children('.font').hide();
	   	//$('.image-caption').css("display", "none");$('.font').css("display", "none"); 
    }
    );  
      
    $($invert).bind('click',function(){
    $('#body').toggleClass('back2',500);

    if($('#body').hasClass('back2') == false){
    $('li').animate({     
        color: "white"
      }, 900 );
    $('.padding').animate({     
        color: "white"
      }, 900 );
    $('#navigation').animate({     
        color: "white"
      }, 900 );
    $('#navigation2').animate({     
        color: "white"
      }, 900 );
    $('.image-caption').animate({     
        color: "white"
      }, 900 );
    $($invert).animate({     
        color: "black",
      }, 900 );
    $('.boxes').animate({     
        backgroundColor: "#585555",
      }, 900 );
    $('.boxes h1').animate({     
      color: "#ccc",
    }, 900 );
    $('.boxes p').animate({     
      color: "#ccc",
    }, 900 );
    $('.email').animate({     
      color: "#ccc",
    }, 900 );
    $('.container h2').animate({     
      color: "#ccc",
    }, 900 );
    $('.container h2 a').animate({     
      color: "#ccc",
    }, 900 );
    $('#flash_version a').animate({     
      color: "#ccc",
    }, 900 );

    $($invert).css("background-color", "#ccc");
    $('#logo').hide();
    $('#logo2').show();
    } else {
    $('li').animate({     
        color: "#555"
      }, 900 );
    $('.padding').animate({     
        color: "#555"
      }, 900 );
    $('#navigation').animate({     
        color: "#555"
      }, 900 );
    $('#navigation2').animate({     
        color: "#555"
      }, 900 );
    $('.image-caption').animate({     
        color: "black"
      }, 900 );
    $($invert).animate({     
        color: "#ccc",
      }, 900 );
      $($invert).css("background-color", "black");
      $('#logo').show();
      $('#logo2').hide();
      $('.boxes').animate({     
        backgroundColor: "#efeeee",
      }, 900 );
      $('.boxes h1').animate({     
        color: "#000",
      }, 900 );
      $('.boxes p').animate({     
        color: "#000",
      }, 900 );
      $('.email').animate({     
        color: "#000",
      }, 900 );
      $('.container h2').animate({     
        color: "#000",
      }, 900 );
      $('.container h2 a').animate({     
        color: "#000",
      }, 900 );
      $('#flash_version a').animate({     
        color: "#555",
      }, 900 );

    }
    });
    
    //User clicks on a city / gallery;
 $fp_galleries.bind('click', function(){
        $fp_galleries.removeClass('current');
        var $gallery = $(this);
        $gallery.addClass('current');
        var gallery_index = $gallery.index();
        if (gallery_idx == gallery_index) 
            return;
        gallery_idx = gallery_index;
        //close the gallery and slider if opened
        if ($fp_thumbContainer.data('opened') == true) {
            $fp_scrollWrapper.fadeOut();
            $fp_thumbContainer.stop().animate({
                'height': '0px'
            }, 200, function(){
                openGallery($gallery);
            });
        }
        else 
            openGallery($gallery);
    
        // bottom text of navigation
        if(gallery_idx == 0){
          $('#navigation').css("left", "-600px");
          $('#navigation').text(" / HOME");
          $('#navigation').animate({
      left: "26px",
    },2000);
   
        }
        
        if(gallery_idx == 1){
          $('#navigation').css("left", "-600px");
          $('#navigation').text(" / ADVERTISING");
          $('#navigation').animate({
      left: "26px",
    },2000);
       }
        
        if(gallery_idx == 2){
          $('#navigation').css("left", "-600px");
          $('#navigation').text(" / PORTRAITS");
          $('#navigation').animate({
      left: "26px",
    },2000);
        }
        
        if(gallery_idx == 3){
          $('#navigation').css("left", "-600px");
          $('#navigation').text(" / PROJECTS");
          $('#navigation').animate({
      left: "26px",
    },2000);
        }
        
        if(gallery_idx == 4){
          $('#navigation').css("left", "-600px");
          $('#navigation').text(" / ALBUM COVERS");
          $('#navigation').animate({
      left: "26px",
    },2000);
        }

        if(gallery_idx == 5){
          $('#navigation').css("left", "-600px");
          $('#navigation').text(" / BIO");
          $('#navigation').animate({
      left: "26px",
    },2000);
        }
        
        if(gallery_idx == 6){
          $('#navigation').css("left", "-600px");
          $('#navigation').text(" / CONTACT");
          $('#navigation').animate({
      left: "26px",
    },2000);
        }
        
        if ($fp_thumbContainer.data('opened') == true) {
            $fp_scrollWrapper.fadeOut();
            $fp_thumbContainer.stop().animate({
                'height': '0px'
            }, 200, function(){
                openGallery($gallery);
            });
        }
        else 
            openGallery($gallery);
    });
    
    
    
    $(document).ready(function(){
    	
    	var album = $(document).getUrlParam("album");
    	var galId = 1;
    	
    	if(album != null) {
			// album parameter specified, open subpage if parameter is valid
			if(album == "advertising") galId = 2;
			if(album == "portraits") galId = 3;
			if(album == "projects") galId = 4;
			if(album == "album-covers") galId = 5;
			if(album == "about") galId = 6;
			if(album == "contact") galId = 7;
			//$('#fp_galleryList > li:nth-child('+galId+')').trigger('click');
			$('#fp_galleryList').css({marginLeft: "26px"});
    	}
    	else {
			$('#fp_galleryList').animate({
				  marginLeft: "26px",
				},2000, function() {	
					//$('#fp_galleryList > li:nth-child(1)').trigger('click');
					//$fp_galleries.find('> li:nth-child(1)').trigger('click');
				});
    	}
    	
    	// workaround for WebKit bug with first page inproperly rendered

    		$fp_galleries.removeClass('current');
			var $gallery = $('#fp_galleryList > li:nth-child(1)');
			$gallery.addClass('current');
			var gallery_index = $gallery.index();
			if (gallery_idx == gallery_index) 
				return;
			gallery_idx = gallery_index;
			//close the gallery and slider if opened
			$fp_scrollWrapper.fadeOut();
			$fp_thumbContainer.stop().animate({
				'height': '0px'
			}, 1000, function(){
				openGallery($gallery);
			});
      	
      	
      	// bind scroll action for scrolling the gallery
		/*$('#fp_thumbScroller').scroll(function() {
			var x = $(this).scrollLeft();
			console.log("scroll "+x);
			//$('#log').append('<div>Handler for .scroll() called.</div>');
		});*/
      	
      	// enable mouse wheel for scrolling the gallery
		$('#fp_thumbScroller').bind('mousewheel', function(event, delta) {
			var now = new Date().getTime();
			var msSinceLastScroll = now - lastMouseScroll;
			
			// performance optimalization
			// scroll only at max FPS from settings
			if(msSinceLastScroll < (1000/settings.mouseWheelMaxFPS)) {
				//console.log("waiting: "+msSinceLastScroll);
				return;
			}
			//console.log("NO waiting: "+msSinceLastScroll);
            var newLeft = $(this).scrollLeft() + (delta*settings.mouseWheelSpeedCoef);
            $(this).scrollLeft(newLeft);
            lastMouseScroll = now;
            return false;
        });
      	
      	//$('#fp_galleryList > li:nth-child('+(galId+1)+')').trigger('click');
    });
    
    
    
    
    //opens a gallery after cliking on a city / gallery
    function openGallery($gallery){
    	//console.log('open gallery\n'+$gallery.html());
    
        //current gets reseted
        current = 0;
        //wrapper of each content div, where each image is
        var $fp_content_wrapper = $fp_thumbContainer.find('.container:nth-child(' + parseInt(gallery_idx + 1) + ')');
		//alert($fp_content_wrapper.html());
		$activeGallery = $fp_content_wrapper;

        /* KK if there is no photo container, do nothing */
        if($fp_content_wrapper.length == 0) return;
        
        //hide all the other galleries thumbs wrappers
        $fp_thumbContainer.find('.container').not($fp_content_wrapper).hide();
        
        //and show this one
        $fp_content_wrapper.show();
        //total number of images
        nmb_images = $fp_content_wrapper.children('div').length;
        //calculate width,
        //padding left 
        //and padding right for content wrapper
        var w_width = 0;
        var padding_l = 0;
        var padding_r = 0;
        //center of screen
        var center = $(window).width() / 2;
        var one_divs_w = 0;
        /*
         Note:
         the padding left is the center minus half of the width of the first content div
         the padding right is the center minus half of the width of the last content div
         */
        $fp_content_wrapper.children('div').each(function(i){
            var $div = $(this);
            var div_width = $div.width();
            w_width += div_width;
            //if first one, lets calculate the padding left
            if (i == 0) 
                padding_l = center - (div_width / 2);
            //if last one, lets calculate the padding right
            if (i == (nmb_images - 1)) {
                padding_r = center - (div_width / 2);
                one_divs_w = div_width;
            }
        }).end().css({
        	// bug in scroller
        	// 'width': w_width + '0px',
            'width': w_width + 'px',
            'padding-left': padding_l + 'px',
            'padding-right': padding_r + 'px'
        });
        
        //scroll all left;
        $fp_thumbScroller.scrollLeft(w_width);
        
        //innitialize the slider
        $slider.slider('destroy').slider({
            orientation: 'horizontal',
            max: w_width - one_divs_w,//total width minus one content div width
            min: 0,
            value: 0,
            slide: function(event, ui){
                $fp_thumbScroller.scrollLeft(ui.value);
            },
            stop: function(event, ui){
                //when we stop sliding 
                //we may want that the closest picture to the center 
                //of the window stays centered. Uncomment the following line
                //if you want that behaviour
                checkClosest();
            }
        });
        //open the gallery and show the slider
        $fp_thumbContainer.animate({
            'height': '430px'
        }, 200, function(){
            $(this).data('opened', true);
            
            if(!$fp_content_wrapper.hasClass('noPhoto'))
            	$fp_scrollWrapper.fadeIn();
            	//$('#fp_scrollWrapper').hide();
        });
        
        //scroll all right;
        $fp_thumbScroller.stop().animate({
            'scrollLeft': '350px'
        }, 2000, 'easeInOutExpo');
        
        //User clicks on a content div (image)
        $fp_content_wrapper.find('.content').bind('click', function(e){
            var $current = $(this);
            
            
            //track the current one
            current = $current.index();
            //center and show this image
            //the second parameter set to true means we want to 
            //display the picture after the image is centered on the screen
            centerImage($current, true, 600);
            //showImageCaptions();
            e.preventDefault();
        });
    }
    
    //while the gallery scrolls we want that the slider scrolls as well
    $fp_thumbScroller.scroll(function(){
        $slider.slider('value', parseInt($fp_thumbScroller.scrollLeft(), 10));
    });
    
    //User clicks next button (preview mode)
    $fp_next.bind('click', function(){
        if (photo_nav) {
            photo_nav = false;
            navigate(1);
        }
    });
    
    //User clicks previous button (preview mode)
    $fp_prev.bind('click', function(){
        if (photo_nav) {
            photo_nav = false;
            navigate(0);
        }
    });
    
    //User clicks next button (thumbs)
    $('#fp_next_thumb').click(function(){
		slideThumb(1);
    });
    
    //User clicks previous button (thumbs)
    $('#fp_prev_thumb').click(function(){
        slideThumb(0);
    });
    
    //User clicks close button
    $fp_close.bind('click', function(){
        if (!photo_nav) 
            return;
		
		// SKRYJ POPISKY
		hideImageCaptions();
		
        //windows scroll if any
        var windowS = $(window).scrollTop();
        //the large image being viewed
        var $large_img = $('#fp_preview');
        //the current thumb
        var $current = $fp_thumbScroller.find('.container:nth-child(' + parseInt(gallery_idx + 1) + ')').find('.content:nth-child(' + parseInt(current + 1) + ')');
        //offset values of current thumb
        var current_offset = $current.offset();
        //the large image will animate in the direction of the center
        //after that it is removed from the DOM
        $large_img.stop().animate({
            'top': current_offset.top + windowS + 'px',
            'left': $(window).width() / 2 - $current.width() / 2 + 'px',
            'width': $current.width() + 'px',
            'height': $current.height() + 'px',
            'opacity': 0
        }, 800, function(){
            $(this).remove();
            //hide the overlay, and the next, previous and close buttons
            hidePreviewFunctions();
            
            
            
        });
        
        
    });
    
    //centers an image and opens it if open is true
    function centerImage($obj, open, speed){
        //the offset left of the element
        var obj_left = $obj.offset().left;
        //the center of the element is its offset left plus 
        //half of its width
        var obj_center = obj_left + ($obj.width() / 2);
        //the center of the window
        var center = $(window).width() / 2;
        //how much the scroller has scrolled already
        var currentScrollLeft = parseFloat($fp_thumbScroller.scrollLeft(), 10);
        //so we know that in order to center the image,
        //we must scroll the center of the image minus the center of the screen,
        //and add whatever we have scrolled already
        var move = currentScrollLeft + (obj_center - center);
		
        if (move != $fp_thumbScroller.scrollLeft()) //try 'easeInOutExpo'
            $fp_thumbScroller.stop().animate({
                scrollLeft: move
            }, speed, function(){
                if (open) 
                    enlarge($obj);
            });
        else 
            if (open) 
                enlarge($obj);
    }
    
    //shows the large image
    //first we position the large image on top of the thumb
    //and then, we animate it to the maximum we can get 
    //based on the windows size
    function enlarge($obj){
        //the image element
        var $thumb = $obj.find('img');
        //show loading image
        $fp_loading.show();
        //preload large image
        
        $('<img id="fp_preview" />').load(function(){
            var $large_img = $(this);
            
            //confirm there's no other large one
            $('#fp_preview').remove();
            
            $large_img.addClass('fp_preview');
            //now let's position this image on the top of the thumb
            //we append this image to the fp_gallery div
            var obj_offset = $obj.offset();
            $large_img.css({
                'width': $thumb.width() + 'px',
                'height': $thumb.height() + 'px',
                'top': obj_offset.top + 'px',
                'left': obj_offset.left + 5 + 'px'//5 of margin
            }).appendTo($fp_gallery);
            
            
            //getFinalValues gives us the maximum possible width and height
            //for the large image based on the windows size.
            //those values are saved on the element using the jQuery.data()
            getFinalValues($large_img);
            var largeW = $large_img.data('width');
            var largeH = $large_img.data('height');
            //windows width, height and scroll
            var $window = $(window);
            var windowW = $window.width();
            var windowH = $window.height();
            var windowS = $window.scrollTop();
            //hide the image loading
            $fp_loading.hide();
            //show the overlay
            $fp_overlay.show();
            //now animate the large image
            $large_img.stop().animate({
                'top': windowH / 2 - largeH / 2 + windowS + 'px',
                'left': windowW / 2 - largeW / 2 + 'px',
                'width': largeW + 'px',
                'height': largeH + 'px',
                'opacity': 1
            }, 800, function(){
                //after the animation, 
                //show the next, previous and close buttons
                showPreviewFunctions();
                showImageCaptions();
            });
        }).attr('src', $thumb.attr('alt'));
        
        //showImageCaptions();
        
    }
    
    //shows next or previous image
    //1 is right;0 is left
    function navigate(way){
		hideImageCaptions();
        //show loading image
        $fp_loading.show();
        if (way == 1) {
            ++current;
            var $current = $fp_thumbScroller.find('.container:nth-child(' + parseInt(gallery_idx + 1) + ')').find('.content:nth-child(' + parseInt(current + 1) + ')');
            if ($current.length == 0) {
                --current;
                $fp_loading.hide();
                photo_nav = true;
                return;
            }
        }
        else {
            --current;
            var $current = $fp_thumbScroller.find('.container:nth-child(' + parseInt(gallery_idx + 1) + ')').find('.content:nth-child(' + parseInt(current + 1) + ')');
            if ($current.length == 0) {
                ++current;
                $fp_loading.hide();
                photo_nav = true;
                return;
            }
        }
        
        //load large image of next/previous content div
        $('<img id="fp_preview" />').load(function(){
            $fp_loading.hide();
            var $large_img = $(this);
            var $fp_preview = $('#fp_preview');
            
            //make the current one slide left if clicking next
            //make the current one slide right if clicking previous
            var animate_to = -$fp_preview.width();
            var animate_from = $(window).width();
            if (way == 0) {
                animate_to = $(window).width();
                animate_from = -$fp_preview.width();
            }
            
            //now we want that the thumb (of the last image viewed) 
            //stays centered on the screen
            centerImage($current, false, 1000);
            
            $fp_preview.stop().animate({
                'left': animate_to + 'px'
            }, 500, function(){
                $(this).remove();
                $large_img.addClass('fp_preview');
                getFinalValues($large_img);
                var largeW = $large_img.data('width');
                var largeH = $large_img.data('height');
                var $window = $(window);
                var windowW = $window.width();
                var windowH = $window.height();
                var windowS = $window.scrollTop();
                $large_img.css({
                    'width': largeW + 'px',
                    'height': largeH + 'px',
                    'top': windowH / 2 - largeH / 2 + windowS + 'px',
                    'left': animate_from + 'px',
                    'opacity': 1
                }).appendTo($fp_gallery).stop().animate({
                    'left': windowW / 2 - largeW / 2 + 'px'
                }, 500, function(){
                    photo_nav = true;
					showImageCaptions();
                });
            });
        }).attr('src', $current.find('img').attr('alt'));
		//showImageCaptions();
    }
    
    //show the next, previous and close buttons
    function showPreviewFunctions(){
        $fp_next.stop().animate({
            'right': '80px'
        }, 500);
        $fp_prev.stop().animate({
            'left': '80px'
        }, 500);
        $fp_close.show();
    }
    
    //hide the overlay, and the next, previous and close buttons
    function hidePreviewFunctions(){
        $fp_next.stop().animate({
            'right': '-50px'
        }, 500);
        $fp_prev.stop().animate({
            'left': '-50px'
        }, 500);
        $fp_close.hide();
        $fp_overlay.hide();
    }
    
    function getFinalValues($image){
        var widthMargin = 0
        var heightMargin = 20;
        var $window = $(window);
        var windowH = $window.height() - heightMargin;
        var windowW = $window.width() - widthMargin;
        var theImage = new Image();
        theImage.src = $image.attr("src");
        var imgwidth = theImage.width;
        var imgheight = theImage.height;
        
        if ((imgwidth > windowW) || (imgheight > windowH)) {
            if (imgwidth > imgheight) {
                var newwidth = windowW;
                var ratio = imgwidth / windowW;
                var newheight = imgheight / ratio;
                theImage.height = newheight;
                theImage.width = newwidth;
                if (newheight > windowH) {
                    var newnewheight = windowH;
                    var newratio = newheight / windowH;
                    var newnewwidth = newwidth / newratio;
                    theImage.width = newnewwidth;
                    theImage.height = newnewheight;
                }
            }
            else {
                var newheight = windowH;
                var ratio = imgheight / windowH;
                var newwidth = imgwidth / ratio;
                theImage.height = newheight;
                theImage.width = newwidth;
                if (newwidth > windowW) {
                    var newnewwidth = windowW;
                    var newratio = newwidth / windowW;
                    var newnewheight = newheight / newratio;
                    theImage.height = newnewheight;
                    theImage.width = newnewwidth;
                }
            }
        }
        $image.data('width', theImage.width);
        $image.data('height', theImage.height);
    }
    
    //slides the scroller one picture 
    //to the right or left
    function slideThumb(way){
        if (way == 1) {
            ++current;
            var $next = $fp_thumbScroller.find('.container:nth-child(' + parseInt(gallery_idx + 1) + ')').find('.content:nth-child(' + parseInt(current + 1) + ')');
            if ($next.length > 0) 
                centerImage($next, false, 600);
            else {
                --current;
                return;
            }
        }
        else {
            --current;
            var $prev = $fp_thumbScroller.find('.container:nth-child(' + parseInt(gallery_idx + 1) + ')').find('.content:nth-child(' + parseInt(current + 1) + ')');
            if ($prev.length > 0) 
                centerImage($prev, false, 600);
            else {
                ++current;
                return;
            }
        }
    }
    
    //when we stop sliding 
    //we may want that the closest picture to the center 
    //of the window stays centered
    function checkClosest(){
        var center = $(window).width() / 2;
        var current_distance = 99999999;
        var idx = 0;
        $container = $fp_thumbScroller.find('.container:nth-child(' + parseInt(gallery_idx + 1) + ')');
        $container.find('.content').each(function(i){
            var $obj = $(this);
            //the offset left of the element
            var obj_left = $obj.offset().left;
            //the center of the element is its offset left plus 
            //half of its width
            var obj_center = obj_left + ($obj.width() / 2);
            var distance = Math.abs(center - obj_center);
            if (distance < current_distance) {
                current_distance = distance;
                idx = i;
            }
        });
        var $new_current = $container.find('.content:nth-child(' + parseInt(idx + 1) + ')');
        current = $new_current.index();
        centerImage($new_current, false, 200);
    }
    
    function showImageCaptions(){
        var fullSizeImage = $('img#fp_preview');
        var imagePath = fullSizeImage.attr('src');
		
		var largeW = $(fullSizeImage).width();
        
        var $thumb = $('#fp_thumbScroller img[alt=' + imagePath + ']');
        var $caption = $thumb.parent().parent().siblings('.image-caption');
		    var captionHtml = '<div class="image-caption">'+$caption.html()+'</div>';
        
		    var widthMargin = 0
        var heightMargin = 20;
        var windowH = $(window).height() - heightMargin;
        var windowW = $(window).width() - widthMargin;
        var windowS = $(window).scrollTop();
		
        var imageOutW = fullSizeImage.outerWidth();
        var imageOutH = fullSizeImage.outerHeight();
        
		    var captionWidth = largeW;
        var captionTop = windowH / 2 - imageOutH / 2 + heightMargin -10 + windowS + 'px';
        var captionLeft = windowW / 2 - captionWidth / 2 + 'px';
        
        //alert($caption.html());
        
        $('#fp_preview_captions').remove();
        $('<div id="fp_preview_captions">'+captionHtml+'</div>').css({
            //'top': windowH / 2 - largeH / 2 + windowS + 'px',
            'top': captionTop,
            //'left': windowW / 2 - $imageOutW / 2 + 'px',
            'left': captionLeft,
            'width': largeW + 'px',
            'z-index': 10000
        }).appendTo("body").hide().fadeIn();
		
		//$('#fp_preview_captions').append(captionHtml)
        if($caption.html()== null) hideImageCaptions();    
    } // end of showImageCaptions()
	
	function hideImageCaptions() {
		$('#fp_preview_captions').remove();
	} // end of hideImageCaptions()
});




/* Copyright (c) 2006-2007 Mathias Bank (http://www.mathias-bank.de)
 * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) 
 * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses.
 * 
 * Version 2.1
 * 
 * Thanks to 
 * Hinnerk Ruemenapf - http://hinnerk.ruemenapf.de/ for bug reporting and fixing.
 * Tom Leonard for some improvements
 * 
 */
jQuery.fn.extend({
/**
* Returns get parameters.
*
* If the desired param does not exist, null will be returned
*
* To get the document params:
* @example value = $(document).getUrlParam("paramName");
* 
* To get the params of a html-attribut (uses src attribute)
* @example value = $('#imgLink').getUrlParam("paramName");
*/ 
 getUrlParam: function(strParamName){
	  strParamName = escape(unescape(strParamName));
	  
	  var returnVal = new Array();
	  var qString = null;
	  
	  if ($(this).attr("nodeName")=="#document") {
	  	//document-handler
		
		if (window.location.search.search(strParamName) > -1 ){
			
			qString = window.location.search.substr(1,window.location.search.length).split("&");
		}
			
	  } else if ($(this).attr("src")!="undefined") {
	  	
	  	var strHref = $(this).attr("src")
	  	if ( strHref.indexOf("?") > -1 ){
	    	var strQueryString = strHref.substr(strHref.indexOf("?")+1);
	  		qString = strQueryString.split("&");
	  	}
	  } else if ($(this).attr("href")!="undefined") {
	  	
	  	var strHref = $(this).attr("href")
	  	if ( strHref.indexOf("?") > -1 ){
	    	var strQueryString = strHref.substr(strHref.indexOf("?")+1);
	  		qString = strQueryString.split("&");
	  	}
	  } else {
	  	return null;
	  }
	  	
	  
	  if (qString==null) return null;
	  
	  
	  for (var i=0;i<qString.length; i++){
			if (escape(unescape(qString[i].split("=")[0])) == strParamName){
				returnVal.push(qString[i].split("=")[1]);
			}
			
	  }
	  
	  
	  if (returnVal.length==0) return null;
	  else if (returnVal.length==1) return returnVal[0];
	  else return returnVal;
	}
});