/*/////////////////////
//copyright sixnines.net
//date: 04.11.07
////////////////////*/

$(document).ready(function() {
	
	//add controls only if js is on
	var controlhtml = '<div id="chold"><ul id="controller"><li><a href="#" class="prev" rel="-1">previous</a></li><li><a href="#" class="next" rel="1">next</a></li></ul></div>';
	$("#imgholder").after(controlhtml);
	
	$("#controller > li > a").bind('click', function() {
		var moveimg = $(this).attr('rel');
	
		$.getJSON('data/g1a.js', function(data) {
				
			var totalimg = data.imgid.length - 1;
			var current = $('.imgtarget > img').attr('rel');
			
			var newimg = Number(current) + Number(moveimg);
			console.log($('.imgtarget > img').attr('src'));
			if(newimg > totalimg)
				newimg = 0;

			if(newimg < 0)
				newimg = totalimg;
				
			var newimgHTML = '<img src="img/1/' + data.imgid[newimg] + '.jpg" width="655" height="430" rel="' + newimg +' " alt="'+ newimg +'" title="'+ newimg +'" />';
		
			$(newimgHTML).insertAfter("div.imgtarget > img").hide();
			$("div.imgtarget > img:eq(0)").remove();
			$("div.imgtarget > img").fadeIn('slow');
			
			return false;
		});
	});		
});