window.addEventListener ? window.addEventListener("load", project_xfade_init, false) : window.attachEvent("onload", project_xfade_init);

var imgs = new Array(), current = 0, fading = false;

var k = 4;

function project_xfade_init() {
	if(!document.getElementById || !document.createElement)return;
	
	imgs = document.getElementById("prj_imgs_container").getElementsByTagName("img");
		
	for(i = 0; i < imgs.length; i++) {
		if (imgs[i].className.indexOf("opaque") == -1) {
			imgs[i].xOpacity = 0;
		}
		else {
			imgs[i].xOpacity = 1;
			current = i;
		}
	}
	
}

function project_xfade_to(next, longname, lead, description, link) {
	if (!fading) {
		document.getElementById('longname').innerHTML = longname;
		document.getElementById('lead').innerHTML = lead;
		document.getElementById('description').innerHTML = description;
		document.getElementById('link').innerHTML = link;
		document.getElementById('link').href = link;
		
		
		fading = true;
		project_xfade_do(next);
	}
}	

function project_xfade_do(next) {
	cOpacity = imgs[current].xOpacity;
	nOpacity = imgs[next].xOpacity;
	
	cOpacity-=.05; 
	nOpacity+=.05;
	
	imgs[next].style.display = "block";
	imgs[current].xOpacity = cOpacity;
	imgs[next].xOpacity = nOpacity;
	
	setOpacity(imgs[current]); 
	setOpacity(imgs[next]);
	
	if (cOpacity <= 0) {
		imgs[current].style.display = "none";
		current = next;
		fading = false;
	}
	else {
		setTimeout('project_xfade_do(' + next + ')', 10);
	}
	
	function setOpacity(obj) {
		if(obj.xOpacity >= 1) {
			obj.xOpacity = 1;
			return;
		}
		
		obj.style.opacity = obj.xOpacity;
		obj.style.MozOpacity = obj.xOpacity;
		obj.style.filter = "alpha(opacity=" + (obj.xOpacity*100) + ")";
	}
}




dw_scrollObjs = {};
dw_scrollObj.speed = 100; // milissegundos

function dw_scrollObj(wnId, lyrId, cntId) {
    this.id = wnId; dw_scrollObjs[this.id] = this;
    this.animString = "dw_scrollObjs." + this.id;
    this.load(lyrId, cntId);
}

dw_scrollObj.loadLayer = function(wnId, id, cntId) {
    if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].load(id, cntId);
}

dw_scrollObj.prototype.load = function(lyrId, cntId) {
    var c = document.getElementById(cntId).offsetWidth;
    if (!document.getElementById) return;
    var wndo, lyr;
    if (this.lyrId) {
        lyr = document.getElementById(this.lyrId);
        lyr.style.visibility = "hidden";
    }
    cnt = document.getElementById(cntId);
    lyr = document.getElementById(lyrId);
    wndo = document.getElementById(this.id);
    lyr.style.top = this.y = 0; lyr.style.left = this.x = 0;
    this.maxY = (lyr.offsetHeight - wndo.offsetHeight > 0)? lyr.offsetHeight - wndo.offsetHeight : 0;
    this.wd = cntId ? cnt.offsetWidth : lyr.offsetWidth;
    this.maxX = (this.wd - wndo.offsetWidth > 0)? this.wd - wndo.offsetWidth : 0;
    this.lyrId = lyrId; // hold id of currently visible layer
    lyr.style.visibility = "visible";
    this.on_load(); this.ready = true;
}

dw_scrollObj.prototype.on_load = function() {}  

dw_scrollObj.prototype.shiftTo = function(lyr, x, y) {
    lyr.style.left = (this.x = x) + "px"; 
    lyr.style.top = (this.y = y) + "px";
}

// remove layers from table for ns6+/mozilla (needed for scrolling inside tables)
// recent versions of ns/moz (ns7.2 and moz 1.73) don't need it (ns 7.1 and moz 1.5 do)
dw_scrollObj.GeckoTableBugFix = function() {
    var ua = navigator.userAgent;
    if ( ua.indexOf("Gecko") > -1 && ua.indexOf("Firefox") == -1 
        && ua.indexOf("Safari") == -1 && ua.indexOf("Konqueror") == -1 ) {
        dw_scrollObj.hold = []; // holds id's of wndo and its container
        for (var i=0; arguments[i]; i++) {
            if ( dw_scrollObjs[ arguments[i] ] ) {
                var wndo = document.getElementById( arguments[i] );
                var holderId = wndo.parentNode.id;
                var holder = document.getElementById(holderId);
                document.body.appendChild( holder.removeChild(wndo) );
                wndo.style.zIndex = 1000;
                var pos = getPageOffsets(holder);
                wndo.style.left = pos.x + "px"; wndo.style.top = pos.y + "px";
                dw_scrollObj.hold[i] = [ arguments[i], holderId ];
            }
        }
        window.addEventListener("resize", dw_scrollObj.rePositionGecko, true);
    }
}

