$(document).ready(function(){

    var scroller = new Scroller($('.scroller'));
    var urls = new Array();

    $('#menu > ul > li').each(function(){
        var width = $(this).width();
        $(this).width(width);
        //$(this).attr('style', 'width:'+width+'px;');
    });

    $('.gallery').find('img').click(function(){
        var img = $(this).index() - 1;
        
        $(this).parents('.gallery').find('img').each(function(){
            urls.push($(this).attr('src'));
        })
        if($('#galleryHolder').length == 0){
            $('#header').append('<div id="galleryHolder"></div>');
        }
        var holder = $('#galleryHolder')[0];
        for(var i = 0; i < urls.length; i++){
            urls[i] = urls[i].replace('&w=80&h=60zc=1', '');
        }
        $('#galleryHolder').html('<img id="galleryImg" src="'+urls[img]+'&w=470&h=470&zc=1" alt="" width="470" height="470"  />');
        $('#galleryHolder').append('<table id="galleryHolderNav" border="0" cellpadding="0" cellspacing="0"><tr></tr></table>');
        $('#galleryHolderNav').append('<td id="previousNav" class="verdana grey text pointer">Previous</td>');
        $('#galleryHolderNav').append('<td id="closer" class="verdana grey text pointer">Close Window</td>');
        $('#galleryHolderNav').append('<td id="nextNav" class="verdana grey text pointer">Next</td>');
        jQuery.data(holder, 'current', img);
        jQuery.data(holder, 'total', urls.length);
    });
    
    $('#previousNav').live('click', function(){
        var holder = $('#galleryHolder')[0];
        var current = jQuery.data(holder, 'current');
        if(current > 0){
            $('#galleryImg').attr('src' , urls[current - 1] + '&w=470&h=470&zc=1');
            jQuery.data(holder, 'current', current - 1);
        }
    });

    $('#nextNav').live('click', function(){
        var holder = $('#galleryHolder')[0];
        var current = jQuery.data(holder, 'current');
        var total = jQuery.data(holder, 'total');
        if(current < total){
            $('#galleryImg').attr('src' , urls[current + 1] + '&w=470&h=470&zc=1');
            jQuery.data(holder, 'current', current + 1);
        }
    });

    $('#closer').live('click', function(){
        $('#galleryHolder').remove();
    });
    
});