// Global variables
var isCSS, isW3C, isIE4, isNN4, isSafari, isMac, isIEMac;
// initialize upon load to let all browsers establish content objects
function initDHTMLAPI() {
    if (document.images) {
        isCSS = (document.body && document.body.style) ? true : false;
        isW3C = (isCSS && document.getElementById) ? true : false;
        isIE4 = (isCSS && document.all) ? true : false;
        isNN4 = (document.layers) ? true : false;
        isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;
	}
	if (navigator.platform.indexOf("Mac") > -1)	isMac = true;
	if (isMac && (navigator.appName.indexOf("Microsoft") > -1)) isIEMac = true;
	// assume this is true for safari
	if (navigator.vendor == "Apple Computer, Inc.") {
		isSafari = true;
	}
}

// Seek nested NN4 layer from string name
function seekLayer(doc, name) {
    var theObj;
    for (var i = 0; i < doc.layers.length; i++) {
        if (doc.layers[i].name == name) {
            theObj = doc.layers[i];
            break;
        }
        // dive into nested layers if necessary
        if (doc.layers[i].document.layers.length > 0) {
            theObj = seekLayer(document.layers[i].document, name);
        }
    }
    return theObj;
}

// Convert object name string or object reference
// into a valid element object reference
function getRawObject(obj) {
    var theObj;
    if (typeof obj == "string") {
        if (isW3C) {
            theObj = document.getElementById(obj);
        } else if (isIE4) {
            theObj = document.all(obj);
        } else if (isNN4) {
            theObj = seekLayer(document, obj);
        }
    } else {
        // pass through object reference
        theObj = obj;
    }
    return theObj;
}

// Convert object name string or object reference
// into a valid style (or NN4 layer) reference
function getObject(obj) {
    var theObj = getRawObject(obj);
    if (theObj && isCSS) {
        theObj = theObj.style;
    }
    return theObj;
}

// Position an object at a specific pixel coordinate
function shiftTo(obj, x, y) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isCSS) {
            // equalize incorrect numeric value type
            var units = (typeof theObj.left == "string") ? "px" : 0 
            theObj.left = x + units;
            theObj.top = y + units;
        } else if (isNN4) {
            theObj.moveTo(x,y)
        }
    }
}

// Move an object by x and/or y pixels
function shiftBy(obj, deltaX, deltaY) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isCSS) {
            // equalize incorrect numeric value type
            var units = (typeof theObj.left == "string") ? "px" : 0 
            theObj.left = getObjectLeft(obj) + deltaX + units;
            theObj.top = getObjectTop(obj) + deltaY + units;
        } else if (isNN4) {
            theObj.moveBy(deltaX, deltaY);
        }
    }
}

// Set the visibility of an object to visible
function show(obj) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.visibility = "visible";
    }
}

// Set the visibility of an object to hidden
function hide(obj) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.visibility = "hidden";
    }
}

// Retrieve the x coordinate of a positionable object
function getObjectLeft(obj) {
    var elem = getRawObject(obj);
    var result = 0;
    // safari hack
    if (document.defaultView && document.defaultView.getComputedStyle) {
        var style = document.defaultView;
        var cssDecl = style.getComputedStyle(elem, "");
        result = cssDecl.getPropertyValue("left");
    }
    else if (isSafari) {
    	result = elem.offsetLeft;
    }
    else if (elem.currentStyle) {
        result = elem.currentStyle.left;
    } else if (elem.style) {
        result = elem.style.left;
    } else if (isNN4) {
        result = elem.left;
    }
    return parseInt(result);
}

// Retrieve the y coordinate of a positionable object
function getObjectTop(obj) {
    var elem = getRawObject(obj);
    var result = 0;
    if (document.defaultView && document.defaultView.getComputedStyle) {
        var style = document.defaultView;
        var cssDecl = style.getComputedStyle(elem, "");
        result = cssDecl.getPropertyValue("top");
    }
    else if (isSafari) {
    	result = elem.offsetTop;
    }
    else if (elem.currentStyle) {
        result = elem.currentStyle.top;
    } else if (elem.style) {
        result = elem.style.top;
    } else if (isNN4) {
        result = elem.top;
    }
    return parseInt(result);
}

// Retrieve the rendered width of an element
function getObjectWidth(obj) {
    var elem = getRawObject(obj);
    var result = 0;
    if (elem.offsetWidth) {
        result = elem.offsetWidth;
    } else if (elem.clip && elem.clip.width) {
        result = elem.clip.width;
    } else if (elem.style && elem.style.pixelWidth) {
        result = elem.style.pixelWidth;
    }
    return parseInt(result);
}

// Retrieve the rendered height of an element
function getObjectHeight(obj) {
    var elem = getRawObject(obj);
    var result = 0;
    if (elem.offsetHeight) {
        result = elem.offsetHeight;
    } else if (elem.clip && elem.clip.height) {
        result = elem.clip.height;
    } else if (elem.style && elem.style.pixelHeight) {
        result = elem.style.pixelHeight;
    }
    return parseInt(result);
}

function setDisplay(id) {
	var obj = getObject(id);
	obj.display = "block";
}

