$(document).ready(function(){
	$("#flipLogo").click(function(){
		$("#flipBox").flip({
			direction: 'bt',
			color:'#FFFFFF',
			speed: 400,
			content: $("#home")
		});
	});

	$("#flipBox #flipHireme").click(function(){
		$("#flipBox").flip({
			direction: 'bt',
			color:'#FFFFFF',
			speed: 400,
			content: $("#contactme")
		});
	});
  	$("#flipBT").click(function(){
		$("#flipBox").flip({
			direction: 'bt',
			color:'#FFFFFF',
			speed: 400,
			content: $("#home")
		});
	});
 	$("#flipNL").click(function(){
		$("#flipBox").flip({
			direction: 'bt',
			color:'#FFFFFF',
			speed: 400,
			content: $("#newsletter")
		});
	});
	$("#flipTB").click(function(){
		$("#flipBox").flip({
			direction: 'tb',
			color:'#FFFFFF',
			speed: 600,
			content: $("#aboutme")
		});
	});
	$("#flipLR").click(function(){
		$("#flipBox").flip({
			direction: 'lr',
			color:'#FFFFFF',
			content: $("#works")
		});
	});
	$("#flipRL").click(function(){
		$("#flipBox").flip({
			direction: 'rl',
			color:'#FFFFFF',
			speed: 550,
			content: $("#contactme")
		});
	});


	// handle navigation selection
    function selectNav() {
        $(this)
            .parents('ul:first')
                .find('a')
                    .removeClass('active')
                .end()
            .end()
            .addClass('active');
    }

    $('.menu ul').find('a').click(selectNav);

    // go find the navigation link that has this target and select the nav
    function trigger(data) {
        var el = $('.menu ul').find('a[href$="' + data.id + '"]').get(0);
        selectNav.call(el);
    }



});