//FLICKR
function loadFlickr() {
    var flickrpre = '<div id="sidebar-flickr"><h2 class="futura">Flickr</h2><img id="ffeature" src="/page/-/images/flickrLoader.gif"/><p class="fdescription"><a target="_blank" href="http://www.flickr.com/photos/usccd/sets/72157625456045182/">See all Pictures</a></p><div id="fwrapper"><div id="fleft"></div><div id="fright"></div><div id="fcarousel"><div id="fthumbnails"></div><!--#fthumbnails--></div><!--#fcarousel--></div><!--#fwrapper--></div>';

    jQuery(flickrpre).insertAfter('#sidebar-socnet');

    jQuery.getJSON('http://api.flickr.com/services/rest/?method=flickr.photosets.getPhotos&api_key=b90b26001a0f9b36491d11403e54e582&photoset_id=72157625456045182&extras=url_sq,url_o&format=json&jsoncallback=?', function(data){
    	jQuery.each(data.photoset.photo, function(i,item){
    		var thumbnail = 'height: 65px; width: 65px; background: url(' + item.url_sq + ') center center no-repeat;';
    		jQuery('<div/>').attr('style', thumbnail).attr('big', item.url_o).appendTo('#fthumbnails');
    		if ( i == 25 ) return false;
    	});
	
    	var firstimg = jQuery('#fthumbnails div:first-child').attr('big');
    	jQuery('#ffeature').attr('src', firstimg);
    	jQuery('#fthumbnails').children().css('cursor', 'pointer');
	
    	var thmbAmt = jQuery('#fthumbnails').children().size();
    	var thmbWdt = 65;
    	var fCurrentPosition = 0;
	
    	var flb = document.getElementById('fleft');
    	var frb = document.getElementById('fright');
    	flb.style.cursor= 'pointer';
    	frb.style.cursor= 'pointer';
    	var ftcont = document.getElementById('fthumbnails');
	
    	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('#fthumbnails div').click(function(){
    		var tsrc = jQuery(this).attr('big');
    		jQuery('#ffeature').attr('src', tsrc);
    	});
	
    });
}

jQuery(document).ready(function() {

  jQuery('#cycle').cycle({
    fx: 'fade',
    timeout: '10000',
    pager: '#pager',
    pagerEvent: 'mouseover',
    pauseOnPagerHover: 'true'
    });

    loadFlickr();

});