// --------------------------
// FACEBOX DAILOG BOX
// --------------------------

$(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })

// --------------------------
// ITEM SORTABLE FILTER
// --------------------------

$(document).ready(function() {
	$('#header #nav li a').click(function() {
		$(this).css('outline','');
		$('#header #nav li.current').removeClass('current');
		$(this).parent().addClass('current');
		
		var filterVal = $(this).text().toLowerCase().replace(' ','-');
				
		if(filterVal == 'home') {
			$('#content #portfolio li.item.hidden').fadeIn('slow').removeClass('hidden');
		} else {
			
			$('#content #portfolio li.item').each(function() {
				if(!$(this).hasClass(filterVal)) {
					$(this).fadeIn('slow').addClass('hidden');
				} else {
					$(this).fadeIn('fast').removeClass('hidden');
				}
			});
		}
		
		return false;
	});
});

// --------------------------
// CLIENT SLIDER
// --------------------------

$(document).bind('reveal.facebox', function() {
		$('.slider').nivoSlider({ 
		pauseTime:4000,
		effect:'random',
		pauseOnHover:true,
		directionNav:false,
		controlNav:true
	});
});


// --------------------------
// ITEM HOVER FADE
// --------------------------

$(document).ready(function(){
	$("#content .item").hover(function(){
		$(this).find("span").stop()
			.animate({
				opacity: '0.90',
				}, 'slow');
	}, function() {
		$(this).find("span").stop()
			.animate({
				opacity: '0',
				}, 'slow');
	});
});

// --------------------------
// GOOGLE MAPS
// --------------------------

window.onload = function(){
                var mymap = new MeOnTheMap({
                    container: "map",
                    html: "",
                    address: "Ophoviuslaan 96, The Netherlands",
					defaultUI  : true,
                    zoomLevel: 15
                });

                mymap.adjustMapCenter({
                    x: 0,
                    y: -90
                });
            }