////////////////////////////////////////////////////////////////////////////
// Wang.Media Javascript Calls
////////////////////////////////////////////////////////////////////////////


// include other JS...
document.write('<script src="/assets/javascript/curvycorners.js"><\/script>');
document.write('<script src="/assets/javascript/scriptaculous/prototype.js"><\/script>');
document.write('<script src="/assets/javascript/scriptaculous/scriptaculous.js"><\/script>');

// call a global variable  (rather than sending it out and parsing it back in)
var theID = '';
var tArray = new Array();

// insert at cursor
function insertAtCursor(myField, myValue) {
  //IE support
  if (document.selection) {
    myField.focus();
    sel = document.selection.createRange();
    sel.text = myValue;
  }
  //MOZILLA/NETSCAPE support
  else if (myField.selectionStart || myField.selectionStart == '0') {
    var startPos = myField.selectionStart;
    var endPos = myField.selectionEnd;
    myField.value = myField.value.substring(0, startPos)
                  + myValue 
                  + myField.value.substring(endPos, myField.value.length);
  } else {
    myField.value += myValue;
  }
}

// insert a link for an element
function el() {
	var title=prompt('Enter link title (e.g. The Link):','');var link=prompt('Enter link location (e.g. http://www.gravitybear.com):','http://');var str='<a href="'+link+'">'+title+'</a>';insertAtCursor(document.getElementById('ef'),str);
}

function updateStyle(tag,cls) {
	seltext = (document.all)? document.selection.createRange() : document.getSelection();
	if (seltext == "")
		seltext == "Lorem ipsum dolor sit amet, consectetuer adipiscing elit.";
	replacetext = '<'+tag;
	if (cls !="")
		replacetext += ' class="'+cls+'"';
	replacetext += '>'+seltext+'</'+tag+'>';
	document.execCommand('insertHTML', false,replacetext);
}

// this function toggles between two visible divs
function toggleLayer(whichLayerShow, whichLayerHide)
{
	document.getElementById(whichLayerHide).style.display = "none";
	document.getElementById(whichLayerShow).style.display = "";
}

// this function shows a div
function showLayer(whichLayer)
{
	//$(document.getElementById(whichLayer)).fadeIn("slow");
	//document.getElementById(whichLayer).style.display = "block";
 new Effect.Appear( document.getElementById(whichLayer));
}


// this function allows the visible toggle for just one div
function showHideLayer(whichLayer)
{
	theLayer = document.getElementById(whichLayer);
	theLayer.style.display = (theLayer.style.display != "none") ? "none" : "";
}

// this function hides one div
function hideLayer(whichLayer)
{
	document.getElementById(whichLayer).style.display = "none";
	//new Effect.Fade( document.getElementById(whichLayer));
}

// this function hides many div
function hideLayers(whichLayers)
{
	var layersArray = whichLayers.split("::");
	for (var i = 0; i < layersArray.length; i++) {
		document.getElementById(layersArray[i]).style.display = "none";		
	}
}

function minAdmin() {
	document.getElementById('chooser').style.display= "none";
	document.getElementById('bannerSpacer').style.height="20px";
	document.getElementById('bannerSpacer').style.top="-50px";
	document.getElementById('bannerBGMiddle').style.marginTop="50px";
	document.getElementById('bannerBG').style.top="-50px";
}
function maxAdmin() {
	document.getElementById('chooser').style.display= "";
	document.getElementById('bannerSpacer').style.height="256px";
	document.getElementById('bannerSpacer').style.top="-300px";
	document.getElementById('bannerBGMiddle').style.marginTop="300px";
	document.getElementById('bannerBG').style.top="-300px";
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////
// Elements Functions
/////////////////////////////////////////////////////////////////////////////////////////////////////////

// close popup div... 
function cancel() {
	hideLayer('popup');
	hideLayer('screen');
}

// relign the height of the popup... 
function alignPopup(div) {
	var top = findPosY(div);
	if (top < 80)
		top = 80;	
	else
		top = (top - 120)
	document.getElementById('popup').style.top = top+'px';
}

// find position of an object
function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }
 
// browser check
if (navigator.appName.indexOf("Microsoft")!=-1&&parseInt(navigator.appVersion)>=4) {
	var ie = 1;
}
else {
	var ie = null;
}
if (navigator.userAgent.indexOf("Safari")!=-1) {
	var safari = 1;
}
else {
	var safari = null;
}

/////////////////////////////////////////////////////////////////////////////////////////////////////////
//  Scrolling Functions
/////////////////////////////////////////////////////////////////////////////////////////////////////////
// these variables control the movement
xTarget = 0;
x = 0;
yTarget = 0;
y = 0;
t = 0;
c = 1;
var stop = 0;
var div = '';
// these functions move the contents of a div
function startScroll(total) {
	t = (total + 1) * -563;
	scrollerTimer = window.setTimeout("scroller();",4000);	
	div = "stage";
}

