// Open links in external window for XHTML 1.0 Strict compliancy
// To make a link open in external window add the "rel" attribute to the <a> tag
// and set its value to "external" example:
//     <a href="http://www.google.com" rel="external">Google</a>
function externalLinks() {
	if (!document.getElementsByTagName) return;
	var anchors = document.getElementsByTagName("a");
	var areas = document.getElementsByTagName("area");
	var forms = document.getElementsByTagName("form");
	for (var i=0; i<anchors.length; i++) {
		var anchor = anchors[i];
		if (anchor.getAttribute("href") &&
		anchor.getAttribute("rel") == "external")
		anchor.target = "_blank";
	}
	for (var x=0; x<areas.length; x++) {
		var area = areas[x];
		if (area.getAttribute("href") &&
		area.getAttribute("rel") == "external")
		area.target = "_blank";
	}
	for (var y=0; y<forms.length; y++) {
		var form = forms[y];
		if (form.getAttribute("rel") == "external")
		form.target = "_blank";
	}
}



// Image rollover - for use please make sure image names follow the following name scheme:
// Idle Image:  image_i.gif
// Hover Image: image_d.gif
// File extension and anything before the _i. does not matter so long as it is consistent between
// the two states (e.g. "image_i.gif" and "hoverimage_o.gif" does not work)
// Usage:
// <img src="image_i.gif" alt="" onmouseover="rollOver(this)" onmouseout="rollOut(this)" />
var oldImage = "";
function rollOver(oImg) {
	oldImage = oImg.src.replace("_o.","_i.");
	var newImage = oldImage.replace("_i.","_d.");
	oImg.src = newImage;
}
function rollOut(oImg) {
	oImg.src = oldImage;
}
function clickDown(oImg) {
	oldImage = oImg.src.replace("_o.","_i.");
	var newImage = oldImage.replace("_i.","_d.");
	oImg.src = newImage;
}
function clickUp(oImg) {
	oImg.src = oldImage;
}




function tabBoxes() {
	if (!document.getElementsByTagName) return;
	if(document.getElementById("dtTabs")) {
		var tabBoxs = document.getElementById("dtTabs");
		var anchors = tabBoxs.getElementsByTagName("a");
		for (var i=0; i<anchors.length; i++) {
			var thisAnchor = anchors[i];
			if (thisAnchor.getAttribute("rel") == "tabBox") {
				// IE kills the CSS roll overs if the href attribute is removed so
				// we are forced to use the javascript call in the href as an http call -
				// which is annoying because of the stupid click noise IE makes from
				// using this method.
				/*
				if(!document.all) {
					thisAnchor.removeAttribute("href");
					thisAnchor.onclick = function() {
						toggleInfo(this.id);
					}
				} else {
					thisAnchor.href = "javascript:toggleInfo('"+thisAnchor.id+"');";
				}*/
				thisAnchor.setAttribute("onfocus","this.blur();");
				var closeLink = document.createElement("a");
					thisAnchor.parentNode.parentNode.getElementsByTagName("div")[0].appendChild(closeLink);
					closeLink.setAttribute("onfocur","this.blur();");
					closeLink.className = "closeLink";
					closeLink.setAttribute("class","closeLink");
					closeLink.onclick = function() {
						new Fx.Style(this.parentNode,'opacity',{duration:300}).start(1,0);
					}
			}
		}

		var bGo = function() {
			new Fx.Style('infoStrategize','opacity',{duration:750,onComplete:function(){
							new Fx.Style('infoDevelop','opacity',{duration:750,onComplete:function(){
										new Fx.Style('infoMarket','opacity',{duration:750}).custom(0,1);
										}}).custom(0,1);
							}}).custom(0,1);
			clearInterval(bInt);
		}
		var bInt = setInterval(bGo,1000);
	}
}

// window.onDomReady = tabBoxes();




function toggleInfo(elem) {
	var infoName = elem.replace("dt","info");
	new Fx.Opacity(infoName,{duration:300}).toggle();
}

function toggleProposal() {
	new Fx.Height(document.getElementById('proposalList'),{duration:300}).toggle();
}



// Image rollover - for use please make sure image names follow the following name scheme:
// Idle Image:  image_i.gif
// Hover Image: image_o.gif
// File extension and anything before the _i. does not matter so long as it is consistent between
// the two states (e.g. "image_i.gif" and "hoverimage_o.gif" does not work)
//
// Usage: Assign the class "rollOver" to any image or input field.
// <img src="image_i.gif" alt="" class="rollOver" />

function rollAssign() {
	// Grab elements to parse
	var images = document.getElementsByTagName("img");
	var inputs = document.getElementsByTagName("input");

	var validInputs = new Array();
	var zI = 0;
	for(z=0;z<inputs.length;z++) {
		if(inputs[z].type == "image") {
			validInputs[zI] = inputs[z];
			zI++;
		}
	}

	var elements = new Array();
	for(z=0;z<images.length;z++) {
		elements[z] = images[z];
	}
	for(z=0;z<validInputs.length;z++) {
		elements[z] = validInputs[z];
	}

	for(z=0;z<elements.length;z++) {
		if(elements[z].className.indexOf("rollOver") != -1) {
			elements[z].onmouseover = function() {
				this.src = this.src.replace("_i.","_o.");
			}
			elements[z].onmouseout = function() {
				this.src = this.src.replace("_o.","_i.");
			}
		}
	}
}




