/**
 * My personal javascript scratch pad.
 */

var fgal = $("#fgal");
var items = 12;
var title = "David Wright'"+"'s Photos on Flickr";
var flickrurl = "http://www.flickr.com/";
fgal.html("");

(function($){
    $.fn.flickrFetch = function(options) {
        var defaults = {
                callback : '',
                items : 10,
                title : "My PhotoStream",
                url : "http://api.flickr.com/services/feeds/photos_public.gne",
                userID : ''
        }
        var obj = this;
        var options = $.extend(defaults, options);
        return this.each(function() {
            var url = options.url+'?id='+options.userID+'&format=json&jsoncallback=?';
            $.getJSON(url, function(data) {
                var list = $("<ul></ul>");
                $.each(data.items, function(i, item){
                    var photoURL = item.media.m;
                    var thumb = (item.media.m).replace("_m.jpg", "_s.jpg");
                    var photoBig = (item.media.m).replace("_m.jpg", "_z.jpg");
                    var flickrURL = 'http://www.flickr.com/photos/'+item.owner+'/'+item.id+'/';
                    var link = $('<li><a href="'+photoBig+'" rel="flickrp"><img src="'+thumb+'" /></a></li>');
                    $(list).append(link);
                });
                $(obj).append(list);
                options.callback.call(this, data)
            });
        });
    }
})(jQuery);

$(document).ready(function(){
    
    $("#fgal").flickrFetch({
        userID: '7440058@N02',
        callback : function(){
            $("#fgal a").fancybox({
                'titleShow'     : false,
                'transitionIn'	: 'elastic',
                'transitionOut'	: 'elastic',
                'easingIn'      : 'easeOutBack',
                'easingOut'     : 'easeInBack'
            });
        }
    });
    
    $("#fly").mouseover(function() {
            $(this).show(50).animate({left:"-=8px",top:"-=2px"}, 200);
    });
    setTimeout("animateAll()",300);

});

function animateAll() {
    animateSubHeader();
}

function animateSubHeader(){
    $("#subheader").animate({top:"+=5px"},1000).animate({top:"-=5px"}, 1000)
    setTimeout("animateSubHeader()",1000);
}