var width = $("#overlay img").width();
var height = $("#overlay img").height();

// When Document Is Loaded
$(document).ready(function() {

// Highlight All Defined Syntax
SyntaxHighlighter.defaults['toolbar'] = false;
SyntaxHighlighter.config.stripBrs = true;
SyntaxHighlighter.all();

// Input Switchers
$(".switch").focus(function(){
	title = $(this).attr("title");
	value = $(this).val();
	if(title==value){
		$(this).css("color","#474747");
		$(this).val("");
	}
});
$(".switch").blur(function(){
	title = $(this).attr("title");
	value = $(this).val();
	if(value==""){
		$(this).css("color","#a2a2a2");
		$(this).val(title);
	}
});



// Scroll To Comments
$(".comments-btn").click(function(){
	$('html,body').animate({scrollTop: $("#post-comment").offset().top},'fast');
});



// Sort Portfolio Items
$("#sort-all").click(function(){
	$("#nav a").removeClass("selected");
	$("#sort-all").addClass("selected");
	$(".piece").css('display','block');
});
$("#sort-websites").click(function(){
	$("#nav a").removeClass("selected");
	$("#sort-websites").addClass("selected");
	$(".piece").css('display','none');
	$(".category-website").css('display','block');
});
$("#sort-apps").click(function(){
	$("#nav a").removeClass("selected");
	$("#sort-apps").addClass("selected");
	$(".piece").css('display','none');
	$(".category-app").css('display','block');
});
$("#sort-mobile").click(function(){
	$("#nav a").removeClass("selected");
	$("#sort-mobile").addClass("selected");
	$(".piece").css('display','none');
	$(".category-mobile").css('display','block');
});
$("#sort-misc").click(function(){
	$("#nav a").removeClass("selected");
	$("#sort-misc").addClass("selected");
	$(".piece").css('display','none');
	$(".category-misc").css('display','block');
});



// Close Lightbox
$("#overlay-blackout").click(function(){
	$("#overlay-blackout").css('display','none');
	$("#overlay").css('width',400).css('height',200);
	$("#overlay img").css('display','none');
	$("#overlay .code-wrapper").css('display','none');
});


// Change Overlay Width When Image Loads
$("#overlay img").load(function(){
	width = $("#overlay img").width();
	height = $("#overlay img").height();
	$("#overlay").css('width',width).css('height',height);
	$("#overlay img").css('display','block');
});



}); // END jquery document ready function



// Enlarge Portfolio Image
function showImage(src){
	$("#overlay-blackout").css('display','block');
	$("#overlay img").attr('src',src);
	$("#overlay").css('width',width).css('height',height);
}

function showCode(code){
	$("#overlay-blackout").css('display','block');
	$("#overlay #" + code ).css('display','block');
	$("#overlay").css('width',842).css('height','auto');
	$("#overlay img").css('display','none');
}