$().ready(function(){	
			
	//array for set ids
	var setIds = new Array();
	//array for set titles
	var setTitles = new Array();
	var curPg = 1;
	var mainPhotoLinks = new Array();
	var curMainPhoto = 0;
	var curSection = "Portfolio";

	//var for flickrId and API key
	var flickrId = "39739729@N02";
	var apiKey = "500fcdbecd55d2e6c786af9df53a8382";
	var apiCall = "http://api.flickr.com/services/rest/?method=";
	
	// parse JSON and list the flickr sets
	$.getJSON(apiCall+"flickr.photosets.getList&api_key="+apiKey+"&user_id="+flickrId+"&format=json&jsoncallback=?", function (data){
		$.each(data.photosets.photoset, function(i,set){
			setIds.push(set.id);
			setTitles.push(set.title._content);
		});//end the each loop that organizes the photoset ID and titles in separate arrays
		
		var curSetRow = 0;
		var setRowNum = 1;
		for(i=0; i<setIds.length;i++){
			//organizes the list of sets into columns of 3 rows
			if(curSetRow == 0){ 
				$('#secondNav').append('<div class="rows" id="setRow'+setRowNum+'">');
			};
			if(curSetRow ==3){
				$('#secondNav').append('</div>');
				setRowNum +=1;
				$('#secondNav').append('<div class="rows" id="setRow'+setRowNum+'">');
				
				curSetRow = 0;
			};
			$('#setRow'+setRowNum).append('<a href="#" class="sets" id="'+setIds[i]+'">'+setTitles[i]+'</a>');
			if(i==0){
				autoLoadSet = setIds[i];
				$('#'+setIds[0]).addClass('selSet');
				loadThumbs(autoLoadSet);
			};
			curSetRow +=1;
		}//end of for loop for the sets
	});// end getJSON call to get photosets
	
	//set click
	$('.sets').live('click', function(){
		currentSet = $(this).attr('id');
		curPg = 1;
		curMainPhoto = 0;
		$('.selSet').removeClass('selSet');
		$(this).addClass('selSet');
		loadThumbs(currentSet);
	});
	
	//thumb click
	$('.thumbs').live('click', function(){
		loadMain(mainPhotoLinks[$(this).attr('id')]);
		$('.selThumb').attr('src','images/thumbFrame.png');
		$('.selThumb').removeClass('selThumb');
		$(this).addClass('selThumb');
		$(this).attr('src','images/thumbFrameSel.png');
		curMainPhoto = $(this).attr('id');
	});
	
	//thumb mouseover
	$('.thumbs').live('mouseover', function(){
		if($(this).attr('class')=='thumbs selThumb'){
		}
		else{
			$(this).attr('src','images/thumbFrameRo.png');
		};		
	});//end thumb mouseover
	
	//thumb mouseout
	$('.thumbs').live('mouseout', function(){
		if($(this).attr('class')=='thumbs selThumb'){
		}
		else{
			$(this).attr('src','images/thumbFrame.png');
		};	
	});//end thumb mouseout
	
	//switchBtn click
	$('.switchBtn').live('click', function(){
		$('.selPgSwitch').attr('src','images/switchBtn.png');
		$('.selPgSwitch').addClass('switchBtn');
		$('.selPgSwitch').removeClass('selPgSwitch');
		$(this).removeClass('switchBtn');
		$(this).addClass('selPgSwitch');
		$(this).attr('src','images/selPgBtn.png');
		var curTitle = $(this).attr('title');
		$('#thumbPg'+curPg).fadeOut(300,function(){
			$('#thumbPg'+curTitle).fadeIn('fast');
		});
		curPg = curTitle;
	});
	
	//selPgSwitch mouseover and mouseout
	$('.selPgSwitch').live('mouseover', function(){
		$(this).attr('src','images/selPgBtnRo.png');
	});
	$('.selPgSwitch').live('mouseout', function(){
		$(this).attr('src','images/selPgBtn.png');
	});	
	
	//switchBtn mouseover and mouseout
	$('.switchBtn').live('mouseover', function(){
		$(this).attr('src','images/switchBtnRo.png');
	});
	$('.switchBtn').live('mouseout', function(){		
		$(this).attr('src','images/switchBtn.png');
	});
	
	$('.prevBtn').live('click', function(){
		prevMain();
	});
	
	$('.nextBtn').live('click', function(){
		nextMain();
	});
	
	/*$('.mainPhoto').live('mouseover',function(){
		mainHeight = $('.mainPhoto').attr('height');
		$('#flickr-content').css({'height':+mainHeight+'px'});
		$('.controls').css({'top':'-'+mainHeight+'px', 'height':+mainHeight+'px'});
		$('.prevBtn').css({'padding-top':mainHeight*.5});
		$('.nextBtn').css({'padding-top':mainHeight*.5});		
		$('.controls').fadeIn();
	}); */
	
	$('.lightbox').live('mouseover',function(){
		$('a.lightbox').lightBox();
	});
	

	$('.controls').live('mouseleave',function(){
		$('.controls').fadeOut();
	});
	
	//loadThumbs function
	function loadThumbs(set){
		
		//clear current thumbs and main photo
		$('#flickr-thumbs').empty();
		$('#flickr-content').empty();	
		$('#flickr-thumbs').hide();
		
		var farmIDs = new Array();
		var serverIDs = new Array();
		var photoIDs = new Array();
		var secrets = new Array();
		
		mainPhotoLinks.length = 0;
		
		var tbCol = 1;
		var tbRow = 1;
		var pgNum = 0;

		$.getJSON(apiCall+"flickr.photosets.getPhotos&api_key="+apiKey+"&photoset_id="+set+"&format=json&jsoncallback=?", function (data){
			
			$.each(data.photoset.photo, function (i,photo){					
					farmIDs.push(photo.farm);
					serverIDs.push(photo.server);
					photoIDs.push(photo.id);
					secrets.push(photo.secret);
					
					var thumbLink = 'http://farm'+farmIDs[i]+'.static.flickr.com/'+serverIDs[i]+'/'+photoIDs[i]+'_'+secrets[i]+'_s.jpg';
					var mainLink = 'http://farm'+farmIDs[i]+'.static.flickr.com/'+serverIDs[i]+'/'+photoIDs[i]+'_'+secrets[i];
					
					mainPhotoLinks.push(mainLink);
					
					$('.last').removeClass('last');
					
					if(pgNum ==0){
						pgNum +=1;
						$('#flickr-thumbs').append('<div class="pages" id="thumbPg'+pgNum+'"></div>');
					};
					if(tbCol ==4){
						$('#thumbPg'+pgNum).append('<br/>');
						tbRow +=1;
						tbCol =1;
					};
					if(tbRow == 5){
						pgNum +=1;
						$('#flickr-thumbs').append('<div class="pages" id="thumbPg'+pgNum+'">');
						tbCol =1;
						tbRow =1;
					};
					$('#thumbPg'+pgNum).append('<div id="frame'+i+'" class="thumbFrame" style="background-image: url('+thumbLink+');"><img src="images/thumbFrame.png" id="'+i+'" class="thumbs last" /></div>');
					
					tbCol +=1;	
					
					if(i==0){
						autoLoadMain = mainLink;
						$('#0').addClass('selThumb');
						$('#0').attr('src','images/thumbFrameSel.png');
						loadMain(autoLoadMain);
					};			
			});// end each loop for thumbs
		
			$('.pages').hide();
			$('#thumbPg'+curPg).show();
			$('.last').load(function(){
				$('#flickr-thumbs').fadeIn("fast");
			});
			
			$('#flickr-thumbs').append('<div id="pgSwitcher"></div>');
			for(i=1; i<=pgNum;i++){
				$('#pgSwitcher').append('<img title="'+i+'" src="images/switchBtn.png" class="switchBtn" />');
			};
			$('#pgSwitcher >img').each(function(){
				if($(this).attr('title')==1){
					$(this).attr('src','images/selPgBtn.png');
					$(this).addClass('selPgSwitch');
					$(this).removeClass('switchBtn');
				};
			});		
		});//end of JSON call for thumbs
	};//end loadThumbs
	
	//loadMain function
	function loadMain(photoLink){
		$('#flickr-content').empty();
		$('#flickr-content').append('<a href="'+photoLink+'_b.jpg" class="lightbox"><img class="mainPhoto" src="'+photoLink+'.jpg" /></a><div class="controls"><div class="prevBtn controllers"><img src="images/prevBtn.png" /></div><div class="nextBtn controllers"><img src="images/nextBtn.png" /></div></div>');	
	};//end loadMain
	
	//nextMain function
	function nextMain(){
		curMainPhoto++;
		if(curMainPhoto >= mainPhotoLinks.length){
			curMainPhoto = 0;
		};
		loadMain(mainPhotoLinks[curMainPhoto]);
		$('.selThumb').attr('src','images/thumbFrame.png');
		$('.selThumb').removeClass('selThumb');
		$('#'+curMainPhoto).addClass('selThumb');
		$('#'+curMainPhoto).attr('src','images/thumbFrameSel.png');
	};
	
	//prevMain function
	function prevMain(){
		if(curMainPhoto <= 0){
			curMainPhoto = mainPhotoLinks.length;
			curMainPhoto--;
		}
		else{
			curMainPhoto--;			
		};
		loadMain(mainPhotoLinks[curMainPhoto]);
		$('.selThumb').attr('src','images/thumbFrame.png');
		$('.selThumb').removeClass('selThumb');
		$('#'+curMainPhoto).addClass('selThumb');
		$('#'+curMainPhoto).attr('src','images/thumbFrameSel.png');
	};//prevMain
	
	$('.navBtn').click(function(){
		if(curSection == $(this).text()){
		
		}
		else{
			switchSection($(this).text());
		};
	});
	
	function switchSection(section){
		$('.selNav').removeClass('selNav');
		$('#'+section+'Section').addClass('selNav');
		$('#'+curSection).fadeOut();
		$('#secondNav').fadeOut();
		curSection = section;
		if(section=="Portfolio"){
			$('#secondNav').fadeIn();
		};
		$('#'+curSection).fadeIn();		
		if(section=="Clients"){
			//clientSection();	
		};
	};//end switchSection function
	
	/*function clientSection(){
		$.getJSON(apiCall+"flickr.photosets.getPhotos&api_key="+apiKey+"&photoset_id=72157624845264101&privacy_filter=5&format=json&jsoncallback=?", function (data){
			$.each(data.photoset.photo, function (i,photo){					
					farmIDs.push(photo.farm);
					serverIDs.push(photo.server);
					photoIDs.push(photo.id);
					secrets.push(photo.secret);
					
					var thumbLink = 'http://farm'+farmIDs[i]+'.static.flickr.com/'+serverIDs[i]+'/'+photoIDs[i]+'_'+secrets[i]+'_s.jpg';
					//var mainLink = 'http://farm'+farmIDs[i]+'.static.flickr.com/'+serverIDs[i]+'/'+photoIDs[i]+'_'+secrets[i]+'.jpg';
					
					mainPhotoLinks.push(mainLink);
					
					$('.last').removeClass('last');
					
					$('#Clients').append('<div id="clientFrame" class="thumbFrame" style="background-image: url('+thumbLink+');"><img src="images/thumbFrame.png" id="'+i+'" class="thumbs last" /></div>');
													
			});// end each loop for thumbs
		});
	}; //end of clientSection*/
});