// JavaScript Document
(function() {
	YAHOO.namespace("wallpapers");
	YAHOO.wallpapers.images = new Array();
	YAHOO.wallpapers.indexImage = 0;
	
	YAHOO.wallpapers.registerImages = function(){	
		var rootImgs = YAHOO.util.Dom.get("wallpaper-thumbnails");
		var rootImgsChildren = YAHOO.util.Dom.getChildren(rootImgs);
		
		var imgTags	= new Array();
		var fullImgContainer = YAHOO.util.Dom.get("full-wallpaperimage");
		var titleImgContainer = YAHOO.util.Dom.get("titulo-wallpaper");
		//var descImgContainer = YAHOO.util.Dom.get("descripcion-wallpaper");
		
		var downloadLinks = new Array();
		var downloadChildren = YAHOO.util.Dom.getChildren("links-wallpapers");
		for (i = 0, numChildren = downloadChildren.length; i < numChildren; i++){
			var linksElements = downloadChildren[i].getElementsByTagName("a");
			downloadLinks.push(linksElements[0]);
		}
		
		var loadImage = function(thumbnail, button, container, numImg){
			var replaceImage = function(e, thumbnail){
				YAHOO.wallpapers.indexImage = numImg;
				container.setAttribute("src", thumbnail.getAttribute("fullImageSrc"));
				titleImgContainer.innerHTML = thumbnail.getAttribute("title");
				//descImgContainer.innerHTML = thumbnail.getAttribute("description");
				
				downloadLinks[0].setAttribute("href", thumbnail.getAttribute("link800x600"));
				downloadLinks[1].setAttribute("href", thumbnail.getAttribute("link1024x768"));
				downloadLinks[2].setAttribute("href", thumbnail.getAttribute("link1280x960"));
			}
			
			//Precargar primera imagen
			if (numImg == 0){	
				replaceImage(null, thumbnail);
			}
			
			var imgGroup = new YAHOO.util.ImageLoader.group(thumbnail, "click");	
			imgGroup.addTrigger(button, "click");
			imgGroup.registerSrcImage(container, thumbnail.getAttribute("fullImageSrc"));	
			
			YAHOO.util.Event.on(thumbnail, "click", replaceImage, thumbnail);	
			YAHOO.util.Event.on(button, "click", replaceImage, thumbnail);
		}	

		for (var index = 0; index < rootImgsChildren.length; index++){
			var imgsChild = rootImgsChildren[index].getElementsByTagName("img");
			YAHOO.wallpapers.images.push( imgsChild[0] );
			loadImage(imgsChild[0], imgsChild[1], fullImgContainer, index);
		}
	}	
	YAHOO.util.Event.onContentReady("wallpaper-thumbnails", YAHOO.wallpapers.registerImages);
})();