// JavaScript Document
(function() {
	YAHOO.namespace("fullarticle");
	YAHOO.fullarticle.images = new Array();
	YAHOO.fullarticle.indexImage = 0;
	
	YAHOO.fullarticle.registerImages = function(){	
		var rootImgsChildren = YAHOO.util.Dom.getChildren("img-thumbnails");
		
		var fullImgContainer = YAHOO.util.Dom.get("full-articleimage");
		var descImgContainer = YAHOO.util.Dom.get("desc-img-ppal");
		
		var loadImage = function(thumbnail, button, container, numImg){
			var replaceImage = function(e, thumbnail){
				YAHOO.fullarticle.indexImage = numImg;
				var imgTag = document.createElement('img');
				fullImgContainer.innerHTML = '';
				fullImgContainer.appendChild(imgTag);
				
				imgTag.setAttribute("src", thumbnail.getAttribute("fullImageSrc"));				
				descImgContainer.innerHTML = thumbnail.getAttribute("description");
			}
			
			//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);
		}
		
		var loadVideo = function(thumbnail, button, container, numImg){
			var replaceVideo = function(e, thumbnail){
				YAHOO.fullarticle.indexImage = numImg;
				var codigoVideo = thumbnail.getAttribute("asset_id");
				var tituloVideo = thumbnail.getAttribute("title");
				var descVideo = thumbnail.getAttribute("description");
				
				container.innerHTML = '<object width="490" height="357"><param name="movie" value="http://dieztv.dmmotion.com/asset/276"></param><param name="FlashVars" value="asset_id=' + codigoVideo + '&assetTitle=' + tituloVideo + '&assetDescription=' + descVideo +  '&urlPermalink=http%3A//www.diez.hn/index.php/Menu-Secundario/Videos/&showLogo=1&showSkin=1"></param><param name="allowFullScreen" value="true"></param><param name="wmode" value="window"></param><embed src="http://dieztv.dmmotion.com/asset/276" flashvars="asset_id=' + codigoVideo + '&assetTitle=' + tituloVideo + '&assetDescription=' + descVideo +'&urlPermalink=http%3A//www.diez.hn/index.php/Menu-Secundario/Videos/&showLogo=1&showSkin=1" allowFullscreen="true" type="application/x-shockwave-flash" width="490" height="357" wmode="window"></embed></object>';
				descImgContainer.innerHTML = thumbnail.getAttribute("description");
			}
			
			//Precargar primer video
			if (numImg == 0){	
				replaceVideo(null, thumbnail);
			}
			
			YAHOO.util.Event.on(thumbnail, "click", replaceVideo, thumbnail);	
			YAHOO.util.Event.on(button, "click", replaceVideo, thumbnail);		
			
		}

		for (var index = 0; index < rootImgsChildren.length; index++){
			var imgsChild = rootImgsChildren[index].getElementsByTagName("img");
			YAHOO.fullarticle.images.push( imgsChild[0] );
			
			var mediaType = imgsChild[0].getAttribute('type');
			switch( mediaType ){
			case 'image':				
				loadImage(imgsChild[0], imgsChild[1], fullImgContainer, index);
			break;
			case 'video':
				loadVideo(imgsChild[0], imgsChild[1], fullImgContainer, index);
			break;
			}
		}
	}
	YAHOO.fullarticle.registerButtonEvents = function (type, args, obj){
		var avanceImagen = function(e, objAvance){
			var imgIndex = YAHOO.fullarticle.indexImage + objAvance.avance;
			var numImgs = YAHOO.fullarticle.images.length;
			
			if (imgIndex < 0){
				imgIndex = numImgs - 1;
			}
			if (imgIndex >= numImgs){
				imgIndex = 0;
			}
			
			//Execute img listener
			var imgListener = YAHOO.util.Event.getListeners( YAHOO.fullarticle.images[imgIndex], "click" );
			var numImgEvents = imgListener.length;
			//alert(numImgEvents);
			imgListener[numImgEvents - 1].fn( null, imgListener[numImgEvents - 1].obj );
			YAHOO.fullarticle.indexImage = imgIndex;
		}
		try {
			var backButton = YAHOO.util.Dom.get(obj.strIDBack);
			var forwardButton = YAHOO.util.Dom.get(obj.strIDForward);
						
			YAHOO.util.Event.on(backButton, "click", avanceImagen, {avance: -1});
			YAHOO.util.Event.on(forwardButton, "click", avanceImagen, {avance: 1});
		}
		catch(e){
			alert("Error al registrar eventos para controles de avance");
		}
	}
	
	YAHOO.util.Event.onContentReady("img-thumbnails", YAHOO.fullarticle.registerImages);
	YAHOO.util.Event.onDOMReady(YAHOO.fullarticle.registerButtonEvents, 
								{strIDBack: "back-button",
								 strIDForward: "forward-button"});
})();