var $j = jQuery.noConflict();
var pos = 0;
var maxPos;

$j(document).ready(function() {
	$j('.thumbnails').click(displayContent);
	$j('#navlinks a').click(displayContent);
	$j('.company_logo').hover(showLogo, obscureLogo);
	$j('#down').click(scrollDown);
	$j('#up').click(scrollUp);
	maxPos = ($j('.thumbnails').length / 2) - 4;
});

function displayContent(e) {    
	var contentID = e.target.id;

    if (contentID == 'mail' || contentID == 'linkedin') {
        return;
    }
    
	$j('.content:visible').fadeOut(function() {
		$j('#' + contentID + '_content').fadeIn();
	});
}

function showLogo(e) {
	var src = $j(e.target).attr('src');
	var newSrc = src.replace('_gray', '');
	$j(e.target).attr('src', newSrc);
}

function obscureLogo(e) {
	var src = $j(e.target).attr('src');
	var newSrc = src.replace('.png', '_gray.png');
	$j(e.target).attr('src', newSrc);
}

function scrollDown(e) {
	
	if (pos < maxPos) {
		pos++;
		var scroll = -140 * pos;
		$j('#images_content').animate({top: scroll + 'px'}, 250, 'swing');
	}
}

function scrollUp(e) {
	
	if (pos > 0) {
		pos--;
		var scroll = -140 * pos;
		$j('#images_content').animate({top: scroll + 'px'}, 250, 'swing');
	}
}