$(document).ready(function() {

	/*** controling vimeo videos ***/
	// documentation: http://vimeo.com/api/docs/player-js
	// example: http://player.vimeo.com/playground

	// Listen for the ready event for any vimeo video players on the page
    var vimeoPlayers = document.querySelectorAll('iframe'),
        player;

    for (var i = 0, length = vimeoPlayers.length; i < length; i++) {
        player = vimeoPlayers[i];
        $f(player).addEvent('ready', ready);
    }

    /**
     * Utility function for adding an event. Handles the inconsistencies
     * between the W3C method for adding events (addEventListener) and
     * IE's (attachEvent).
     */
    function addEvent(element, eventName, callback) {
        if (element.addEventListener) {
            element.addEventListener(eventName, callback, false);
        }
        else {
            element.attachEvent('on' + eventName, callback);
        }
    }

    /**
     * Called once a vimeo player is loaded and ready to receive
     * commands. You can add events and make api calls only after this
     * function has been called.
     */
    function ready(player_id) {
        // Keep a reference to Froogaloop for this player
        var container = document.getElementById(player_id).parentNode.parentNode,
            froogaloop = $f(player_id),
            apiConsole = container.querySelector('.console .output');

		var buttons = container.querySelector('.apple_overlay'),
			unloadBtn = buttons.querySelector('.unload');

        // Call unload when unload button clicked
        addEvent(unloadBtn, 'click', function() {
            froogaloop.api('pause');
            froogaloop.api('unload');
        }, false);
    }
	/*** END: controling the vimeo videos ***/



	// make all links with the 'rel' attribute open overlays
	$("a[rel]").overlay({
  		mask: {
            color: '#000000',
            opacity: 0.9
        },

		top: 'center',

		onClose: function(event) {
		    // trigger button to unload video
			$('button.unload').click();
		},

		onBeforeLoad: function() {
			// grab wrapper element inside content
			var wrap = this.getOverlay().find(".contentWrap");

			// load the page specified in the trigger
			wrap.load(this.getTrigger().attr("href"));
		}
	});

	// show more news
	$('a#showmorenews').click(function(event){
		$('a#showmorenews').hide();
		$('#morenews').show('slow');
		$('html,body').animate({scrollTop: $('#morenews').offset().top}, 1500);
	});
});