// (c) 2002-2006 Jonathan Kovaciny (at the dot com of yahoo, i am kovo1)
// Detect JavaScript engine
	var DOM = (document.getElementById) ? 1 : 0;
	var NS4 = (document.layers) ? 1 : 0;
	var IE4 = (document.all) ? 1 : 0;
	
// Track mouse
	if (!IE4) document.captureEvents(Event.MOUSEMOVE)
	document.onmousemove = getMouseXY;
	var mX = 0;
	var mY = 0;
	var ld = "";
	
var newwindow;
function poptastic(url)
{
	newwindow=window.open(url,'name','height=600,width=700,menubar=yes,toolbar=yes,resizable=yes,scrollbars=yes');
	if (window.focus) {newwindow.focus()}
}

function getMouseXY(e) {
	if (IE4) {mX = event.clientX + document.body.scrollLeft; mY = event.clientY + document.body.scrollTop;} else {mX = e.pageX; mY = e.pageY;}  
		if (mX < 0) {mX = 0;}
		if (mY < 0) {mY = 0;}  
		return true;
	}
	
function flashclick(e) {
	document.location.href='http://www.thecreativecompany.us/';
}

function swapimg(ImgName,ImgSrc){
	document.images[ImgName].src='/gfx/' + ImgSrc + '.gif';
}


// Layer Manipulation
	function LayerWrite (LayerName, LayerHTML) {if (DOM) {document.getElementById(LayerName).innerHTML = LayerHTML;} else if (NS4) {i = '<P CLASS="testclass">' + LayerHTML + '</P>'; document.layers[LayerName].document.open(); document.layers[LayerName].document.write(i); document.layers[LayerName].document.close();} else {document.all[LayerName].innerHTML = LayerHTML;}}
	function setleft(layer,x) {if (DOM) {document.getElementById(layer).style.left = x;} else if (NS4) {document.layers[layer].left = x;} else {document.all[layer].style.pixelLeft = x;}}
	function setwidth(layer,x) {if (DOM) {document.getElementById(layer).style.width = x;} else if (NS4) {document.layers[layer].width = x;} else {document.all[layer].style.width = x;}}
	function settop(layer,y) {if (DOM) {document.getElementById(layer).style.top = y;} else if (NS4) {document.layers[layer].top = y;} else {document.all[layer].style.pixelTop = y;}}
	function showtl(which) {settop('l'+which,53);}
	function hidetl(which) {settop('l'+which,-20);}
	function show(e){ //use if initial state is hide
		if(DOM) {element = document.getElementById(e).style;} else if (NS4) {element = document.layers[e];} else {element = document.all[e].style;}
		element.display == 'block' ? element.display = 'none' : element.display='block';
	}
	function hide(e){ //use if initial state is show
		if(DOM) {element = document.getElementById(e).style;} else if (NS4) {element = document.layers[e];} else {element = document.all[e].style;}
		element.display == 'none' ? element.display = 'block' : element.display='none';
	}
	function showonly(e){
		if(DOM) {element = document.getElementById(e).style;} else if (NS4) {element = document.layers[e];} else {element = document.all[e].style;}
		element.display='block';
	}
	function hideonly(e){
		if(DOM) {element = document.getElementById(e).style;} else if (NS4) {element = document.layers[e];} else {element = document.all[e].style;}
		element.display='none';
	}
	function fadein(e) {
		if(DOM) {element = document.getElementById(e).style;} else if (NS4) {element = document.layers[e];} else {element = document.all[e].style;}
		changeOpac(0, 'tooltip');
		for(i=20;i<=100;i=i+20){
			b = i*4;
			setTimeout("changeOpac(" + i + ", '" + e + "');", b);
		}
	}
	function changeOpac(opacity, e) {
		element.opacity = (opacity / 100);
		element.MozOpacity = (opacity / 100);
		element.KhtmlOpacity = (opacity / 100);
		element.filter = "alpha(opacity=" + opacity + ")";
	}
	function tooltip(what){ // locates tooltip layer to mouse and writes tooltip
		setleft('tooltip', mX+80);
		settop('tooltip', mY-15);
		LayerWrite('tooltip', '<div class="small" style="border: 1px solid #999; padding: 6px; background: #FFE; width: 130px;">' + what + '</div>')
		showonly('tooltip');
		fadein('tooltip');
	}
	
autoscroll = "";
ss = 1;
function scrollme(whichway) {
	if (whichway == "up") {window.frames.contentframe.scrollBy(0, 0-ss);} else {window.frames.contentframe.scrollBy(0, ss);}
	ss += 0.01;
	autoscroll = setTimeout("scrollme('"+whichway+"');", 12);
}

