/******************************************************************

					S C R O L L O V E R S
					---------------------
			 Written by Steffan Luczyn - July 2007
					 www.scrollovers.com	
	
		May be used for personal and business use, but may
		  never be sold or used in a product that is not 
				   free without my consent.

*******************************************************************/

		var scrollovers_TypeName = 'scrollover';
		var scrollovers_StartScrollLocation = 0;
		var scrollovers_EndScrollLocationTrim = 0;
		var scrollovers_ScrollSpeed = 2;
		var scrollovers_ScrollDownOnMouseOver = true;

		
		var scrollovers_ElementsInFocus = new Array();
		
		function scrollovers_Init(){
			/* DEFAULT TRIM SETTINGS */
			scrollovers_StartScrollLocation = 0;
			scrollovers_EndScrollLocationTrim = -1;
			
			if(navigator.userAgent.toLowerCase().indexOf("safari")!=-1){
				/* SAFARI TRIM SETTINGS */
				scrollovers_StartScrollLocation = 0;
				scrollovers_EndScrollLocationTrim = -1;
			}else if(navigator.userAgent.toLowerCase().indexOf("opera")!=-1){
				/* OPERA TRIM SETTINGS */				
				scrollovers_StartScrollLocation = 0;
				scrollovers_EndScrollLocationTrim = -1;
			}
			
			var aTmp = document.getElementsByTagName('a');
			var aLinks = new Array();
			for(i=0;i<aTmp.length;i++){
				if(scrollovers_TypeName == '' || aTmp[i].getAttribute('type') == scrollovers_TypeName){
					aLinks.push(aTmp[i]);
				}
			}
			aTmp = null;
		
			for(i=0;i<aLinks.length;i++){
				var sElemId = 'scrollover_'+i;
				var sExistingHTML = aLinks[i].innerHTML;
				var iWidth = parseInt(aLinks[i].scrollWidth)+1;
				var sHtml = '';
				aLinks[i].style.textDecoration = 'none';
				
				sHtml += 	'<span style="display:block; cursor:pointer; cursor:hand; height:1em; position:relative; overflow:visible; width:'+iWidth+'px; margin-top:-0.2em;">';
				sHtml +=		'<span style="display:block; position:absolute; overflow:hidden; height:1.3em; width:'+iWidth+'px; margin-bottom:-0.3em;">';
				sHtml +=			'<span style="display:block; margin-top:-0.1em; position:absolute; width:'+iWidth+'px;" class="scrollover_Nudge">';
				sHtml +=				'<em id="'+sElemId+'" style="display:block; line-height:1.4em; position:absolute; top:'+scrollovers_StartScrollLocation+'px; font-style:normal;">'+sExistingHTML+' '+sExistingHTML+'</em>';
				sHtml +=			'</span>';
				sHtml +=		'</span>';
				sHtml +=	'</span>';

				var sOriginalText = aLinks[i].innerText;
				aLinks[i].innerHTML = '';
				var oScrollover = document.createElement('fieldset');
				oScrollover.style.border = 'none';
				oScrollover.style.lineHeight = '1em';
				oScrollover.style.width = iWidth;
				oScrollover.style.textAlign = 'left';
				oScrollover.style.display = 'inline';
				oScrollover.style.margin = '0';
				oScrollover.style.padding = '0';
				oScrollover.innerHTML = sHtml;
				
				aLinks[i].appendChild(oScrollover);

				var oTag = document.getElementById(sElemId);
				
				var oElement = new Element(sElemId, oTag);
				scrollovers_ElementsInFocus.push(oElement);
				oTag.elementObject = oElement;
				oTag.onmouseover = scrollovers_MouseOver;
				oTag.onmouseout = scrollovers_MouseOut;
				
				if(scrollovers_ScrollDownOnMouseOver){
					oTag.style.top = (oElement.ScrollHeight*-1)+scrollovers_EndScrollLocationTrim+'px';
				}
			}
		}
		function scrollovers_MouseOver(oEvent){
			var oSender = null;
			if(window.event){
				oSender = window.event.srcElement;
			}else{
				oSender = oEvent.target;
			}

			scrollovers_ElementsInFocus.getById(oSender.elementObject.Id).MouseIsOver = true;
			if(scrollovers_ScrollDownOnMouseOver){
				setTimeout('scrollovers_RollDown(\''+oSender.elementObject.Id+'\')', 100);
			}else{
				setTimeout('scrollovers_RollUp(\''+oSender.elementObject.Id+'\')', 100);
			}
		}
		function scrollovers_MouseOut(oEvent){
			var oSender = null;
			if(window.event){
				oSender = window.event.srcElement;
			}else{
				oSender = oEvent.target;
			}
			oSender.elementObject.MouseIsOver = false;
			if(scrollovers_ScrollDownOnMouseOver){
				setTimeout('scrollovers_RollUp(\''+oSender.elementObject.Id+'\')', 100);
			}else{
				setTimeout('scrollovers_RollDown(\''+oSender.elementObject.Id+'\')', 100);
			}
		}
		function scrollovers_RollUp(sIdToRoll){
			var oElementToRoll = scrollovers_ElementsInFocus.getById(sIdToRoll);
			if(scrollovers_ScrollDownOnMouseOver){
				if(oElementToRoll.MouseIsOver){return;}
			}else{
				if(!oElementToRoll.MouseIsOver){return;}
			}
			if(oElementToRoll.ScrollLocation+scrollovers_ScrollSpeed < oElementToRoll.ScrollHeight){
				oElementToRoll.ScrollLocation += scrollovers_ScrollSpeed;
				oElementToRoll.TagRef.style.top = oElementToRoll.ScrollLocation*-1+'px';
				setTimeout('scrollovers_RollUp(\''+sIdToRoll+'\')', 10);
			}else{
				oElementToRoll.ScrollLocation =  oElementToRoll.ScrollHeight;
				oElementToRoll.TagRef.style.top = (oElementToRoll.ScrollHeight*-1)+scrollovers_EndScrollLocationTrim+'px';
			}
		}
		function scrollovers_RollDown(sIdToRoll){
			var oElementToRoll = scrollovers_ElementsInFocus.getById(sIdToRoll);
			if(scrollovers_ScrollDownOnMouseOver){
				if(!oElementToRoll.MouseIsOver){return;}
			}else{
				if(oElementToRoll.MouseIsOver){return;}
			}
			if(oElementToRoll.ScrollLocation-scrollovers_ScrollSpeed > scrollovers_StartScrollLocation){
				oElementToRoll.ScrollLocation -= scrollovers_ScrollSpeed;
				oElementToRoll.TagRef.style.top = oElementToRoll.ScrollLocation*-1+'px';
				setTimeout('scrollovers_RollDown(\''+sIdToRoll+'\')', 10);
			}else{
				oElementToRoll.ScrollLocation =  scrollovers_StartScrollLocation;
				oElementToRoll.TagRef.style.top = scrollovers_StartScrollLocation+'px';
			}
		}
		
		function Element(sId, oObject){
			this.Id = sId;
			this.TagRef = oObject;
			this.ScrollHeight = parseInt(this.TagRef.scrollHeight)/2-1;
			this.ScrollLocation = (scrollovers_ScrollDownOnMouseOver?this.ScrollHeight:0);
			this.MouseIsOver = false;
		}
		Array.prototype.getById = function(sId){
										for(i=0;i<this.length;i++){
											if(this[i].Id == sId){
												return this[i];
											}
										}
										return null;
								  }; 
		Array.prototype.getIndexById = function(sId){
										for(i=0;i<this.length;i++){
											if(this[i].Id == sId){
												return i;
											}
										}
										return null;
								  }; 
		
		window.onload = scrollovers_Init;


