$(function(){
	
	$(window).scroll(function()
	{
		$("#nav-scroll a.selected").removeClass("selected");
	});
	
	var $scrollLinks = $("#nav-scroll a");
	
	$scrollLinks.click(scrollPage);
	
	var $active =  $("#nav-scroll a[href='"+window.location+"']");
	
	$active.addClass("selected");
	
	$(window).load(function()
	{
	    $active.click();
	});
	
	$("#client-images a").click(function()
	{
		loadImage(this);	
		return false;
	});
	
	$("#image").click(nextImage);
	$("#image-nav #image-next").click(nextImage);
	$("#image-nav #image-prev").click(prevImage);
	
	$("#home #footer").height($(window).height());
	
	//
	
	var $widgetLinks = $("#widget h4 a");
	
	$widgetLinks.click(toggleWidget);
	
	//
	
	var $overlayLinks = $("a.overlay-link");
	
	$overlayLinks.click(toggleOverlay);
	
	$(".overlay-close").click(function(e)
	{
		e.preventDefault(e);
		
		$(this).parent().parent().fadeOut(500);
	});
});

function toggleOverlay(e)
{
    e.preventDefault(e);
    
    $link = $(this);
    
    var temp = new Array();

	temp = $link.attr("href").split('#');
	
	$("#"+temp[1]).fadeIn(250);
}

function toggleWidget(e)
{
	e.preventDefault(e);
	
	row = $(this).parent().parent();
	
	if (!$(row).hasClass("selected"))
	{
		$("#widget").animate({ height: "314px" }, 200 );
		
		$(".widget-row.selected").animate({ height: "50px" }, 150 ).removeClass("selected");
		
		$(row).animate({ height: "160px" }, 200 ).addClass("selected");
	}
}

function scrollPage(e)
{
    e.preventDefault(e);
    
    $link = $(this);
    
    var temp = new Array();

	temp = $link.attr("href").split('#');
    
    scrollTarget = "#"+temp[1];
    
    $.scrollTo( $(scrollTarget), 250, {axis: 'y', easing: '', onAfter:function(){
    
    	$("#nav-scroll a.selected").removeClass("selected");
    	$link.toggleClass("selected");
    	
    	window.location.hash = scrollTarget;
    
    }});
}

function loadImage(link)
{
    var caption = $(link).text();
    var src = $(link).attr("href");
    
    $("#image-caption").text(caption);
    
    var index = $("#client-images a").index(link) + 1;
    var count = $("#client-images a").length;
    
    $("#image-count").text("[ "+index+" / "+count+" ] ");
    
    $("#client-images a.current").removeClass("current");
    $(link).addClass("current");
    	
    $("#image img").remove();
    
    var newImage = new Image();
    
    var random = new Date().getTime();
    
    $(newImage).attr("src", src+"?random="+random);
    
    $(newImage).load(function()
    {
    	$(this).hide();
    	$("#image").html(this);
    	$(this).fadeIn(750);
    	
    	var hgt = $(this).height();
    	$("#image").height(hgt);
    });
}

function nextImage(e)
{
	e.preventDefault(e);
	
	var nextLink = $("#client-images a.current").parent().next().children(":first-child");
	
	if(!$(nextLink).attr("href")) nextLink = $("#client-images a").eq(0);
	
	loadImage(nextLink);
}

function prevImage(e)
{
	e.preventDefault(e);
	
	var count = $("#client-images a").length - 1;
	
	var prevLink = $("#client-images a.current").parent().prev().children(":first-child");
	
	if(!$(prevLink).attr("href")) prevLink = $("#client-images a").eq(count);
	
	loadImage(prevLink);
}