// Startup on-load appender
function startup() {
	//List functions to be run on startup here:
	externalLinks();
	tabBoxes();
	try { initPullTheTrigger(); } catch(e) { }
	rollAssign();
}

var oldonload = window.onload;

if (typeof window.onload != 'function') {
	window.onload = startup;
} else {
	window.onload = function() {
		oldonload();
		startup();
	}
}



// Show/Hide Element detail
function showtwo(theid,moveMe) {
	var sContent = document.getElementById(theid);
	var sLink = document.getElementById("more" + theid);

	if(moveMe && moveMe == true) {
		var sideNav = document.getElementById("sideNavNews");

		sideNav.style.position = "fixed";
		sideNav.style.top = "30px";
	}

	if (sContent.style.display == 'none') {
		new Effect.toggle(sContent,'blind',{duration:0.3});
        sLink.firstChild.src = "images/bullet_minus.gif";
	} else {
		new Effect.toggle(sContent,'blind',{duration:0.3});
        sLink.firstChild.src = "images/bullet_plus.gif";
	}
}



// Replace input field with default value on blur if nothing was entered
// Usage: <input type="text" value="Default Value" onfocus="clearField(this,'off')" onblur="clearField(this,'on')" />
function clearField(thefield,onOff) {
	if(onOff == 'off') {
		if (thefield.defaultValue==thefield.value) {
			thefield.value = "";
			thefield.style.color = '#000000';
		}
	} else {
		if (thefield.value=="") {
			thefield.value = thefield.defaultValue;
			thefield.style.color = '#AAAAAA';
		}
	}
}


function scrollToId(elem) {
	new Fx.Scroll(window).toElement(elem);
}



// RFP Quote Validator
function validateTextField(element){
	if(document.getElementById(element).value=="") {
		alert('Please fill up all required fields');
		document.getElementById(element).focus();
		return false;
	} else {
		return true;
	}
}

function valedateSelectList(element){
	if(document.getElementById(element).selectedIndex==0) {
		document.getElementById(element).focus();
		return false;
	} else {
		return true;
	}
}

function addURL() {
	var urlProtoType = $('#url_00').parent();
	var urlClone = urlProtoType.clone();

	var lastUrlRow = urlProtoType.parent().children(':last-child').prev();
	var lastUrlID = lastUrlRow.children()[1].id.substr(4);

	var numStr = parseFloat(lastUrlID);

	if(numStr < 10) {
		var newUrlRowID = 'url_0'+(numStr+1);
	} else {
		var newUrlRowID = 'url_'+(numStr+1);
	}

	$('#btn_addURL').parent().before(urlClone);
	urlClone.find('label').attr('for',newUrlRowID);
	urlClone.children()[1].id = newUrlRowID;
	urlClone.children()[1].name = newUrlRowID;
	urlClone.children()[1].value = '';
	var temp1 = parseFloat($('#url_count').val());
	temp1++;

	$('#url_count').val(temp1);
}

function removeURL(elem) {
	if(!$(elem).parent().find('input').is('input#url_00')) {
		$(elem).parent().remove();
		var temp1 = parseFloat($('#url_count').val());
		temp1--;
		$('#url_count').val(temp1);
	}
}

var adjustOpen = 0;
function adjustForm(elem) {
	var careers = $(elem);
	var codeAdditions = $('#additional_programming');


	switch(careers.val()) {
		case "Web Developer":
		case "User Interface Developer":
		// case "Support Specialist Assistant":
			if(adjustOpen == 0) {
			  $('#url_count').val(parseFloat($('#url_count').val()+1));
			  codeAdditions.css({display:'block'});
			  adjustOpen = 1;
			}
		break;
		default:
			if(adjustOpen == 1) {
			  codeAdditions.css({display:'none'});
			  adjustOpen = 0;
			}
		break;
	}
}



function collapse(elem) {
	var collapser = $(elem);

	if(collapser.getStyle('height').toInt() == 0) {
		collapser.effect('height',{
						 duration: 500,
						 onComplete: function() {
							 collapser.setStyle('backgroundImage', 'url("images/arrow_down.gif")');
						 }
						 }).start(0,collapser.getSize()['scrollSize']['y']);
	} else {
		collapser.effect('height',{
						 duration: 500,
						 onComplete: function() {
							 collapser.setStyle('backgroundImage', 'url("images/arrow_right.gif")');
						 }
						 }).start(collapser.getSize()['scrollSize']['y'],0);
	}
}



function cyleProjects() {
	var logo = $('project_logo');
	var counter = 0;

	var swap = function() {
		counter++;
		// alert(counter);
		if(counter >= (projectImages.length)) {
			counter = 0;
		}
		new Fx.Style(logo,
			'opacity',
			{
				duration: 500,
				onComplete: function() {
					logo.setProperties({
						src: projectImages[counter],
						alt: projectTitles[counter]
					});
					new Fx.Style(logo,'opacity',{duration:500}).start(0,1);
				}
			}
		).start(1,0);
	}
	var myInt = setInterval(swap,5000);
}