function unsetDisplay(id) {
	var obj = getObject(id);
	obj.display = "none";
}

// grab objects by html tag name
function getTagObject(obj) {
	var mudObj;
	if (isW3C) {
		mudObj = document.getElementsByTagName(obj);
	}
	else if (isIE4) {
		mudObj = document.all(obj);
	}
	else if (isNN4) {
		mudObj = obj;
	}
	return mudObj;
}

// scroll divs
var timerID = null;
function mudScroll(layer, direction, speed) {
	if (timerID) window.clearTimeout(timerID);
	var obj = getObject(layer);
	var wrapperheight = getObjectHeight(layer + "-wrapper");
	var height = getObjectHeight(layer);
	var topLimit = height - wrapperheight;
	if (topLimit > 0) {
		if (direction == "down") {
			var top = getObjectTop(layer) - speed;
			if (top < -topLimit) obj.top = -topLimit + "px";
			else obj.top = top + "px";
		}
		else if (direction == "up") {
			var top = getObjectTop(layer) + speed;
			if (top > 0) obj.top = 0 + "px";
			else obj.top = top + "px";
		}
		else if (direction == "top") {
			obj.top = "0px";
		}
		timerID = window.setTimeout("mudScroll('" + layer + "', '" + direction + "'," + (speed+0.1) + ")", 10);
	}
}

function mudScrollStop() {
	window.clearTimeout(timerID);
	timerID = null;
}

function changeClass(obj, c) {
	getRawObject(obj).className = c;
}

/******************************************************************************/
/* mud_ShiftContent.js                                                               
/* author: Takashi Okamoto mud(tm) - http://mudcorp.com
/******************************************************************************/

MudShiftContent.MOVE_COORDS = new Array(0, -1, -4, -7, -11, -17, -23, -30, -38, -47, -56, -66, -75, -84, -92, -99, -100);

// CONSTRUCTOR
function MudShiftContent(id, unitX, unitTotal) {
	this.id = id;
	this.posX = 0;
	this.scale = unitX / 100;
	this.dir = "next";
	this.moving = false;
	this.frame = 0;
	this.frameTotal = MudShiftContent.MOVE_COORDS.length;
	this.MOVE_COORDS = new Array(this.frameTotal);
	this.timerID = null;
	this.unit = 0;
	this.unitTotal = unitTotal;
}

// returns array
MudShiftContent.prototype.calcX = function(dir, currX) {
	switch (dir) {
		case "next":
			for (var i = 0; i < this.frameTotal; i++) {
				this.MOVE_COORDS[i] = currX + MudShiftContent.MOVE_COORDS[i] * this.scale;
			}
			break;
			
		case "prev":
			for (var i = 0; i < this.frameTotal; i++) {
				this.MOVE_COORDS[i] = currX - MudShiftContent.MOVE_COORDS[i] * this.scale;
			}
			break;

		case "start":
			for (var i = 0; i < this.frameTotal; i++) {
				this.MOVE_COORDS[i] = currX - MudShiftContent.MOVE_COORDS[i] * this.scale * this.unit;
			}
			break;
			
		case "end":
			for (var i = 0; i < this.frameTotal; i++) {
				this.MOVE_COORDS[i] = currX + MudShiftContent.MOVE_COORDS[i] * this.scale * (this.unitTotal-1);
			}
	}
}

MudShiftContent.prototype.moveTo = function(x) {
	getObject(this.id).left = x + "px";
}

MudShiftContent.prototype.move = function(dir) {
	this.setDir(dir);
	this.run();
}

MudShiftContent.prototype.setDir = function(dir) {
	this.dir = dir;
}

MudShiftContent.prototype.run = function() {
	if (this.timerID) {
		window.clearTimeout(this.timerID);
		this.timerID = null;
	}
	if (!this.moving) {
		// onstart method
		this.onStart();
		// calc the coords
		if (this.dir == "next") {
			if (this.unit < this.unitTotal-1) {
				this.calcX("next", this.posX);
				this.unit++;
			}
			else if (this.unit == this.unitTotal-1) {
				this.calcX("start", this.posX);
				this.unit = 0;
			}
			else return;
		}
		else if (this.dir == "prev") {
			if (this.unit > 0) {
				this.calcX("prev", this.posX);
				this.unit--;
			}
			else if (this.unit == 0) {
				this.calcX("end", this.posX);
				this.unit = this.unitTotal-1;
			}
			else return;
		}
		else return;
		this.moving = true;
	}
	if (this.frame < this.frameTotal) {
		this.posX = this.MOVE_COORDS[this.frame];
		this.frame++;
		this.moveTo(this.posX);
		// set timeout
		this.timerID = window.setTimeout(this.id + ".run()", 20);
	}
	else {
		this.moving = false;
		this.frame = 0;
		window.clearTimeout(this.timerID);
		this.timerID = null;
		// onEnd method
		this.onEnd();
	}
}

MudShiftContent.prototype.onStart = function() {
	hide("caption-"+this.unit);
}
MudShiftContent.prototype.onEnd = function() {
	show("caption-"+this.unit);
}