function scroller() {
	if (stop == 0) {
		scrollerTimer = window.setTimeout("scroller();",6000);
		moveH(-563,div);
	}
	else 
		clearTimeout(scrollerTimer);
}
function moveH (distance,theDiv) {
	div = theDiv;
	xTarget = xTarget + distance;
	if (xTarget == t) {
		document.getElementById(div).style.left = "0px";
		x = 0;
		xTarget = -563;
	}
	if (xTarget > 0) {
		document.getElementById(div).style.left = (t+563)  + "px";
		x = (t+563);
		xTarget = t + (563 * 2);	
	}	
	document.getElementById('c' + c).className='i';
	c = ((xTarget - 563) / -563);
	if (c == 0)
		c = 1;
	if (c >= (t / -563))
		c = 1;		
	document.getElementById('c'+c).className='iSelected';
	moveHorizontal();
}
function goToH(target,theDiv) {
	stop = 1;
	div = theDiv;
	document.getElementById('c'+c).className='i';
	c = ((target - 563) / -563);
	document.getElementById('c'+c).className='iSelected';
	xTarget = target;
	moveHorizontal();
}
function moveHorizontal() {
	var xDiff = xTarget - x;
	x += xDiff/4;
	document.getElementById(div).style.left = x + "px";
	if (Math.round(xDiff) == 0) {
		window.clearTimeout(move_timeout);
		move_timeout = null;
	} else {
		move_timeout = window.setTimeout("moveHorizontal();",25);
	}
}
function focusY(focusElement,theDiv) {
	target = document.getElementById(focusElement).offsetTop * -1;
//	if (ie) {
//		y = Math.round(y);
//		target = y + target;
//	}
	moveY(target,theDiv);
}
function moveY(target,theDiv) {
	div = theDiv;
	yTarget = target;
	moveVertical();
}
function yScroll(velocity, theDiv) {
	if (y < 0 || velocity < 0) {
		div = theDiv;
		yTarget = (y + velocity);
		moveVertical();
	}
}
function initiateMouseScrollY(theDiv,divToScroll) {
	div = divToScroll;
	if (theDiv.addEventListener && !safari)
     theDiv.addEventListener('DOMMouseScroll', scrollWheelMoveV, false);
	else
		theDiv.onmousewheel = document.onmousewheel = scrollWheelMoveV;
}
function removeMouseScrollY(theDiv,divToScroll) {
	if (theDiv.addEventListener && !safari)
     theDiv.removeEventListener('DOMMouseScroll', scrollWheelMoveV, false);
	else
		theDiv.onmousewheel = document.onmousewheel = null;
}
function scrollWheelMoveV(e) {
	if (window.event || window.Event) {
		if (!e) e = window.event;
		if (e.wheelDelta <= 0 || e.detail > 0 ) 
			velocity = -100;
		else 
			velocity = 100;
		if (y < 0 || velocity < 0) {
			yTarget = (y + velocity);
			moveVertical();
		}
	}
}
function moveVertical() {
	var yDiff = yTarget - y;
	y += yDiff/4;
	if (y > 0) {
		y = 0;
		yTarget = 0;
	}
	document.getElementById(div).style.top = y + "px";
	if (Math.round(yDiff) == 0) {
		window.clearTimeout(move_timeout);
		move_timeout = null;
	} else {
		move_timeout = window.setTimeout("moveVertical();",25);
	}
}

// these are generic AJAX functions
var req;

function aj(data,div) 
{
	// hope to deprecate this soon... here, we assign a universal
	// variable  for the div id
	theID = div;
	if (div !='') {
		document.getElementById(theID).innerHTML = '<img src="/images/spinner.gif" alt="loading..." />';
		showLayer(theID);
	}
	// branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.open("POST", "/assets/ajax/ajax.php", true);
				req.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
        req.send(data);
        req.onreadystatechange = processReqChange;
    // branch for IE/Windows ActiveX version
    } else if (window.ActiveXObject) {
        req = new ActiveXObject("Microsoft.XMLHTTP");
        if (req) {
            req.onreadystatechange = processReqChange;
            req.open("POST", "/assets/ajax/ajax.php", true);
						req.setRequestHeader('Content-Type',
'application/x-www-form-urlencoded');
            req.send(data);
        }
    }
}
function processReqChange() 
{
	// only if req shows "complete"
	if (req.readyState == 4) {
		// only if "OK"
		if (req.status == 200 && theID !='') {
			// set the id's HTML to the result
			document.getElementById(theID).innerHTML = req.responseText;
			//showLayer(theID);
		} 
		if (req.status != 200) {
			// explain the problem (we need error checking here)
			//alert("Ajax Javascript Request Error\n" + req.statusText);
		}
	}
}