function endscroll() {
	if (autoscroll) {clearTimeout(autoscroll); ss = 1;}
}

function togglesubpage(e,state){
	if(DOM) {element = window.frames.contentframe.document.getElementById(e).style;} else if (NS4) {element = window.frames.contentframe.document.layers[e];} else {element = window.frames.contentframe.document.all[e].style;}
	if (state == "show") {element.display='block';} else {element.display='none';}
}
subpagecount = 1;
function subpage(whichway, numsubs) {
	if (whichway == "up") {
		if (subpagecount > 1) {togglesubpage('sub'+subpagecount,'hide'); subpagecount -= 1; togglesubpage('sub'+subpagecount,'show'); }
	} else {
		if (subpagecount < numsubs) {togglesubpage('sub'+subpagecount,'hide'); subpagecount += 1; togglesubpage('sub'+subpagecount,'show');}
	}
}

function ttt(whattitle) {
	if (whattitle == '') whattitle = '&nbsp;';
	LayerWrite('showtitle', whattitle);	
}

var currpos = 0;
var currwidth = 0;

function slide(whereto, finalwidth) {
	if (window.t1) t1.stop();
	if (window.t2) t2.stop();
	if (window.returntodefault) clearTimeout(returntodefault);
	t1 = new Tween(document.getElementById('navline').style,'left',Tween.regularEaseInOut,currpos,whereto,2,'px');
	t2 = new Tween(document.getElementById('navline').style,'width',Tween.regularEaseInOut,currwidth,finalwidth,2,'px');
	t1.start();
	t2.start();
	currpos = whereto;
	currwidth = finalwidth
}

function slideback(whereto, finalwidth) {
	returntodefault = setTimeout('slide('+whereto+','+finalwidth+');', 4000);
}

function slide2(whereto, finalwidth) {
	if (currwidth == 0) currpos = Math.round(whereto + (finalwidth/2));
	endwidth = finalwidth;
	if (window.slidenav) clearInterval(slidenav);
	if (window.returntodefault) clearTimeout(returntodefault);
	startpos = currpos;
	endpos = whereto;
	velocity = 3;
	defaultvel = 3;
	accel = Math.round(Math.abs((endpos-startpos)/4)); // acceleration zone
	accelcount = 0;
	slidenav = window.setInterval("slideme();", 60);
}

function slideme2() {
	if (startpos < endpos) {// slide right
		if (currpos - startpos < accel) {
			accelcount +=1; 
			if (accelcount<10) velocity +=1; //speed up
		} else {
			if (endpos - currpos < accel && accelcount > 0) velocity -=1; //slow down
			if (velocity < defaultvel) velocity = defaultvel;
		}
		currpos += velocity;
		if (currpos > endpos) currpos = endpos;
	} else { //slide left
		if (startpos - currpos < accel) {
			accelcount +=1; 
			if (accelcount<10) velocity +=1; //speed up
		} else {
			if (currpos - endpos < accel && accelcount > 0) velocity -=1; //slow down
			if (velocity < defaultvel) velocity = defaultvel;
		}
		currpos -= velocity;
		if (currpos < endpos) currpos = endpos;
	}
	currwidth += ((endwidth-currwidth)/(Math.abs(endpos-currpos))*(Math.abs(velocity)));
	if (Math.abs(currwidth) != Infinity && !isNaN(currwidth)) setwidth('navline',Math.round(currwidth)+'px');
	currpos = Math.round(currpos);
	if (currpos == endpos && slidenav) {
		clearInterval(slidenav);
		velocity = 3;
		currwidth = endwidth;
		setwidth('navline',Math.round(currwidth)+'px');
	}
	setleft('navline', currpos+'px');
}

function navbar(xpos, width) {
	setleft('navline', xpos+'px');
	setwidth('navline',width+'px');	
}

var scrollLeft=false;
var scrollRight=false;

function ScrollBy(dir){
	//alert ("This is a Javascript Alert");
	var xdiv = document.getElementById("xdiv");
	var left = xdiv.scrollLeft;
	if (dir =='left') {
		//alert ("Left");
		xdiv.scrollLeft = left - 5;
	} else {
		//alert ("Right");
		xdiv.scrollLeft = left + 5; 
	}
	
	if (scrollLeft) { setTimeout('ScrollBy("left");', 50); }
	if (scrollRight) { setTimeout('ScrollBy("right");', 50); }
}

function startScroll(dir) {
//	alert('ehh');
	if (dir =='left') {
	//	alert('left');
		scrollLeft = true;
		ScrollBy('left');
	}
	else if (dir =='right') {
	//	alert('right');
		scrollRight = true;
		ScrollBy('right');
	}
}

function stopScroll() {
	scrollLeft=false;
	scrollRight=false;
}