var Dom = YAHOO.util.Dom;
var Anim = YAHOO.util.Anim;
//var Event = YAHOO.util.Event;
var altPics = {}
//alert(navigator.userAgent);
	
	function mouseTracker(e, elDiv) {

		var documentWidth = Dom.getDocumentWidth(e);

		if (YAHOO.util.Dom.getStyle(elDiv,'display')!='none'){
			if ((YAHOO.util.Event.getPageX(e)+10)>(documentWidth/2)+150){
				YAHOO.util.Dom.setStyle(elDiv,'left',(YAHOO.util.Event.getPageX(e)-550) +'px');
			} else {
				YAHOO.util.Dom.setStyle(elDiv,'left',(YAHOO.util.Event.getPageX(e)+10) +'px');
			}
				YAHOO.util.Dom.setStyle(elDiv,'top',(YAHOO.util.Event.getPageY(e)+10) +'px');	
		} 
	}


	function displayAlt(e, oArg) {

		var elDiv = oArg.elDiv;
		var elImg = oArg.elImg;
		
		if (YAHOO.util.Dom.getStyle(elDiv,'display') != 'block') {
			elDiv.relatedElement.src = elImg.src.replace('.jpg','-full.gif');
			
		if (navigator.userAgent.indexOf('Safari')>(-1) || navigator.userAgent.indexOf('MSIE 8')>(-1)) {
			YAHOO.util.Dom.setStyle(elDiv,'display','block');
			
		} else {
			
			YAHOO.util.Dom.setStyle(elDiv,'opacity','0.1');
			YAHOO.util.Dom.setStyle(elDiv,'display','block');
			var attributes = {
				   opacity : {
						to : 1.0
						
					}
				}
			
			var animation = new YAHOO.util.Anim(elDiv,attributes,0.5,YAHOO.util.Easing.easeOut);
			animation.animate();
		} 
		
		}
	}
	
	function closeAlt(e, elDiv) {	
		elDiv.relatedElement.src = "";
		YAHOO.util.Dom.setStyle(elDiv,'display','none');
	}

	function init() {
		      
	  var elDiv = YAHOO.util.Dom.get('alt');
		YAHOO.util.Dom.setStyle(elDiv,'display','none');

		var elImg = document.createElement('img');
					
		elImg.src = '/images/background/blank.gif';
		elDiv.appendChild(elImg);
		elDiv.relatedElement = elImg;
		
		var aImgs = YAHOO.util.Dom.getElementsByClassName('refBox');
		
		YAHOO.util.Event.addListener(elDiv,'mouseover', function(){closeAlt},elDiv);
		
		for (var i=0; i<aImgs.length; i++) {

			altPics[i] = new Image(540,150);
			altPics[i].src = Dom.getFirstChild(aImgs[i]).src.replace('.jpg','-full.gif');
			YAHOO.util.Event.addListener(aImgs[i],'mousemove', mouseTracker, elDiv);
			YAHOO.util.Event.addListener(aImgs[i],'mouseover', displayAlt,{'elDiv': elDiv, 'elImg': YAHOO.util.Dom.getFirstChild(aImgs[i])});
			YAHOO.util.Event.addListener(aImgs[i],'mouseout', closeAlt,elDiv);

		}
	}

YAHOO.util.Event.onDOMReady(init);