function encendiendo(apagador){
	objeto = apagador
	prendiendo = setInterval( "encendido(objeto)", 50 )
}

function apagando(apagador){
	clearInterval( prendiendo )
	apagador.filters.alpha.opacity = 40
}

function encendido(cepilo){
	if ( cepilo.filters.alpha.opacity < 110 )
		cepilo.filters.alpha.opacity += 5
	else if ( window.prendiendo )
		clearInterval( prendiendo )
}
/***********************************************
* Ultimate Fade-In Slideshow (v1.5): © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
 
var fadeimages4=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages4[0]=["images/portafolio1.jpg", "", ""] //plain image syntax
fadeimages4[1]=["images/portafolio2.jpg", "", ""] //image with link syntax
fadeimages4[2]=["images/portafolio3.jpg", "", ""] //image with link and target syntax
fadeimages4[3]=["images/portafolio4.jpg", "", ""] //plain image syntax
fadeimages4[4]=["images/portafolio5.jpg", "", ""] //image with link syntax
fadeimages4[5]=["images/portafolio23.jpg", "", ""] //image with link and target syntax

var fadeimages3=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages3[0]=["images/portafolio7.jpg", "", ""] //plain image syntax
fadeimages3[1]=["images/portafolio8.jpg", "", ""] //image with link syntax
fadeimages3[2]=["images/portafolio9.jpg", "", ""] //image with link and target syntax
fadeimages3[3]=["images/portafolio10.jpg", "", ""] //plain image syntax
fadeimages3[4]=["images/portafolio11.jpg", "", ""] //image with link syntax
fadeimages3[5]=["images/portafolio12.jpg", "", ""] //image with link and target syntax

var fadeimages2=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages2[0]=["images/portafolio13.jpg", "", ""] //plain image syntax
fadeimages2[1]=["images/portafolio14.jpg", "", ""] //image with link syntax
fadeimages2[2]=["images/portafolio15.jpg", "", ""] //image with link and target syntax
fadeimages2[3]=["images/portafolio16.jpg", "", ""] //plain image syntax
fadeimages2[4]=["images/portafolio17.jpg", "", ""] //image with link syntax
fadeimages2[5]=["images/portafolio18.jpg", "", ""] //image with link and target syntax
 
var fadeimages=new Array() //2nd array set example. Remove or add more sets as needed.
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["images/portafolio19.jpg", "", ""] //plain image syntax
fadeimages[1]=["images/portafolio20.jpg", "", ""] //image with link syntax
fadeimages[2]=["images/portafolio21.jpg", "", ""] //image with link and target syntax
fadeimages[3]=["images/portafolio22.jpg", "", ""] //plain image syntax
fadeimages[4]=["images/portafolio6.jpg", "", ""] //image with link syntax
fadeimages[5]=["images/portafolio24.jpg", "", ""] //image with link and target syntax

var fadebgcolor="white"
 
////NO need to edit beyond here/////////////
 
var fadearray=new Array() //array to cache fadeshow instances
var fadeclear=new Array() //array to cache corresponding clearinterval pointers
 
var dom=(document.getElementById) //modern dom browsers
var iebrowser=document.all
 
function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
this.pausecheck=pause
this.mouseovercheck=0
this.delay=delay
this.degree=10 //initial opacity degree (10%)
this.curimageindex=0
this.nextimageindex=1
fadearray[fadearray.length]=this
this.slideshowid=fadearray.length-1
this.canvasbase="canvas"+this.slideshowid
this.curcanvas=this.canvasbase+"_0"
if (typeof displayorder!="undefined")
theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
this.theimages=theimages
this.imageborder=parseInt(borderwidth)
this.postimages=new Array() //preload images
for (p=0;p<theimages.length;p++){
this.postimages[p]=new Image()
this.postimages[p].src=theimages[p][0]
}
 
var fadewidth=fadewidth+this.imageborder*2
var fadeheight=fadeheight+this.imageborder*2
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)
document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;-khtml-opacity:10;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);-moz-opacity:10;background-color:'+fadebgcolor+'"></div></div>')
else
document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
 
if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
this.startit()
else{
this.curimageindex++
setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
}
}

function fadepic(obj){
if (obj.degree<100){
obj.degree+=10
if (obj.tempobj.filters&&obj.tempobj.filters[0]){
if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
obj.tempobj.filters[0].opacity=obj.degree
else //else if IE5.5-
obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
}
else if (obj.tempobj.style.MozOpacity)
obj.tempobj.style.MozOpacity=obj.degree/101
else if (obj.tempobj.style.KhtmlOpacity)
obj.tempobj.style.KhtmlOpacity=obj.degree/100
}
else{
clearInterval(fadeclear[obj.slideshowid])
obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
obj.populateslide(obj.tempobj, obj.nextimageindex)
obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
}
}
 
fadeshow.prototype.populateslide=function(picobj, picindex){
var slideHTML=""
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
if (this.theimages[picindex][1]!="") //if associated link exists for image
slideHTML+='</a>'
picobj.innerHTML=slideHTML
}
 
 
fadeshow.prototype.rotateimage=function(){
if (this.pausecheck==1) //if pause onMouseover enabled, cache object
var cacheobj=this
if (this.mouseovercheck==1)
setTimeout(function(){cacheobj.rotateimage()}, 100)
else if (iebrowser&&dom||dom){
this.resetit()
var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
crossobj.style.zIndex++
fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
}
else{
var ns4imgobj=document.images['defaultslide'+this.slideshowid]
ns4imgobj.src=this.postimages[this.curimageindex].src
}
this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
}
 
fadeshow.prototype.resetit=function(){
this.degree=10
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
if (crossobj.filters&&crossobj.filters[0]){
if (typeof crossobj.filters[0].opacity=="number") //if IE6+
crossobj.filters(0).opacity=this.degree
else //else if IE5.5-
crossobj.style.filter="alpha(opacity="+this.degree+")"
}
else if (crossobj.style.MozOpacity)
crossobj.style.MozOpacity=this.degree/101
else if (crossobj.style.KhtmlOpacity)
crossobj.style.KhtmlOpacity=obj.degree/100
}
 
 
fadeshow.prototype.startit=function(){
var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
this.populateslide(crossobj, this.curimageindex)
if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
var cacheobj=this
var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
}
this.rotateimage()
}