function flickr_sidebar(){

    var flickrpre = '<div id="flickr-bigpic-wrap"><img id="fBigPic" src="/page/-/images/flickrLoader.gif" /></div><p class="fdec"></p><div id="fthumbsWrapper"><div id="fLeftA"></div><div id="rRightA"></div><div id="fthumbscont"><div id="fthumbs"></div><!--#fthumbs--></div><!--#fthumbscont--></div><!--#fthumbsWrapper-->';
    jQuery(flickrpre).insertBefore('#flickr-me');

    jQuery.getJSON('http://api.flickr.com/services/feeds/photos_public.gne?id=49564205@N02&lang=en-us&format=json&jsoncallback=?', function(data){
        jQuery.each(data.items, function(i,item){
            //jQuery("<img/>").attr("src", item.media.m).attr('class', 'fthumbimg').appendTo("#fthumbs");
            var tstyle = 'height: 100px; width: 100px; background: url('+item.media.m+') center center no-repeat;';
            var tndesc = item.description;
            //var tndesc2 = tndesc.split('<p>')[2].replace(/<\/p>/, '');
            var tndesc2 = '';
            jQuery('<div/>').attr('style', tstyle).attr('big', item.media.m).attr('desc', tndesc2).appendTo('#fthumbs');
            if ( i == 25 ) return false;
        });
        
        var firstdesc = jQuery('#fthumbs div:first-child').attr('desc');
        var firstimg = jQuery('#fthumbs div:first-child').attr('big');
        var flickrlink = 'http://www.flickr.com/photos/stephenlynchforcongress/';
        jQuery('#fBigPic').attr('src', firstimg);
        jQuery('.fdec').html(firstdesc);
        jQuery('#fthumbs').children().css('cursor', 'pointer');
        
        var thmbAmt = jQuery('#fthumbs').children().size();
        var thmbWdt = 108;
        var fCurrentPosition = 0;
        
        var flb = document.getElementById('fLeftA');
        var frb = document.getElementById('rRightA');
        flb.style.cursor= 'pointer';
        frb.style.cursor= 'pointer';
        var ftcont = document.getElementById('fthumbs');
        
        frb.onclick = function() {
            
            if(Math.abs(fCurrentPosition) < (thmbWdt * (thmbAmt - 2))){
                var newPos = (fCurrentPosition - thmbWdt) + 'px';
                jQuery(ftcont).stop().animate({
                        marginLeft: newPos
                    }, 250, function(){
                        var newp = parseFloat(newPos);
                        fCurrentPosition = newp
                });
            }
        };
        
        flb.onclick = function() {
            
            if(fCurrentPosition !== 0){
                var newPos = (fCurrentPosition + thmbWdt) + 'px';
                jQuery(ftcont).stop().animate({
                        marginLeft: newPos
                    }, 250, function(){
                        var newp = parseFloat(newPos);
                        fCurrentPosition = newp
                });
            }
        };
        
        
        jQuery('#fthumbs div').click(function(){
            var tsrc = jQuery(this).attr('big');
            var tdesc = jQuery(this).attr('desc');
            jQuery('#fBigPic').attr('src', tsrc);
            jQuery('.fdec').html(tdesc);
        });   
    });   
}

jQuery(document).ready(function() {
    flickr_sidebar();
});