// ns6+/mozilla need to reposition layers onresize when scrolling inside tables.
dw_scrollObj.rePositionGecko = function() {
    if (dw_scrollObj.hold) {
        for (var i=0; dw_scrollObj.hold[i]; i++) {
            var wndo = document.getElementById( dw_scrollObj.hold[i][0] );
            var holder = document.getElementById( dw_scrollObj.hold[i][1] );
            var pos = getPageOffsets(holder);
            wndo.style.left = pos.x + "px"; wndo.style.top = pos.y + "px";
        }
    }
}

function getPageOffsets(el) {
    var left = el.offsetLeft;
    var top = el.offsetTop;
    if ( el.offsetParent && el.offsetParent.clientLeft || el.offsetParent.clientTop ) {
        left += el.offsetParent.clientLeft;
        top += el.offsetParent.clientTop;
    }
    while ( el = el.offsetParent ) {
        left += el.offsetLeft;
        top += el.offsetTop;
    }
    return { x:left, y:top };
}

dw_scrollObj.slideDur = 100;

dw_scrollObj.scrollBy = function(wnId, x, y, dur) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].glideBy(x, y, dur);
}

dw_scrollObj.scrollTo = function(wnId, x, y, dur) {
  if ( dw_scrollObjs[wnId] ) dw_scrollObjs[wnId].glideTo(x, y, dur);
}

dw_scrollObj.prototype.glideBy = function(dx, dy, dur) {
  if ( !document.getElementById || this.sliding ) return;
  this.slideDur = dur || dw_scrollObj.slideDur;
  this.destX = this.destY = this.distX = this.distY = 0;
  this.lyr = document.getElementById(this.lyrId);
  this.startX = this.x; this.startY = this.y;
  if (dy < 0) this.distY = (this.startY + dy >= -this.maxY)? dy: -(this.startY  + this.maxY);
  else if (dy > 0) this.distY = (this.startY + dy <= 0)? dy: -this.startY;
  if (dx < 0) this.distX = (this.startX + dx >= -this.maxX)? dx: -(this.startX + this.maxX);
  else if (dx > 0) this.distX = (this.startX + dx <= 0)? dx: -this.startX;
  this.destX = this.startX + this.distX; this.destY = this.startY + this.distY;
  this.slideTo(this.destX, this.destY);
}

dw_scrollObj.prototype.glideTo = function(destX, destY, dur) {
  if ( !document.getElementById || this.sliding) return;
  this.slideDur = dur || dw_scrollObj.slideDur;
  this.lyr = document.getElementById(this.lyrId); 
  this.startX = this.x; this.startY = this.y;
  this.destX = -Math.max( Math.min(destX, this.maxX), 0);
  this.destY = -Math.max( Math.min(destY, this.maxY), 0);
  this.distY = this.destY - this.startY;
  this.distX =  this.destX - this.startX;
  this.slideTo(this.destX, this.destY);
}

dw_scrollObj.prototype.slideTo = function(destX, destY) {
  this.per = Math.PI/(2 * this.slideDur); this.sliding = true;
	this.slideStart = (new Date()).getTime();
	this.aniTimer = setInterval(this.animString + ".doSlide()",10);
  this.on_slide_start(this.startX, this.startY);
}

dw_scrollObj.prototype.doSlide = function() {
	var elapsed = (new Date()).getTime() - this.slideStart;
	if (elapsed < this.slideDur) {
		var x = this.startX + this.distX * Math.sin(this.per*elapsed);
		var y = this.startY + this.distY * Math.sin(this.per*elapsed);
    this.shiftTo(this.lyr, x, y); this.on_slide(x, y);
	} else {	// if time's up
    clearInterval(this.aniTimer); this.sliding = false;
		this.shiftTo(this.lyr, this.destX, this.destY);
    this.lyr = null; this.on_slide_end(this.destX, this.destY);
	}
}

dw_scrollObj.prototype.on_slide_start = function() {}
dw_scrollObj.prototype.on_slide = function() {}
dw_scrollObj.prototype.on_slide_end = function() {}


function project_thumb_scroller_init() {
	var wndo = new dw_scrollObj('prj_thumbs_window', 'prj_thumbs_content', 'prj_thumbs_table');
	dw_scrollObj.GeckoTableBugFix('prj_thumbs_window');
}