// RENDERFLASH OR DISPLAY ALT PICS
// -----------------------------------------------------------------------------
// Globals
// Major version of Flash required
var requiredMajorVersion = 8;
// Minor version of Flash required
var requiredMinorVersion = 0;
// Minor version of Flash required
var requiredRevision = 0;

var featureJpgSrc = "";
var adJpgSrc = "";

function checkFlash(swf, width, height, id) {
var hasReqestedVersion = DetectFlashVer(requiredMajorVersion, requiredMinorVersion, requiredRevision);
	if (!hasReqestedVersion) {
		if (id=='feature') {
			//writePngImage(featureJpgSrc, width, height, 'csnglobal, inc');
			document.writeln('<img src="' + featureJpgSrc + '" width="' + width + '" height="' + height + '" alt="csnglobal, inc" />')
		} else if (id=='csng_ads') {
			switch (adJpgSrc) {
				case "images/flash_alts/ad.png":
						document.writeln('<a href="web_services.aspx">');
										 //writePngImage(adJpgSrc, width, height, 'csnglobal, inc');
										 document.writeln('<img src="' + adJpgSrc + '" width="' + width + '" height="' + height + '" alt="csnglobal, inc" />')
						document.writeln('</a>');
					break;
				case "images/flash_alts/ad2.png":
						//writePngImageMap(adJpgSrc, width, height, 'csnglobal, inc', '#mapFeature');
						
						//function writePngImageMap(url, width, height, alt, map)
						document.write("<img usemap=\"#mapFeature\" alt=\"csnglobal, inc\" src=\"" + adJpgSrc + "\" style=\"width: " + width + "px; height: " + height + "px;\">");
					break;
				}
			}
		
	} else {
		renderFlash(swf, width, height, 'wmode="transparent"');
	}
}

var info = new BrowserInfo();
var isIE6 = (info.name == "MSIE" && info.version < 7);
var isIE = (window.navigator.userAgent.indexOf("MSIE") != -1);

if (info.name == "MSIE" && info.version < 7)
	document.writeln('<link href="stylesIE6.css" rel="stylesheet" type="text/css" />');
else
	document.writeln('<link href="stylesDynamic.css" rel="stylesheet" type="text/css" />');

if (isIE)
	document.writeln('<link href="stylesie.css" rel="stylesheet" type="text/css" />');

// WRITE PNG'S
var userAgent = window.navigator.userAgent
var isIE = (window.navigator.userAgent.indexOf("MSIE") != -1);
var isFirefox = (window.navigator.userAgent.indexOf("Firefox") != -1);
var isIE6 = (parseFloat(userAgent.substring(userAgent.indexOf("MSIE ") + 5)) <= 6);
var isSafari = (navigator.userAgent.indexOf("Safari") > 0);

