$(document).ready(function() {
    targetDiv = $('#portfolio');

    $('#next').live("click",function () {
        $("#loading").show();
        var get = $('#next a').attr('href');
        var what = get.replace(siteUrl, '');
        getPortfolio(what);
        return false;
    });
    $('#prev').live("click",function () {
        $("#loading").show();
        var get = $('#prev a').attr('href');
        var what = get.replace(siteUrl, '');
        getPortfolio(what);
        return false;
    });

    $('.navbl').live("click",function() {
        if($(".block").width() != '480') {
            $("#content").animate({
                width: "1920px",
                height: "888px",
                marginLeft: "0px",
                marginTop: "-444px",
                marginRight: "0px"
            }, 250 );
        } else {
            $("#content").css ( {
                width: "1920px",
                marginLeft: "0px",
                marginTop: "-444px",
                marginRight: "0px"
            }, 250 );
            $(".block").css({
                height: "444px",
                width: "960px"
            }).removeClass('navbl').removeClass('navbr').removeClass('navtl').removeClass('navtr')

        }
        return false;
    });
    $('.navbr').live("click",function() {
        if($(".block").width() != '480') {
            $("#content").animate({
                width: "1920px",
                marginLeft: "-960px",
                marginTop: "-444px",
                marginRight: "0px"
            }, 250 );
        } else {
            $("#content").css ( {
                width: "1920px",
                marginLeft: "-960px",
                marginTop: "-444px",
                marginRight: "0px"
            }, 250 );

            $(".block").css({
                height: "444px",
                width: "960px"
            }).removeClass('navbl').removeClass('navbr').removeClass('navtl').removeClass('navtr')
        }
        return false;
    });
    $('.navtl').live("click",function() {
       if($(".block").width() != '480') {
            $("#content").animate({
                width: "1920px",
                marginLeft: "0px",
                marginTop: "0px",
                marginRight: "0px"
            }, 250 );
       } else {
            $("#content").css ( {
                width: "1920px",
                marginLeft: "0px",
                marginTop: "0px",
                marginRight: "0px"
            }, 250 );
            $(".block").css({
                height: "444px",
                width: "960px"
            }).removeClass('navbl').removeClass('navbr').removeClass('navtl').removeClass('navtr')
        }
        return false;
    });
    $('.navtr').live("click",function() {
        if($(".block").width() != '480') {
            $("#content").animate({
                marginLeft: "-960px",
                marginTop: "0px",
                marginRight: "0px"
            }, 250 );
        } else {
            $("#content").css ( {
                marginLeft: "-960px",
                marginTop: "0px",
                marginRight: "0px",           
                width: "1920px"
            }, 250 );

            $(".block").css({
                height: "444px",
                width: "960px"
            }).removeClass('navbl').removeClass('navbr').removeClass('navtl').removeClass('navtr')
        }
        return false;
    });

    $('label').hide();
    $('#naam').autofill({
        value: 'Naam',
        defaultTextColor: '#000',
        activeTextColor: '#000'
    });
    $('#postadres').autofill({
        value: 'E-mail',
        defaultTextColor: '#000',
        activeTextColor: '#000'
    });
    $('#vraag').autofill({
        value: 'Vraag / opmerking',
        defaultTextColor: '#000',
        activeTextColor: '#000'
    });
 
});

function getPortfolio(what) {
    targetDiv = $('#portfolio');
    $.get(siteUrl+"portfolio.php",{
              item: what
        }, function(result) {
            targetDiv.hide();
            targetDiv[0].innerHTML = result;
            targetDiv.fadeIn('fast');
            $("#loading").hide();
    });
}

$(function(){
    $('#content a').not('#pfnav a').live("click",function(){
        window.open(this.href);
        return false;
    });
});

// Auto-Fill Plugin
// Written by Joe Sak http://www.joesak.com/2008/11/19/a-jquery-function-to-auto-fill-input-fields-and-clear-them-on-click/
(function($){$.fn.autofill=function(options){var defaults={value:'First Name',defaultTextColor:"#000000",activeTextColor:"#333"};var options=$.extend(defaults,options);return this.each(function(){var obj=$(this);obj.css({color:options.defaultTextColor}).val(options.value).focus(function(){if(obj.val()==options.value){obj.val("").css({color:options.activeTextColor});}}).blur(function(){if(obj.val()==""){obj.css({color:options.defaultTextColor}).val(options.value);}});});};})(jQuery);