$j = jQuery.noConflict();
$j(document).ready(function(){ 
//flickr json call for the pics section image    
$j.getJSON("http://api.flickr.com/services/rest/?&method=flickr.people.getPublicPhotos&user_id=27139311@N04&api_key=a6b87bf6481a375bfc797f117b3fb565&extras=url_sq,url_m,description&format=json&jsoncallback=?",

	function (data) {																																   
		
		var flickr = "";
        var photos = data.photos.photo.length;
		var start = Math.floor(Math.random() * photos);
	 	var count = 0;
		
		$j.each(data.photos.photo, function(i,item){  	    
				
				var title = item.title;
				var des = item.description._content
                .replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
				
				if (count > start){
				
				flickr += '<span class="photoCrop"><a href="'+ item.url_m +'" class="flickr" title="' + title + ' - ' + des + '" rel="group"><img src="'+ item.url_sq +'" alt="" rel="group" /></a></span>';  
            	
				}

				count++; 

				
		});
			
		
		$j('#pics span').append(flickr);
		
		$j('#pics span').slice(5).css('display', 'none');

	function formatTitle(title, currentArray, currentIndex, currentOpts) {
    return '<a href="http://www.flickr.com/photos/27139311@N04/" target="_blank">' + (title && title.length ? '<b>' + title + '</b>' : '' ) + 'Image ' + (currentIndex + 1) + ' of ' + currentArray.length + '</a>';
}

	
	$j("a[rel=group]").fancybox({
		'hideOnContentClick': true,
		'overlayColor': '#000',
		'titlePosition': 'over',
		'showNavArrows' : true,
		'overlayOpacity': 0.8,
		'titleFormat': formatTitle 
		
	});
	
		$j("a[rel=share]").fancybox({
		'overlayColor': '#000',
		'overlayOpacity': 0.9,
		
	});

});

//flickr json call for the background image    

$j.getJSON("http://api.flickr.com/services/rest/?&method=flickr.photosets.getPhotos&photoset_id=72157623228120113&api_key=a6b87bf6481a375bfc797f117b3fb565&extras=url_o,url_m,original_format,path_alias&user_id=35877807@N02&format=json&jsoncallback=?",


	function (data) {																																   

		var index = Math.floor(Math.random() * data.photoset.photo.length);
		var randomImage = data.photoset.photo[index];
		
		var htmlString  = '<img src='+ randomImage.url_o +' />';
        
		var wallpaper = '<a href="http://flickr.com/photos/' + data.photoset.owner +'/' + randomImage.id + '/sizes/o" alt="" target="_blank">Get this Wallpaper</a>';
		
		$j(htmlString).load(function() {
			$j(this).hide();
			$j(this).appendTo($j('#bg'));
			$j(this).fadeIn(2000);
			
		 });   
		
		$j('#footer').append(wallpaper);


	});// Close the flickr background JSON function call 
   
     
   //twitter json call for the chatter section 
	
	var total_space = $j(document).height() - $j("#header").height();
	var value = Math.floor(total_space / 100);
	
	$j.getJSON("http://api.twitter.com/1/OneMethod/lists/officechatter/statuses.json?&per_page="+value+"&callback=?",  
		
		function (data) {
			
			$j(".chatter").show();
			
			var chatter = ""; 				                                       
			
			$j.each(data, function(i,item){

				var txt = item.text
				      .replace(/(https?:\/\/[-a-z0-9._~:\/?#@!$&\'()*+,;=%]+)/ig,'<a href="$1">$1</a>')
				      .replace(/@+([_A-Za-z0-9-]+)/ig, '<a href="http://twitter.com/$1">@$1</a>')
				      .replace(/#+([_A-Za-z0-9-]+)/ig, '<a href="http://search.twitter.com/search?q=$1">#$1</a>');
				
				
				function relative_time(time_value) {
					var values = time_value.split(" ");
					time_value = values[1] + " " + values[2] + ", " + values[5] + " " + values[3];

					var parsed_date = Date.parse(time_value);

					var relative_to = (arguments.length > 1) ? arguments[1] : new Date();
					var delta = parseInt((relative_to.getTime() - parsed_date) / 1000);


					if(delta < 60) {
					return 'just now';
					} else if(delta < 120) {
					return 'a minute ago';
					} else if(delta < (45*60)) {
					return (parseInt(delta / 60)).toString() + ' minutes ago';
					} else if(delta < (90*60)) {
					 return 'an hour ago';
					} else if(delta < (24*60*60)) {
					return (parseInt(delta / 3600)).toString() + ' hours ago';
					} else if(delta < (48*60*60)) {
					return '1 day ago';
					} else {
					return (parseInt(delta / 86400)).toString() + ' days ago';
					} 
				} 

				
				chatter += '<li class="group"><img src="' + item.user.profile_image_url + '" alt="" /><div class="wrap"><a href="http://twitter.com/' + item.user.screen_name + '"class="name">' + item.user.name + '</a><p class="time">said ' + relative_time(item.created_at) + '</p><p class="content">'+ txt + '</p><p class="twitterActions"><a href="http://twitter.com/home?status=RT @' + item.user.screen_name +' ' + item.text + '" class="twitLinks" target="_blank"> retweet</a> | <a href="http://twitter.com/home?status=@' + item.user.screen_name + '%20&in_reply_to=' + item.user.screen_name + '" class="twitLinks" target="_blank"> Reply</a> | <a href="http://twitter.com/' + item.user.screen_name + '" class="twitLinks" target="_blank">Follow</a></p></div></li>';	
			
			
			});
			
			$j('.chatter ul').append(chatter);
	
			$j('.chatter ul li:last-child').addClass('last');

			$j(".wrap .content a").attr('target', '_blank');
			
			$j("p.twitterActions").hide();
			
			$j(".chatter ul li").hover(function(){

				$j("p.twitterActions", this).slideDown('fast');
					
				}, function(){
					
				$j("p.twitterActions", this).slideUp('fast');
					
			});
            
		});// Close the twitter JSON function
		
});