var i = 0;
var content = "";
var base = 1;
var divName = 'gallery_alt'; // div that is to follow the mouse
                       // (must be position:absolute)
var offX = 15;          // X offset from mouse position
var offY = 15;          // Y offset from mouse position

function load_amen_thumbs(call_action){
	var amen_thumb = new Array();
	var amen_alt = new Array();
	var amen_name = new Array();
	
	amen_thumb[0] = 'amentennis_thumb.jpg'; amen_alt[0]='Beach Tennis Court'; amen_name[0]='amentennis';
	amen_thumb[1] = 'amenview_thumb.jpg'; amen_alt[1]='The view'; amen_name[1]='amenview';
	amen_thumb[2] = 'amenbeach1_thumb.jpg'; amen_alt[2]='Our Beach'; amen_name[2]='amenbeach1';
	amen_thumb[3] = 'amenbeach2_thumb.jpg'; amen_alt[3]='Our Beach'; amen_name[3]='amenbeach2';
	amen_thumb[4] = 'amenbeach3_thumb.jpg'; amen_alt[4]='Our Beach'; amen_name[4]='amenbeach3';
	amen_thumb[5] = 'amendeck1_thumb.jpg'; amen_alt[5]='Upper deck'; amen_name[5]='amendeck1';
	amen_thumb[6] = 'amendeck2_thumb.jpg'; amen_alt[6]='Lower deck'; amen_name[6]='amendeck2';
	amen_thumb[7] = 'amengazebo_thumb.jpg'; amen_alt[7]='Gazebo'; amen_name[7]='amengazebo';
	amen_thumb[8] = 'amenparking_thumb.jpg'; amen_alt[8]='Covered Parking'; amen_name[8]='amenparking';
	amen_thumb[9] = 'amenpool_thumb.jpg'; amen_alt[9]='Heated Pool'; amen_name[9]='amenpool';
	amen_thumb[10] = 'amenrecroom_thumb.jpg'; amen_alt[10]='Rec Room'; amen_name[10]='amenrecroom';
	amen_thumb[11] = 'amenbbq_thumb.jpg'; amen_alt[11]='BBQ Area'; amen_name[11]='amenbbq';
	amen_thumb[12] = 'amensunset_thumb.jpg'; amen_alt[12]='Sunset'; amen_name[12]='amensunset';
	var total = 13;
	
	if(call_action == "cycle_right"){
		cycle_right(amen_thumb,amen_alt,amen_name,total);
	}
	else if(call_action == "load_thumbs"){
		load_thumbs(amen_thumb,amen_alt,amen_name);
	}
}
function load_thumbs(thumb,thumb_alt,thumb_name){
	for(i=0;i<7;i++){
		content += '<img src="images/gallery/amenities/'+thumb[i]+'" alt="'+thumb_alt[i]+'" border="0" name="'+thumb_name[i]+'" class="thumbnail" onClick="show_image(this.name)" onMouseOver="show_info(this)" onMouseOut="remove_info()">';
	}
	
	document.getElementById("thumbs").innerHTML = content;
	document.getElementById("gallery").innerHTML = "<img src=\"images/gallery/amenities/"+thumb_name[0]+".jpg\" height=\"366px\" width=\"550px\" class='gal_pic'>";
}

function show_info(item){
		document.onmousemove = follow;
		document.getElementById("gallery_alt").innerHTML= item.alt;
}
function remove_info(){
	document.onmousemove = stop_follow;
}
function show_image(item){
	document.getElementById("gallery").innerHTML = "<img src=\"images/gallery/amenities/"+item+".jpg\" height='366px' width='550px' class='gal_pic'>";
}

function cycle_right(thumb,thumb_alt,thumb_name,total){
	content = "";
	i = base;
	for(c=0;c<7;c++){
		if(i < total){
			content += '<img src="images/gallery/amenities/'+thumb[i]+'" alt="'+thumb_alt[i]+'" border="0" name="'+thumb_name[i]+'" class="thumbnail" onClick="show_image(this.name)" onMouseOver="show_info(this)" onMouseOut="remove_info()">';
			i++;
		}
		else{
			i = 0;
			content += '<img src="images/gallery/amenities/'+thumb[i]+'" alt="'+thumb_alt[i]+'" border="0" name="'+thumb_name[i]+'" class="thumbnail" onClick="show_image(this.name)" onMouseOver="show_info(this)" onMouseOut="remove_info()">';;
			i++;
		}
	}
	base++;
	if(base > total){
		base = 1;
	}
	document.getElementById("thumbs").innerHTML = content;
}


function mouseX(evt) {
	if (!evt){
		evt = window.event;
	}
	if (evt.pageX){
		return evt.pageX;
	}
	else if (evt.clientX){
		return evt.clientX + (document.documentElement.scrollLeft ?  document.documentElement.scrollLeft : document.body.scrollLeft);}
	else{ 
		return 0;
	}
}
function mouseY(evt) {
	if (!evt){
		evt = window.event; 
	}
	if (evt.pageY){
		return evt.pageY; 
	}
	else if (evt.clientY){
		return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); 
	}
	else{
		return 0;
	}
}

function follow(evt) {
	if (document.getElementById) {
		var obj = document.getElementById(divName).style; obj.visibility = 'visible';
		obj.left = (parseInt(mouseX(evt))+offX) + 'px';
		obj.top = (parseInt(mouseY(evt))+offY) + 'px';
	}
}
function stop_follow(evt) {
	if (document.getElementById) {
		var obj = document.getElementById(divName).style; obj.visibility = 'hidden';
	}
}