var Homepage = {
	
	//current element
	current: 0,
	
	// total elements
	total: 0,
	
	//positions
	positions: {images:[], contents:[]},
	
	//block of images
	img_block: {},
	
	//block of text
	info_block: {},
	
	//block navigation
	nav_block: {},
	
	init: function(){
		//grab the elements
		this.img_block = $('spot_one_image_block');
		this.info_block = $('spot_one_info_block');
		this.nav_block = $('spot_one_nav');
		//enumerate positions
		var imgs = document.getElementsByClassName('spot_image',this.img_block);
		for(var i = 0; i < imgs.length; i++){
			this.positions.images.push(imgs[i].offsetLeft);
		}
		
		var contents = document.getElementsByClassName('spot_info',this.info_block);
		for(var c = 0; c < contents.length; c++){
			this.positions.contents.push(contents[c].offsetLeft);
		}
		this.show(1);
	},
	
	show: function(which){
		var img_pos = this.positions.images[(which - 1)];
		var info_pos = this.positions.contents[(which - 1)];
		
		this.current = which;
		
		var img_con = this.img_block;
		var info_con = this.info_block;
		
		var img_zero = img_con.parentNode.offsetLeft;
		var info_zero = info_con.parentNode.offsetLeft;
		
		var new_img_left = (img_zero - img_pos) - img_zero;
		var new_info_left = (info_zero - info_pos) - info_zero;
		
		var tim = 0;
		var pos = 0;
		
		this.elemXPos(img_con,new_img_left);
		this.elemXPos(info_con,new_info_left);
		
		var links = this.nav_block.getElementsByTagName('a');
		for(var l = 0; l < links.length; l++){
			if(links[l].id != 'Homepage_link_' + which){
				$(links[l]).removeClassName('current');
			}
		}
		$('Homepage_link_'+which).addClassName('current');
	},
	
	elemXPos: function(el,pos){
		$(el).style.left = pos + 'px';
	},
	
	prev: function(){
		var n = this.current - 1;
		if(n < 1){
			n = this.positions.images.length;
		}
		this.show(n);
	},
	
	next: function(){
		var n = this.current + 1;
		if(n > this.positions.images.length){
			n = 1;
		}
		this.show(n);
	}
};
try{
	Homepage.init();
}catch(e){ ; }