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


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

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

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

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

// 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";
}

// 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;
var div = '';
// these functions move the contents of a div
function moveH (distance,theDiv) {
	div = theDiv;
	xTarget = xTarget + distance;
	moveHorizontal();
}
function goToH(target,theDiv) {
	div = theDiv;
	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;
var req2;

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 = '<br /><br /><img src="/cms/images/main/spinner.gif" alt="loading..." />';
	}
	// branch for native XMLHttpRequest object
    if (window.XMLHttpRequest) {
        req = new XMLHttpRequest();
        req.open("POST", "/cms/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", "/cms/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;
			new Effect.Appear( document.getElementById(theID));
			if (theID == 'adminWrapper')
				widgInit();
		} 
		if (req.status != 200) {
			// explain the problem (we need error checking here)
			alert("Ajax Javascript Request Error\n" + req.statusText);
		}
	}
}

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