jQuery(function($){
$('ul.navigation li:last').addClass('last_item');
$("ul.sub-menu li:last-child").addClass("last");
});

$(document).ready(function() {
$('.box_wrapper').parent().append('<span class="hide_btn hide_box"></span>');
$('.box_wrapper').show();					   
$('.hide_box').click(function() {
$(this).prev().slideToggle(400);
$(this).toggleClass("show_btn");
});
});


jQuery(function($){
$('.hide_btn_1').click(function() {$(this).parent().fadeOut('slow')});
$('.hide_btn_2').click(function() {$(this).parent().fadeOut('slow')});
$('.hide_btn_3').click(function() {$(this).parent().fadeOut('slow')});
$('.hide_btn_4').click(function() {$(this).parent().fadeOut('slow')});
$('.hide_btn_5').click(function() {$(this).parent().fadeOut('slow')});
$('.hide_btn_6').click(function() {$(this).parent('.box_wrapper').fadeOut('slow')});
$('.hide_btn_7').click(function() {$(this).parent().fadeOut('slow')});
});

$(function () {    
  $('ul.menu li').hover(function () {
    $('ul.sub-menu', this).stop(true, true).delay(200).slideDown('fast')
  }, function () {
    $('ul.sub-menu', this).stop(true, true).slideUp(200);
  });
});

jQuery(window).bind('resize load',function(){
    if (jQuery.browser.msie) {
        var h = jQuery(window).height();
    } else {
        var h = window.innerHeight;
    }
    var w = jQuery(window).width();
    jQuery('#outer_canvas').width(w).height(h);
    jQuery('#map_canvas').width(w).height(h);
});


$(document).ready(function() {
$(".scrollable_big").scrollable({circular: true }).navigator(".navi")
$(".navi a:first").addClass("active");
$(".navi a:last").addClass("last_thumb");
});

$(function() {

$(".scrollable").scrollable();

$(".items img").click(function() {

	// see if same thumb is being clicked
	if ($(this).hasClass("active")) { return; }

	// calclulate large image's URL based on the thumbnail URL (flickr specific)
	var url = $(this).attr("title");

	// get handle to element that wraps the image and make it semi-transparent
	var wrap = $("#image_wrap").fadeTo("medium", 0.5);

	// the large image from www.flickr.com
	var img = new Image();


	// call this function after it's loaded
	img.onload = function() {

		// make wrapper fully visible
		wrap.fadeTo("fast", 1);

		// change the image
		wrap.find("img").attr("src", url);

	};

	// begin loading the image from www.flickr.com
	img.src = url;

	// activate item
	$(".items img").removeClass("active");
	$(this).addClass("active");

// when page loads simulate a "click" on the first image
}).filter(":first").click();
});

jQuery(function($){
        $("#jstwitter").tweet({
            username: "Kontrast_Rdam",
            join_text: "auto",
            count: 1,
            loading_text: "Bezg met laden"
        });
		
		$("#twitfeed_page").tweet({
            username: "Kontrast_Rdam",
            join_text: "auto",
            count: 9,
            loading_text: "Bezg met laden"
        });
});


jQuery.event.add(window, "load", resizeFrame);
jQuery.event.add(window, "resize", resizeFrame);

function resizeFrame() 
{
    var h = $(window).height();
    var w = $(window).width();
    $("#content_wrapper_portfolio").css('height',h -150);
}

$(document).ready(function() {
$('#show-modal').click(function(){
$('#modal-background').fadeIn();
return false;
});

$('#close-modal').click(function(){
$('#modal-background').fadeOut();
return false;
});
});