window.addEvent('domready',function(){Projects.setup();});

var Projects = {
	topElement: 0,
	subImages: null,
	currentImage: 0,
	currentPage: 0,
	UpdateNav: function(next,prev)
	{
	var sectionPages = $$('#sectiontext .sectionpage');
		if (Projects.currentPage == 0)
				{
					prev.addClass('stop');
				}
				else
				{
					prev.removeClass('stop');
				}
				
				if (Projects.currentPage == sectionPages.length-1)
				{
					next.addClass('stop');
				}
				else
				{
					next.removeClass('stop');
				}
	},
	
	setup: function()
	{
		var sectionPages = $$('#sectiontext .sectionpage');

		if (sectionPages.length > 1)
		{
			sectionPages.addClass('hidden');
			sectionPages[0].removeClass('hidden');
			
			var el = new Element('div',{'class':'pageNav'});
			var prev = new Element('a',{'href':'#'});
			prev.set('html','< Previous');
			prev.inject(el);
			
			prev.addEvent('click',function(e){
				if (Projects.currentPage > 0)
				{
					sectionPages[Projects.currentPage].addClass('hidden');
					Projects.currentPage--;
					sectionPages[Projects.currentPage].removeClass('hidden');
				}
				Projects.UpdateNav(next,prev);
				e.stop();
				});
			
			var next = new Element('a',{'href':'#'});
			next.set('html','Next >');
			next.inject(el);
			
			next.addEvent('click',function(e){
				if (Projects.currentPage < sectionPages.length-1)
				{
					sectionPages[Projects.currentPage].addClass('hidden');
					Projects.currentPage++;
					sectionPages[Projects.currentPage].removeClass('hidden');
				}
				Projects.UpdateNav(next,prev);
				
				e.stop();
				});
			
			
			el.inject('sectiontext');
			
			Projects.UpdateNav(next,prev);
			
		}
		$$('.project').each(function(i)
			{
			i.addEvent('click',function(){
					if (i.getElements('a').length > 0)
					window.location = i.getElements('a')[0].href;
					});
			});
		
		Projects.subImages = $$('#subimages div img');
		Projects.currentImage = Projects.subImages.length-1;
		
	
		Projects.subImages.each(function(e)
			{
				e.clone().inject($$('#subimages div')[0]);
			});
		
		if ($('navup')!=null)
		$('navup').addEvent('click',function(e)
			{
			var myFx = new Fx.Scroll($$('#subimages div')[0]);
			
			if (Projects.topElement <= 1)
			{
				Projects.topElement = Projects.subImages.length+Projects.topElement;
				var top = $$('#subimages div img')[Projects.topElement].getPosition().y- $$('#subimages div img')[0].getPosition().y;;
				
				myFx.set(0,top);
			}	
			Projects.topElement = Projects.topElement - 2;
			
			myFx.toElement($$('#subimages div img')[Projects.topElement]);
			e = new Event(e);
			e.stop();
			});	
			
		if ($('navdown')!=null)
		$('navdown').addEvent('click',function(e)
			{
			var myFx = new Fx.Scroll($$('#subimages div')[0]);
			if (Projects.topElement >= Projects.subImages.length)
			{
				Projects.topElement = Projects.topElement-Projects.subImages.length;
				
				var top = $$('#subimages div img')[Projects.topElement].getPosition().y- $$('#subimages div img')[0].getPosition().y;;
				
				myFx.set(0,top);
			}
			
			Projects.topElement = Projects.topElement + 2;
			
				
			
			myFx.toElement($$('#subimages div img')[Projects.topElement]);
			e = new Event(e);
			e.stop();

			});
			
		$$('#subimages div img').addEvent('click',function(e){
				
				for(var i=0;i<$$('#subimages div img').length;i++)
				{
					if ($$('#subimages div img')[i]==e.target)
					{
					
						$$('#mainimage div')[Projects.currentImage].fade(0);
						var j=i;
						if (j >= Projects.subImages.length)
						{
							j = j-Projects.subImages.length;
						}
						
						Projects.currentImage = j;
						$$('#mainimage div')[Projects.currentImage].setOpacity(0);
						$$('#mainimage div')[Projects.currentImage].removeClass('hidden');
						$$('#mainimage div')[Projects.currentImage].fade(1);
						
					}
				}
			});
	}
	
}