var images = null;
var currentImageNode = null;
var currentImage = 0;

window.onload = function()
{
	var view = document.getElementsByClassName("ver-fotos");
	for(var a=0;a<view.length;a++){
		view[a].onclick = function(event){
			event = event || window.event;
			
			var displayArea = $("display-area");
			if(displayArea) displayArea.innerHTML = "";
			
			currentImageNode = null;
			currentImage = 0;
			
			link = event.srcElement || event.target;
			
			images = findImages(link.id);
			
			window.onscroll();
			
			var popup = $("las-motos-popup");
			if(popup){
				popup.style.display = "none";
				popup.setOpacity(0);
			}
			
			fadeOut("shadow",null,0.5);
			fadeIn(popup);
						
			return stopBubble(event);
		}
		
		var popup = $("las-motos-popup");
		if(popup){
			var closeButton = popup.getElementsByClassName("close-button");
			if(closeButton && closeButton.length == 1){
				closeButton[0].onclick = function(event){
					event = event || window.event;
					
					fadeOut(popup,function(){
						var displayArea = $("display-area");
						if(displayArea) displayArea.innerHTML = "";
					});
					fadeIn("shadow");
					
					return stopBubble(event);
				}
			}
		}
		
		var leftArrow = $("left-arrow");
		if(leftArrow){
			leftArrow.onclick = function(event){
				event = event || window.event;
				
				if(currentImage != 0){
					currentImage--;
					showImage();
				}
				return stopBubble(event);
			}
		}
		
		var rightArrow = $("right-arrow");
		if(rightArrow){
			rightArrow.onclick = function(event){
				event = event || window.event;
				
				if(currentImage != images.length-1){
					currentImage++;
					showImage();
				}
				return stopBubble(event);
			}
		}
	}	
}

window.onscroll = function()
{
	var popup = $("las-motos-popup");
	if(popup){
		var sy = (popup.filters) ? parseFloat(document.documentElement.scrollTop) : window.scrollY;
		popup.style.top = 115+sy+"px";
	}
}

function findImages(brand)
{
	brand = (brand == "harley-button") ? "harley" : "buell";
	
	try{
		var options = {
			method: "post",
			parameters: {brand: brand},
			asynchronous: true,
			onSuccess: function(t){
				images = t.responseJSON;
				
				for(var a=0;a<images.length;a++){
					images[a] = images[a].substring(images[a].indexOf("/")+1);
				}
				
				if(images && images[0] == "ERROR") this.onFailure(t);
				else showImage();
			},
		
			onFailure: function(t){
				location.href = "las-motos.php";
			}
		};
		
		var ajax = new Ajax.Request("lib/las-motos-find-images.php",options);
	}catch(e){
		location.href = "las-motos.php";
	}
}

function showImage()
{
	if(images){
		var i = document.createElement("IMG");
		
		newImage = $(document.createElement("DIV"));
		newImage.appendChild(i);
		newImage.style.display = "none";
		
		var displayArea = $("display-area");
		var imageContainer = $("las-motos-image");
		
		if(displayArea){
			displayArea.appendChild(newImage);
			newImage.setOpacity(0);
			
			i.onload = function(){
				fadeOut(imageContainer,function(){ displayArea.removeChild(imageContainer); });
				fadeIn(newImage,function(){ newImage.id = "las-motos-image"; });
			}
			
			imageText();
			
			i.src = images[currentImage];
			i.alt = "";
		}
	}
}

function imageText()
{
	var value = (images) ? ((currentImage+1)+" / "+(images.length)) : "ERROR";
	
	var text = $("las-motos-text");
	if(text) text.innerHTML = value;
}