function writePngImage(url, width, height, alt) {
	if (!isIE6)
		document.write("<img alt=\"" + alt + "\" src=\"" + url + "\" style=\"width: " + width + "px; height: " + height + "px;\">");
	else
		document.write("<img src=\"spacer.png\" style=\"width: " + width + "px; height: " + height + 
			"px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "', sizingMethod=scale);\">");
}

function writePngImageID(url, width, height, alt, id) {
	if (!isIE6)
		document.write("<img id=\"" + id + "\" alt=\"" + alt + "\" src=\"" + url + "\" style=\"width: " + width + "px; height: " + height + "px;\">");
	else
		document.write("<img id=\"" + id + "\" src=\"spacer.png\" style=\"width: " + width + "px; height: " + height + 
			"px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "', sizingMethod=scale);\">");
}

function writePngImageMap(url, width, height, alt, map) {
	if (!isIE6)
		document.write("<img usemap=\"" + map + "\" alt=\"" + alt + "\" src=\"" + url + "\" style=\"width: " + width + "px; height: " + height + "px;\">");
	else
		document.write("<img usemap=\"" + map + "\" src=\"spacer.png\" style=\"width: " + width + "px; height: " + height + 
			"px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "', sizingMethod=scale);\">");
}

function writePngClassLink(url, width, height, alt, className, href, id) {
	if (!isIE6)
		document.write("<a href=\"" + href + "\" id=\"" + id + "\"><img alt=\"" + alt + "\" class=\"" + className + "\" src=\"" + url + "\" style=\"width: " + width + "px; height: " + height + "px;\"></a>");
	else
		document.write("<a href=\"" + href + "\" id=\"" + id + "\"><img alt=\"" + alt + "\" class=\"" + className + "\"  src=\"spacer.png\" style=\"width: " + width + "px; height: " + height + 
			"px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "', sizingMethod=scale);\"></a>");
}

function writePngTextSize(url, id) {
	if (!isIE6)
		document.write("<img id=\"" + id + "\" src=\"" + url + "\" style=\"width: 14px; height: 13px;\">");
	else
		document.write("<img id=\"" + id + "\" src=\"spacer.png\" style=\"width: 14px; height: 13px; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "', sizingMethod=scale);\">");
}

function updatePngImage(id, url) {
    var img = document.getElementById(id);
    if (!isIE6)
        img.src = url;
    else
        img.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + url + "', sizingMethod=scale);";
}

// USE ALT STYLE SHEETS
function BrowserInfo() {
	var agent = window.navigator.userAgent;
	if (agent.indexOf("MSIE") != -1) {
			var start = agent.indexOf("MSIE");
			this.name = "MSIE";
			this.version = parseFloat(agent.substring(start + 5, agent.indexOf(";", start)));
	} else if (agent.indexOf("Firefox") != -1) {
			var start = agent.indexOf("Firefox");
			this.name = "Firefox";
			this.version = agent.substring(start + 8, agent.length);
			var firstDec = this.version.indexOf(".") + 1;
			while (this.version.indexOf(".", firstDec) != -1)
				this.version = this.version.substring(0, firstDec) + this.version.substring(firstDec).replace(".", "");
			this.version = parseFloat(this.version);
	} else {
			this.name = "Unknown";
			this.version = 0;
	}
}

var info = new BrowserInfo();
var isIE6 = (info.name == "MSIE" && info.version < 7);

// RENDERFLASH
function renderFlash(src, width, height, features) {
	document.writeln('<embed src="' + src + '" quality="high" width="' + width + 
					 '" height="' + height + '" align="middle" allowscriptaccess="sameDomain" ' +
					 'type="application/x-shockwave-flash" ' + features + 
  					 'pluginspage="http://www.macromedia.com/go/getflashplayer" />');
}


// SWAP IMAGE
function roll_over(img_name, img_src)
	{
		var isIE = (info.name == "MSIE" || info.name == "Unknown");
		var img = document.getElementById(img_name);
		if (isIE) {
			img.src = img_src;	
		} else {
			document[img_name].src = img_src;
		}
}

// TODAY IS ...
function writePageTime() {
	var days = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday");
	var months = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December");
	var now = new Date();
	
	document.write(days[now.getDay()] + ", " + months[now.getMonth()] + " " + now.getDate() + ", " + now.getFullYear());
}


// SWITCH CATEGORIES

/*
function showMSS() {
	hideCats();
	var cat = document.getElementById("cat-mss");
	
	cat.style.display = "block";
}

function showIVC() {
	hideCats();
	var cat = document.getElementById("cat-ivc");
	
	cat.style.display = "block";
}

function showIVM() {
	hideCats();
	var cat = document.getElementById("cat-ivm");
	
	cat.style.display = "block";
}

function showVMS() {
	hideCats();
	var cat = document.getElementById("cat-vms");
	
	cat.style.display = "block";
}


function hideCats() {
	document.getElementById("cat-mss").style.display = "none";
	document.getElementById("cat-ivc").style.display = "none";
	document.getElementById("cat-ivm").style.display = "none";
	document.getElementById("cat-vms").style.display = "none";
}
*/


function checkTab(tab) {
	var tab = document.location.hash;
	
	switch (tab) {
		case "#mss":
			fadeOne();
		    break;
		case "#ivc":
			fadeTwo();
		    break;
		case "#ivm":
			fadeThree();
		    break;
		case "#vms":
			fadeFour();
		    break;
		default:
		    fadeThree();
		    break;
	}
}

var delay = 50;
var increment = 5;

function fadeOne() {
	var fade1 = document.getElementById("fade1");
	var fade2 = document.getElementById("fade2");
	var fade3 = document.getElementById("fade3");
	var fade4 = document.getElementById("fade4");

	var fadeTxt = document.getElementById("fadeTxt1"); // has to be here for IE
	fadeTxt.style.width = '100%'; // has to be here for IE

	fade1.style.display = '';
	fade2.style.display= 'none';
	fade3.style.display= 'none';
	fade4.style.display= 'none';

	setOpacity("fadeTxt1", 0);
	fadeDiv("fade1", 0);
}

function fadeTwo() {
	var fade1 = document.getElementById("fade1");
	var fade2 = document.getElementById("fade2");
	var fade3 = document.getElementById("fade3");
	var fade4 = document.getElementById("fade4");

	var fadeTxt = document.getElementById("fadeTxt2"); // has to be here for IE
	fadeTxt.style.width = '100%'; // has to be here for IE

	fade1.style.display = 'none';
	fade2.style.display= '';
	fade3.style.display= 'none';
	fade4.style.display= 'none';

	setOpacity("fadeTxt2", 0);
	fadeDiv("fade2", 0);
}

function fadeThree() {
	var fade1 = document.getElementById("fade1");
	var fade2 = document.getElementById("fade2");
	var fade3 = document.getElementById("fade3");
	var fade4 = document.getElementById("fade4");

	var fadeTxt = document.getElementById("fadeTxt3"); // has to be here for IE
	fadeTxt.style.width = '100%'; // has to be here for IE

	fade1.style.display = 'none';
	fade2.style.display= 'none';
	fade3.style.display= '';
	fade4.style.display= 'none';

	setOpacity("fadeTxt3", 0);
	fadeDiv("fade3", 0);
}

function fadeFour() {
	var fade1 = document.getElementById("fade1");
	var fade2 = document.getElementById("fade2");
	var fade3 = document.getElementById("fade3");
	var fade4 = document.getElementById("fade4");

	var fadeTxt = document.getElementById("fadeTxt4"); // has to be here for IE
	fadeTxt.style.width = '100%'; // has to be here for IE

	fade1.style.display = 'none';
	fade2.style.display= 'none';
	fade3.style.display= 'none';
	fade4.style.display= '';

	setOpacity("fadeTxt4", 0);
	fadeDiv("fade4", 0);
}

function fadeInDiv(div) {
	document.getElementById(div).style.display='';
	setOpacity(div, 0);
	fadeDiv(div,0);
}

function fadeDiv(div,opacity) {
	if (opacity < 100) {
		opacity += increment;
		switch (div) {
			case "fade1":
				setOpacity("fadeTxt1", opacity);
				setTimeout("fadeDiv('fade1'," + opacity + ");", delay);
				break;
			case "fade2":
				setOpacity("fadeTxt2", opacity);
				setTimeout("fadeDiv('fade2'," + opacity + ");", delay);
				break;
			case "fade3":
				setOpacity("fadeTxt3", opacity);
				setTimeout("fadeDiv('fade3'," + opacity + ");", delay);
				break;
			case "fade4":
				setOpacity("fadeTxt4", opacity);
				setTimeout("fadeDiv('fade4'," + opacity + ");", delay);
				break;
			default:	
				setOpacity(div, opacity);
				setTimeout("fadeDiv('" + div + "'," + opacity + ");", delay);
				break;
		}
	}
}

function setOpacity(div_name, opacity) {
	var div = document.getElementById(div_name);
	div.style.filter = "alpha(opacity=" + opacity + ")";
	div.style.MozOpacity = opacity/100;
	div.style.opacity = opacity/100;
}


// Clear Text field
function clearTxtField(box, txt) {
    txtbox = document.getElementById(box);
    
    if (txtbox.value == txt) {
        txtbox.value = "";
    }
}

function resetTxtField(id, defaultText) {
    var txtField = document.getElementById(id);
    
    if (txtField.value == "")
        txtField.value = defaultText;
}

// Show Login Panel
function showLoginPanel() {
    
    toggleElement("login", 5);
}

function toggleElement(id, steps) {
	var html = document.getElementById(id);
	if (html.style.display != "none") {
		html.style.height = html.offsetHeight + "px";
		html.style.overflow = "hidden";
		animStep(id, false, html.offsetHeight, steps);
	} else {
		html.style.display = "";
		html.style.overflow = "";
		html.style.height = "";
		var h = html.offsetHeight;
		html.style.overflow = "hidden";
		html.style.height = "0px";
		animStep(id, true, h, steps);
	}
	
	return false;
}

function animStep(id, expanding, height, steps) {
	var html = document.getElementById(id);
	var newHeight = parseInt(html.style.height);
	speed = height / steps;
	if (expanding) {
		newHeight += speed;
		
		if (newHeight >= height) {
			html.style.height = height + "px";
			html.style.overflow = "";
			return;
		}
	} else {
		newHeight -= speed;
		if (newHeight <= 0) {
			html.style.height = "0px";
			html.style.display = "none";
			return;
		}
	}
	
	html.style.height = newHeight + "px";
	setTimeout("animStep('" + id + "', " + expanding + ", " + height + "," + steps + ");", 10);
}

function submitForm(id) {
	document.getElementById(id).submit();
	return false;
}