/*
 * Viewport - jQuery selectors for finding elements in viewport
 *
 * Copyright (c) 2008-2009 Mika Tuupola
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Project home:
 *  http://www.appelsiini.net/projects/viewport
 *
 */
(function($) {

    $.belowthefold = function(element, settings) {
        var fold = $(window).height() + $(window).scrollTop();
        return fold <= $(element).offset().top + (settings.matchPart ? $(element).height() : 0) - settings.threshold;
    };

    $.abovethetop = function(element, settings) {
        var top = $(window).scrollTop();
        return top >= $(element).offset().top + (settings.matchPart ? 0 : $(element).height()) - settings.threshold;
    };

    $.rightofscreen = function(element, settings) {
        var fold = $(window).width() + $(window).scrollLeft();
        return fold <= $(element).offset().left + (settings.matchPart ? $(element).width() : 0) - settings.threshold;
    };

    $.leftofscreen = function(element, settings) {
        var left = $(window).scrollLeft();
        return left >= $(element).offset().left + (settings.matchPart ? 0 : $(element).width()) - settings.threshold;
    };

    $.inviewport = function(element, settings) {
        var $element = $(element);
        var offset = $element.offset();

        var $window = $(window);
        var windowTop = $window.scrollTop();
        var threshold = settings.threshold;

    	// match part is inverted because in-viewport by default matches part (so we'll just use the same flag but it really means match "whole"
    	if (settings.matchPart) {
    		if (offset.top > windowTop && ((offset.top + $element.height()) < (windowTop + $window.height()))) {
        		return true;
    		} else {
    			return false;
    		}
    	}
        
        
        if (offset.top - threshold < windowTop) {
            if (offset.top + $element.height() + threshold >= windowTop) {
                // top edge below the window's top
            } else {
                return false;
            }
        } else {
            if (offset.top - threshold <= windowTop + $window.height()) {
                // bottom edge above the window's bottom
            } else {
                return false;
            }
        }

        var windowLeft = $window.scrollLeft();

        if (offset.left - threshold < windowLeft) {
            if (offset.left + $element.width() + threshold >= windowLeft) {
                // left edge be on the left side of the window's left edge
            } else {
                return false;
            }
        } else {
            if (offset.left - threshold <= windowLeft + $window.width()) {
                // right edge be on the right side of the window's right edge
            } else {
                return false;
            }
        }

        return true;
    };

    var getSettings = function (m) {
    	var s = {threshold : 0};
    	
    	if (typeof m[3] !== 'undefined') {
    		if (m[3] == 'true') s.matchPart = true;
	    	else if (m[3] == 'false') s.matchPart = false;
	    	else if (m[3] && parseInt(m[3])) s.threshold = parseInt(m[3]);
    	}
    	
    	return s;
    }
    
    $.extend($.expr[':'], {
        "below-the-fold": function(a, i, m) {
            return $.belowthefold(a, getSettings(m));
        },
        "above-the-top": function(a, i, m) {
            return $.abovethetop(a, getSettings(m));
        },
        "left-of-screen": function(a, i, m) {
            return $.leftofscreen(a, getSettings(m));
        },
        "right-of-screen": function(a, i, m) {
            return $.rightofscreen(a, getSettings(m));
        },
        "in-viewport": function(a, i, m) {
            return $.inviewport(a, getSettings(m));
        }
    });


})(jQuery);

