// Design Brooklyn (www.designbrooklyn.com) 
// Appearance Functions


// OPACITY

function opacity(id, opacStart, opacEnd, millisec, linkTo) {
	//speed for each frame
	var speed = Math.round(millisec / 100);
	var timer = 0;
	//determine the direction for the blending, if start and end are the same nothing happens
	if(opacStart > opacEnd) {
		for(i = opacStart; i >= opacEnd; i--) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			if (i == opacEnd && linkTo) {
				setTimeout("redirect('" + linkTo + "')",(timer * speed));
			}
			timer++;
		}
		
		
	} else if(opacStart < opacEnd) {
		for (i = opacStart; i <= opacEnd; i++) {
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style;
	object.opacity = (opacity / 100);
	object.MozOpacity = (opacity / 100);
	object.KhtmlOpacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

// position

function getAbsolutePosition(element) {
  var r = { x: element.offsetLeft, y: element.offsetTop };
  if (element.offsetParent) {
    var tmp = getAbsolutePosition(element.offsetParent);
    r.x += tmp.x;
    r.y += tmp.y;
  }
  return r;
};




// sliding / expanding

var activeNav = null;
var bStatus = Array();
function checkOpen(id, end) {
	start = parseInt(document.getElementById(id).style.height.replace("px",""));
	if (start > end && !isOver(id)) {
		growY(id, start, end, 500);
	}
}
function changeStatus(id,newStatus) {
	bStatus[id] = newStatus;
}
function growOverY(id, start, end, millisec) {
	ht = document.getElementById(id).style.height.replace("px","");
	wd = document.getElementById(id).style.width.replace("px","");
	content = document.getElementById(id).innerHTML;
	content = '<div style="position:relative; width:'+wd+'px;">'+content+'</div>';
	WriteByID('hTester',null,'');
	WriteByID('hTester',null,content);
	new_ht = parseInt(document.getElementById('hTester').offsetHeight);
	
	if (ht >= (0 + new_ht) || bStatus[id] == 'working') {
		//setTimeout("growOverY('"+id+"',"+start+","+end+","+millisec+")",20);
	} else {
				
		growY(id, start, (0 + new_ht), millisec);
		bStatus[id] = 'working';
		setTimeout("changeStatus('"+id+"','available');",(millisec+20));
		setTimeout("checkOpen('"+id+"','"+start+"');",3000);
	}
}
function growOutY(id, start, end, millisec) {
	ht = document.getElementById(id).style.height.replace("px","");
	if (isOver(id) || bStatus[id] == 'working') {
		setTimeout("growOutY('"+id+"',"+ht+","+end+","+millisec+")",20);
	} else if (ht > end) {
		bStatus[id] = 'working';
		setTimeout("changeStatus('"+id+"','available');",(millisec+20));
		growY(id, ht, end, millisec);
	}

}
function growY(id, start, end, millisec) {

	//speed for each frame
	var speed = Math.round(millisec / Math.abs(parseInt(end) - parseInt(start)) * 100)/100;
	var timer = 0;	
	if (start > end) {
		for (i = parseInt(start); i >= parseInt(end); i--) {
			setTimeout("growByID(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else {
		for (i = parseInt(start); i <= parseInt(end); i++) {
			setTimeout("growByID(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}

function slideXR(id, start, end, millisec) {
	//speed for each frame
	var speed = Math.round(millisec / Math.abs(parseInt(end) - parseInt(start)) * 100)/100;
	var timer = 0;	
	if (start > end) {
		for (i = parseInt(start); i >= parseInt(end); i--) {
			setTimeout("moveXR(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else {
		for (i = parseInt(start); i <= parseInt(end); i++) {
			setTimeout("moveXR(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}
function moveXR(val,id) {
	document.getElementById(id).style.right = val+"px";
}	

function slideXL(id, start, end, millisec) {

	//speed for each frame
	var speed = Math.round(millisec / Math.abs(parseInt(end) - parseInt(start)) * 100)/100;
	var timer = 0;	
	if (start > end) {
		for (i = parseInt(start); i >= parseInt(end); i--) {
			setTimeout("moveXL(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	} else {
		for (i = parseInt(start); i <= parseInt(end); i++) {
			setTimeout("moveXL(" + i + ",'" + id + "')",(timer * speed));
			timer++;
		}
	}
}
function moveXL(val,id) {
	document.getElementById(id).style.left = val+"px";
}	


function growByID(h,id) {
	document.getElementById(id).style.height = h+"px";
}

function isOver(id) {
	var el;
	if (document.all) {
		el = document.all[id];
	} else if (document.getElementById) {
		el = document.getElementById(id);
	}
	
	elPos = getAbsolutePosition(el);
	
	if (xMousePos <= elPos.x || yMousePos <= parseInt(elPos.y - 5)) {
		//alert("test: "+xMousePos+" < "+elPos.x);
		return false;
	}
	//elW = el.style.width.replace("px","");
	elW = el.offsetWidth;
	elH = el.style.height.replace("px","");
	elWid = parseInt(elW);
	elHei = parseInt(elH);
	if (xMousePos >= parseInt(elWid + elPos.x + 5) || yMousePos >= parseInt(elHei + elPos.y + 20) || yMousePos <= parseInt(elPos.y - 10)) {
		return false;
	}
	return true;
}