var Dom = YAHOO.util.Dom;
var Anim = YAHOO.util.Anim;
//var Event = YAHOO.util.Event;
var altPics = {}
//alert(navigator.userAgent);

	function strstr(txt, str) {
		pos = txt.indexOf(str);
		if( pos == -1 ){
			return false;
		} else{
			return true;
		}
	}
	
	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 (strstr(navigator.userAgent, 'Safari') || strstr(navigator.userAgent, 'MSIE 8')) {
			
			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) {	
/*
					var attributes = {
						   opacity : {
							  from : 1.0,
								to : 0.1
							}
						}
					
					var animation = new YAHOO.util.Anim(elDiv,attributes,0.1,YAHOO.util.Easing.easeOut);
					animation.animate();
					
					animation.onTween.subscribe(
							function (){
								var aImgs = YAHOO.util.Dom.getElementsByClassName('refBox');
								for (var i=0; i<aImgs.length; i++) {
									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])});
								}
							 }
						);
					
					animation.onComplete.subscribe(function (){YAHOO.util.Dom.setStyle(elDiv,'display','none')});
*/					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);



