function centerPic(imgID)
{
	var winW = 630, winH = 460;

	if (parseInt(navigator.appVersion)>3) {
	 if (navigator.appName=="Netscape") {
	  winW = window.innerWidth;
	  winH = window.innerHeight;
	 }
	 if (navigator.appName.indexOf("Microsoft")!=-1) {
	  winW = document.body.offsetWidth;
	  winH = document.body.offsetHeight;
	 }
	}

	var pic = document.getElementById(imgID);
	
	var width=((winW/-2)-(pic.offsetWidth/2));	
	return width;
}

window.addEvent('domready', function() {
//	window.stop();	
	var $id=0;
	var wrapper = $('wrapper');
	var main = $('main');
	var loadingmain = $('main_loading');
	
	
	var accordion = new Accordion('h3.toggler', 'div.expand', {}, $('latest_news'));
	

	loadingmain.style.display="block";
	main.style.display="none";


	var box = $('toolbox');
	//box.style.display="none";
		
	

	$('toolbox-tab').addEvent('click', function(e){
		if(box.style.display=="block"){
			box.style.display="none";
			$('toolbox-tab').style.background="url(http://localhost/jamesdodd.net/css/down.jpg) no-repeat 0px 23px";
		}
		else{
			box.style.display="block";
			$('toolbox-tab').style.background="url(http://localhost/jamesdodd.net/css/up.jpg) no-repeat 0px 23px";
		}
	});

	
	if(!$('scrollers')){
		var scrollers = $('scrollers');
		scrollers.style.display="none";
	}
	else{
		wrapper.style.overflow="hidden";
		$('scroll_backward').style.visibility="hidden";					

		
		$('scroll_forward').addEvent('click', function(event){
			$('scroll_backward').style.visibility="visible";
			if($('image_'+($id+1))){
				$id=$id+1;

				var width=centerPic('image_'+$id);
				
				var scroll = new Fx.Scroll('wrapper', {
					wait: false,
					duration: 500,
					offset: {'x': width, 'y': 0},
					transition: Fx.Transitions.Quad.easeInOut
				});

				event = new Event(event).stop();
				scroll.toElement('image_'+($id+1));				
			}
			if(!$('image_'+($id+1))){
				$('scroll_forward').style.visibility="hidden";	
			}
		});
	
		$('scroll_backward').addEvent('click', function(event){
			$('scroll_forward').style.visibility="visible";	
			if($id<=0){$id=1}
				$id=$id-1;

				var width=centerPic('image_'+$id);
				if(!width){alert(width=0);}
				
				var scroll = new Fx.Scroll('wrapper', {
					wait: false,
					duration: 500,
					offset: {'x': width, 'y': 0},
					transition: Fx.Transitions.Quad.easeInOut
				});

				event = new Event(event).stop();
				scroll.toElement('image_'+($id+1));
				if(!$id){
					$('scroll_backward').style.visibility="hidden";					
				}
			
		});
	}

});


window.addEvent('load', function() {	var main = $('main');
	var loadingmain = $('main_loading');
	loadingmain.style.display="none";
	main.style.display="block";
});