function adjustViewport()
{
    var rh = $('#root_pane').outerHeight();
    var wh = $(window).height();
    if(rh<wh) $('#root_pane').height((wh-50)+'px');
}

function zoomImage(trigger, replaceWord, byWord)
{
    var image = $('<img src="'+$(trigger).attr('src').replace(eval('/'+replaceWord+'/g'), byWord)+'" alt="" />');
    var viewer = $('#viewer_popup');
    image.load(function() {
        var img_w = $(this).width()+100;
        var img_h = $(this).height()+100;
        viewer.css({
            'top': (($(window).height()-img_h)/2)+"px",
            'left': (($(window).width()-img_w)/2)+"px"
        })
        $('#viewer_fade').removeClass("hidden");
    });
    viewer.empty().append(image).removeClass("hidden");
}

var required_fields=$(['last_name','first_name','description','email','phone']);
function validateAndSubmitForm()
{
    var valid=true;
    required_fields.each(function(f){
        var curr_field=$('#'+required_fields[f]);
        if(curr_field.val().length<1)
        {
            curr_field.addClass('invalid-field');
            valid=false;
        } else {
            curr_field.removeClass('invalid-field');
        }
    });
    if(valid) $('#question_form').submit();
    return valid;
}

function clearForm()
{
    $('#question_form').reset();
    return false;
}

function swap_image()
{
    var big = $('#project_illustration');
    var big_src = big.attr('src');
    var t = $(this);
    big.attr('src', t.find('img').attr('src').replace(/small/g, 'medium'));
    t.find('img').attr('src', big_src.replace(/medium/g, 'small'));
    return false;
}

$(function(){
    adjustViewport();
    $(window).resize(adjustViewport);
    $('#viewer_popup').click(function(){
        $(this).addClass('hidden');
        $('#viewer_fade').addClass('hidden');
    });
    $('#viewer_fade').click(function(){
        $(this).addClass('hidden');
        $('#viewer_popup').addClass('hidden');
    });
    $('.project_thumb_trigger').click(swap_image);
});