$(document).ready(function(){

    $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&catid=1");
    $("#p1").toggleClass("active");

    $("#p1").click(function(){
        $("#p1").toggleClass("active");
        $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&catid=1");
    });

    $("#p2").click(function(){
        $("#p2").toggleClass("active");
        $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&catid=2");
    });

    $("#p3").click(function(){
        $("#p3").toggleClass("active");
        $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&catid=3");
    });

    $("#p4").click(function(){
        $("#p4").toggleClass("active");
        $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&catid=4");
    });

    $("#p5").click(function(){
        $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&catid=0");
    });
    

    $("#itemCount").change(function(){
        $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&maxItems=20");
    });

    $("#defaultView").click(function(){
        $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&view=default");
    });

    $("#thumbView").click(function(){
        $("#tb_display").html('<div class="spinner"></div>').load("../views/elements/thumbBox/thumbBox.obj.php?gallery=portfolio&view=thumbs");
    });
});