var imgs = [
	{small: 'images/flipper/atchalaflaya-river-crossing-001_thumb.jpg', big: 'images/flipper/Atchalaflaya-River-Crossing-001.jpg'},
	{small: 'images/flipper/atchalaflaya-river-crossing-012_thumb.jpg', big: 'images/flipper/Atchalaflaya-River-Crossing-012.jpg'},
	{small: 'images/flipper/columbus,-ms-road-bore-003_thumb.jpg', big: 'images/flipper/Columbus,-MS-Road-Bore-003.jpg'},
	{small: 'images/flipper/columbus,-ms-road-bore-005_thumb.jpg', big: 'images/flipper/Columbus,-MS-Road-Bore-005.jpg'},
	{small: 'images/flipper/columbus,-ms-road-bore-010_thumb.jpg', big: 'images/flipper/Columbus,-MS-Road-Bore-010.jpg'},
	{small: 'images/flipper/latex-job-fl-005_thumb.jpg', big: 'images/flipper/Latex-job-FL-005.jpg'},
	{small: 'images/flipper/pics-in-tampa-048_thumb.jpg', big: 'images/flipper/Pics-in-Tampa-048.jpg'},
	{small: 'images/flipper/Port-St.-lucie-Job-001_thumb.jpg', big: 'images/flipper/Port-St.-lucie-Job-001.jpg'},
	{small: 'images/flipper/port-st.-lucie-job-002_thumb.jpg', big: 'images/flipper/Port-St.-lucie-Job-002.jpg'},
	{small: 'images/flipper/port-st_thumb.jpg', big: 'images/flipper/Port-St.-lucie-Job-010.jpg'},
	{small: 'images/flipper/sabine-pass-005_thumb.jpg', big: 'images/flipper/Sabine-Pass-005.jpg'},
	{small: 'images/flipper/sabine-pass-022_thumb.jpg', big: 'images/flipper/Sabine-Pass-022.jpg'},
	{small: 'images/flipper/sabine-pass-027_thumb.jpg', big: 'images/flipper/Sabine-Pass-027.jpg'},
	{small: 'images/flipper/sabine-pass-046_thumb.jpg', big: 'images/flipper/Sabine-Pass-046.jpg'},
	{small: 'images/flipper/sabine-pass-164_thumb.jpg', big: 'images/flipper/sabine-pass-164.jpg'}
];

var cent = 1;


function attachEvent(el, event_name, function_name) {
	if(typeof(el) == "string") {
		el = document.getElementById(el);
	}
	if(typeof(el) == "string") {
		el = eval(el);
	}
	if(el.addEventListener) {
		el.addEventListener(event_name.substring(2, event_name.length), function_name, false);
	} else if(el.attachEvent) {
		el.attachEvent(event_name, function_name);
	} else {
		eval(el + "." + event_name + " = " + function_name.toString());
	}
}

function addButtons() {
	var pf = document.getElementById("pic_flip_control");
	var limg = document.createElement("img");
	attachEvent(limg, 'onclick', previousImg);
	limg.src="images/flipper_l.png";
	pf.insertBefore(limg, pf.getElementsByTagName("div")[0]);
	var rimg = document.createElement("img");
	attachEvent(rimg, 'onclick', nextImg);
	rimg.src="images/flipper_r.png";
	pf.appendChild(rimg);
}

function previousImg() {
	cent = (cent > 0 ? cent-1 : imgs.length-1);
	var img2 = cent;
	
	var img1 = (img2-1 >= 0 ? img2-1 : imgs.length-1);
	var img3 = (img2+1 <= imgs.length-1 ? img2+1 : 0);
		
	document.getElementById("small_l").src = imgs[img1].small;
	document.getElementById("big").src = imgs[img2].big;
	document.getElementById("small_r").src = imgs[img3].small;
}

function nextImg() {
	cent = (cent+1 <= imgs.length-1 ? cent+1 : 0);
	var img2 = cent;
	var img1 = (img2-1 >= 0 ? img2-1 : imgs.length-1);
	var img3 = (img2+1 <= imgs.length-1 ? img2+1 : 0);
		
	document.getElementById("small_l").src = imgs[img1].small;
	document.getElementById("big").src = imgs[img2].big;
	document.getElementById("small_r").src = imgs[img3].small;
}

function init() {
	if(document.getElementById("pic_flip")) {
		addButtons();
	}
}

attachEvent(window, "onload", init);