$(document).ready(function(){
    load_photoset_navs()

    Shadowbox.init({
        // let's skip the automatic setup because we don't have any
        // properly configured link elements on the page
        skipSetup: true
    });
 });

function load_photoset_navs(){
    jQuery("#photoset_navigation").flickr({     
        			api_key: "39c0b13c45795b86be8ed475a7de4ac2",     
        			per_page: 14,
        			type: 'photoset_names',
        			user_id: '12724802@N08',
        			list_builder: function(target_list,photoset,api_opts){
							if(photoset['title']['_content'] != "Videos" && photoset['title']['_content'] != "Photos"){
        						target_list.append('<li id="' + photoset['id']+'" class="photoset">' + '<img src="images/navigation/' + photoset['title']['_content'] + '.png" alt="' + photoset['title']['_content'] + '"/> </li>');
							}
            			},
            		callback: function(){
						$('div.photoset:last').addClass('last');
						$('div.photoset:first').addClass('first')
                        load_static_navs()
						load_photoset('72157606072205911')
            selected_set = $('#72157606072205911')
						//activate_photoset(selected_set)
						selected_set.addClass('photoset_navigation_select')
						configure_events()
            		}
        		}); 
    
}

function load_photoset(photoset_id, page){
        if (page == null){
          page = 1;
        }
        //photoset_id = photoset_id.parent().parent().attr('id');
		$('#photoset_photos').remove()
		$('#content').append('<div id="photoset_photos" class="span-18 last"><div class="page_navigation"></div></div>')

	    $('#photoset_photos').flickr({     
	        			api_key: "39c0b13c45795b86be8ed475a7de4ac2",     
	        			per_page: 25,
	        			type: 'photoset',
                        page: page,
	        			photoset_id: photoset_id,
	        			user_id: '12724802@N08',
	        			list_builder: function(target_list,photo,api_opts){
	        					// format thumbnail url
	        		          	var t = 'http://farm'+photo['farm']+'.static.flickr.com/'+photo['server']+'/'+photo['id']+'_'+photo['secret']+'_s.jpg';
	        		     		//format image url
	        		          	var h = 'http://farm'+photo['farm']+'.static.flickr.com/'+photo['server']+'/'+photo['id']+'_'+photo['secret']+'.jpg';
	 							list_str = '<div class="thumb"><a href="'+h+'" title="'+photo['title']+ '" class="flickr_thumb">'
								list_str += '<img src="'+t+'"alt="'+photo['title']+'"/>';
	        					list_str += '<span>&nbsp;</span></a> </div>';
	        					target_list.append(list_str)							
	            			},
						callback: function(){

             load_photoset_page_nav()
						    //$('#photoset_photos').hide()
						    //TODO - code for a clever preloader effect
							$('#photoset_photos img').preload({
								placeholder:'placeholder.jpg',
							    onFinish: function(){

							        $('#photoset_photos').show()
									configure_photoset_events()
							    }
							});
						}
	});
	
}

function load_photoset_page_nav(){
  if($("input#page").val() == 1 && $('input#pages').val() > 1 ){
    $('.page_navigation').append('<a>NEXT</a>')
  }else if ($("input#page").val() == $('input#pages').val() && $('input#pages').val() > 1 ){
    $('.page_navigation').append('<a>PREVIOUS</a>')

  }else if ($("input#page").val() > 1 ){
    $('.page_navigation').append('<a>PREVIOUS | NEXT</a>')
  }else {
  }

}


function configure_events(){   
	$('.photoset').click(function(event) {
		load_photoset($(event.target).parent().attr('id'))
	  });
	$('.video').click(function(event) {
		load_vimeo()
		//$(event.target).animate({fontSize:'1.5em', color: '#fff', background: '#EFF'}, 10, 'easeOutBounce')
		$(event.target).parent().parent().addClass('photoset_navigation_select')
	 });
}

function configure_photoset_events(){
    $('.page_navigation').click(function(event) {
      if($(event.target).text() == "NEXT"){
        page_num = parseInt($("input#page").val())+1
        load_photoset($("input#photoset").val(),page_num)
      }else{
        page_num = parseInt($("input#page").val())-1
        load_photoset($("input#photoset").val(),page_num)        }
    });
	$('a.flickr_thumb').click(function(event) {
		event.preventDefault();
	    Shadowbox.open({
	        player:     'img',
	        title:      $(this).attr('title'),
 	        content:    $(this).attr('href')

	    });
	  });
}

function configure_vimeo_events(){
	$('a.vimeo_thumb_link').click(function(event) {
		event.preventDefault();
		
		$.getJSON("http://www.vimeo.com/api/oembed.json?url=http%3A//www.vimeo.com/" + $(this).attr('id') + "&jsoncallback=?&callback=load_vimeo_shadowbox", function(json){});
	});
}

function load_vimeo_shadowbox(json){
	Shadowbox.open({
        player:     'html',
        title:      json.title,
        content:    json.html,
		width: 		json.width,
		height: 	json.height

    });
}

function load_static_navs(){

	$('#photoset_navigation ul').append('<li id="72157606684495442" class="photoset"><img src="images/navigation/photos.png" alt="PHOTOS"/></li>');

	$('#photoset_navigation ul').append('<li id="video" class="video"><img src="images/navigation/videos.png" alt="VIDEOS"/></li>')



}


function load_photo(img_src){
		$('#photoset_image img').remove()
	    $("#photoset_image").append('<img class="flickr_image" src="'+img_src+'"></img>')
		$('#photoset_image img').preload({
		    placeholder:'images/thumb-loading.gif',
		    notFound:'notfound.jpg'
		});
}


function load_vimeo(){
  //http://www.vimeo.com/api/nobbydesigns/clips.json
  
  $.getJSON("http://www.vimeo.com/api/v2/nobbydesigns/videos.json?jsoncallback=?&callback=vimeo_callback", 
    function(json){
      //vimeo hates json and won't return a callback unless specified via their own callback in the url - oh well
    });
}

function vimeo_callback(json) {
	$('#photoset_photos').remove()
	$('#content').append('<div id="photoset_photos" class="span-18 last"><ul></ul></div>')
	video_target = $('#photoset_photos ul')
	  for (i=0;i<json.length;i++)
	  {
	    v_img = json[i]["thumbnail_medium"]
	    img_ele = '<img class="vimeo_pic" src="'+v_img +'"alt="' + json[i]['title'] +'"/>'
	    video_target.append('<div class="vimeo_thumb"><a href="'+ v_img +'" title="'+json[i]['title'] + '" class="vimeo_thumb_link" id="' + json[i]['id'] + '">' + img_ele + '<span>&nbsp;</span></a></div>')
	}
	configure_vimeo_events()

}



function deactivate_photoset(){
	$('.photoset_navigation_select').sifr( {
		font: 'fonts/28_days_later',
		textAlign: 'left',
		color: '#8CA7A5'       
	});
}

function activate_photoset(target){
	target.sifr( {
		font: 'fonts/28_days_later',
		textAlign: 'left',
		color: '#627573'       
	});
}
	

function load_sifr(){
  $(".info").sifr( {
		font: 'fonts/28_days_later',
		textAlign: 'left',
		color: '#8CA7A5'   
	});
}