function jumpToProject (project_id) {
	var link = $('.project_thumbs a[href=#project_' + project_id + ']');
	$('.project_thumbs a').attr('class', 'inactive');
	link.attr('class', 'active');
	var height = parseInt($('#large_projects').css('height'));
	var index = link.index();
	var vertical_position = -height*index;
	$('#large_projects .wrapper').animate({top: vertical_position}, 200);
}
var slides;
var outer_width;
var current_slide = 1;
function updateProjectSlider() {
    var left_pos = ((current_slide * outer_width) - outer_width) * -1

    if (current_slide < slides) {
        $('.project_thumbs .next_button').addClass('active');
    } else {
        $('.project_thumbs .next_button').removeClass('active');
    }
    
    if (current_slide > 1) {
        $('.project_thumbs .prev_button').addClass('active');
    } else {
        $('.project_thumbs .prev_button').removeClass('active');
    } 
    
    $('.project_thumbs .inner').animate({left: left_pos}, 200);
}

function setupProjectSlider() {
    var per_slide = 7;
    var project_count = $('.project_thumbs .inner a').size();
    outer_width = $('.project_thumbs .outer').width();
    slides = Math.ceil(project_count/per_slide);
    $('.project_thumbs .inner').width(slides * outer_width);
	$('.project_thumbs .inner a').tipTip({defaultPosition: 'top', delay: 200});
	updateProjectSlider();
}
$(document).ready(function(){
    // $('.faq').each(function(){
    //     $(this).find('dt a').click(function(){
    //         event.preventDefault();
    //         $('.faq').find('dd').hide('fast');
    //         $(this).parents('dl').find('dd').toggle('slow');
    //     });
    //     $(this).find('dd').hide();
    // });
    // 
    // $('.submit_button').bind('click', function (event) {
    //     event.preventDefault();
    //     var href = $(this).attr('href');
    //     $(href).submit();
    // });
    // 
    // // Checkout shipping information
    // $('#shipping_same_as_billing_yes, #shipping_same_as_billing_no').bind('change', function(event){
    //     // alert($(this).attr('checked'));
    //     if ($(this).val() == 'yes' && $(this).attr('checked')) {
    //         $('.shipping_information input, .shipping_information select').attr('disabled', true);
    //         $('.shipping_information').css('display', 'none');
    //         //$('.shipping_same_information').css('margin-right', '320px');
    //     } else {
    //         $('.shipping_information input, .shipping_information select').attr('disabled', false);
    //         $('.shipping_information').css('display', 'block');
    //         //$('.shipping_same_information').css('margin-right', '20px');
    //         
    //     }
    // });
    // Open external links in new window
    $('a[href^="http://"]').attr("target", "_blank");
    setupProjectSlider();
    
    $('.project_thumbs .inner a').bind('click', function(event){
        event.preventDefault();
        $('.project_thumbs .inner a').attr('class', 'inactive');
        $(this).attr('class', 'active');
        var height = parseInt($('#large_projects').css('height'));
        var index = $($(this).attr('href')).index();
        var vertical_position = -height*index;
        $('#large_projects .wrapper').animate({top: vertical_position}, 200);
    });
    $('.project_thumbs .next_button').bind('click', function(event){
        event.preventDefault();
        if ($(this).hasClass('active')) {
            current_slide++;
            updateProjectSlider();
        }
    });
    
    $('.project_thumbs .prev_button').bind('click', function(event){
        event.preventDefault();
        if ($(this).hasClass('active')) {
            current_slide--;
            updateProjectSlider();
        }
    });
	if ($('#jump_to').size() > 0) {
		jumpToProject($('#jump_to').text());
	};

});