// JavaScript Document
/**********************************XMLHttpRequest Routines*************************************/
var XMLHttp;
function sendRequest(url, results){
	XMLHttp = getXMLHttp();
	XMLHttp.open("POST",url);
	XMLHttp.onreadystatechange=handlerFunk;
	XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	XMLHttp.send(results);
}
function handlerFunk(){
	if(XMLHttp.readyState == 4){
		var xml = XMLHttp.responseXML;
		var text = XMLHttp.responseText;
		location.href = 'vote.php';
	}
}
function sendRequestXML(url, results){
	XMLHttp = getXMLHttp();
	XMLHttp.open("POST",url);
	XMLHttp.onreadystatechange=handlerFunkXML;
	XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	XMLHttp.send(results);
}
function handlerFunkXML(){
	if(XMLHttp.readyState == 4){
		var xml = XMLHttp.responseXML;
		var text = XMLHttp.responseText;
		nextStepXML(xml);	
	}
}
function sendRequestTally(url, results){
	XMLHttp = getXMLHttp();
	XMLHttp.open("POST",url);
	XMLHttp.onreadystatechange=handlerFunkTally;
	XMLHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
	XMLHttp.send(results);
}
function handlerFunkTally(){
	if(XMLHttp.readyState == 4){
		var xml = XMLHttp.responseXML;
		var text = XMLHttp.responseText;
	}
}
function getXMLHttp() {
  var XMLHttp = null;
  if (window.XMLHttpRequest) {
    try {
      XMLHttp = new XMLHttpRequest();
    } catch (e) { }
  } else if (window.ActiveXObject) {
    try {
      XMLHttp = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
      try {
        XMLHttp = new ActiveXObject("Microsoft.XMLHTTP");
      } catch (e) { }
    }
  }
  return XMLHttp;
}
/***********************************************************************/
function checkForm(){
	var results = "";
	var elementArray = [];
	elementArray[0] = document.getElementsByName("microtrend")[0];
	elementArray[1] = document.getElementsByName("support")[0];
	elementArray[2] = document.getElementsByName("name")[0];
	elementArray[3] = document.getElementsByName("email")[0];
	elementArray[4] = document.getElementsByName("city")[0];
	elementArray[5] = document.getElementsByName("state")[0];
	elementArray[6] = document.getElementsByName("microtrend_name")[0];
	elementArray[7] = document.getElementsByName("terms")[0];
	
	var continueSend = true;
	update(elementArray);
	for(var i = 0; i < elementArray.length; i++){
		if(elementArray[i].value == '' || elementArray[i].value == -1 || i == 7){
			if(!(elementArray[7].checked) && i == 7) {
				writeError("<p>You must accept the Terms and Conditions</p>", elementArray[7]);
				continueSend = false;
			}else if(i!=7){
				writeError("This field is required", elementArray[i]);
				continueSend = false;
			}
		}else{
			if(i == 1 && elementArray[1].value.split(/.[\s]+/).length > 150){
				writeError("You have exceeded 150 words", elementArray[1]);
				continueSend = false;
			}
			if(i == 0 && elementArray[0].value.split(/.[\s]+/).length > 150){
				writeError("You have exceeded 150 words", elementArray[0]);
				continueSend = false;
			}
		}
	}

	if(continueSend){
		document.contestForm.submit();
		//results += 'whatTypeOfCall=enterTrend&';	
		//sendRequest("enterMicrotrend.php", results);
	}
}
function checkForm_newsletter(){
	var results = "";
	var elementArray = [];
	elementArray[0] = document.getElementsByName("newsletter_name")[0];
	elementArray[1] = document.getElementsByName("newsletter_email")[0];
	
	var continueSend = true;
	update(elementArray);
	for(var i = 0; i < elementArray.length; i++){
		if(elementArray[i].value == '' || elementArray[i].value == -1 || i == 7){
			if(i!=7){
				writeError("This field is required", elementArray[i]);
				continueSend = false;
			}
		}else{
			if(i == 1 && elementArray[1].value.split(/.[\s]+/).length > 100){
				writeError("You have exceeded 100 words", elementArray[1]);
				continueSend = false;
			}
			if(i == 0 && elementArray[0].value.split(/.[\s]+/).length > 100){
				writeError("You have exceeded 100 words", elementArray[0]);
				continueSend = false;
			}
		}
	}

	if(continueSend){
		document.NLForm.submit();
		//results += 'whatTypeOfCall=enterTrend&';	
		//sendRequest("enterMicrotrend.php", results);
	}
}
function update(elementArray){
	for(var i =0; i < elementArray.length; i++){		
		if(elementArray[i].parentNode.lastChild.id == "securityRed" )
			elementArray[i].parentNode.removeChild(elementArray[i].parentNode.lastChild);
	}
}
function writeError(txt,element){
	var w = document.createElement("div");
	w.setAttribute("id", "securityRed");
	w.style.color = "red";
	w.style.marginBottom = 10 + "px";
	w.style.fontSize = 11 + "px";
	element.parentNode.appendChild(w).innerHTML = txt;
}
function nextStep(){
	location.href = 'vote.php';
}
function errorToPage(text){
	document.getElementById('contentReplaceArea').innerHTML = "<div class='red'>" + text + '<p>Please refresh the page and try again.</p>'+ "</div>";
}
function starFill(element){
	var starArray = element.parentNode.parentNode.getElementsByTagName('img');
	for(var i = 0; i < starArray.length; i++){
		starArray[i].style.left = 0 + "px";
	}
	starArray = element.parentNode.parentNode.getElementsByTagName('img');
	for(var i = 0; i < starArray.length; i++){
		starArray[i].style.left = -15 + "px";
		if(element == starArray[i]) return;
	}
}
function emptyAll(element){
	var starArray = element.parentNode.parentNode.getElementsByTagName('img');
	for(var i = 0; i < starArray.length; i++){
		starArray[i].style.left = 0 + "px";
	}
}
var timeout	= 100;
var closetimer	= 0;
var subnav	= 0;

// open hidden layer
function mopen(element){
	mcancelclosetime();
	mclose();
	starFill(element);
	subnav = element;
}
// close showed layer
function mclose(){
	if(subnav){
		emptyAll(subnav);
		prevObject = null;
	}
}
// go close timer
function mclosetime(){
	closetimer = window.setTimeout(mclose, timeout);
}
// cancel close timer
function mcancelclosetime(){
	if(closetimer){
		window.clearTimeout(closetimer);
		closetimer = null;
	}
}
function totalShutdown(element){
	mcancelclosetime();
	subnav = 0;
	var score = 0;
	var whichCata = '';
	var results = "";
	var uniqueID = element.parentNode.className;
	var starArray = element.parentNode.parentNode.getElementsByTagName('img');
	for(var i = 0; i < starArray.length; i++){
		starArray[i].onmouseover = doNothing;
		starArray[i].onmouseout = doNothing;
		starArray[i].onclick = doNothing;
		if(element == starArray[i]){
			score = i + 1;
			whichCata = element.parentNode.parentNode.className;
		}
	}
	results += 'whatTypeOfCall=tally&';
	results += 'id='+ uniqueID + '&';
	results += 'score=' + score + '&';
	results += 'cata=' + whichCata + '&';
	sendRequestTally("enterMicrotrend.php", results);
	var check = element.parentNode.parentNode.childNodes;
	for(var i = 0; i < check.length; i++){
		if(check[i].className == 'check'){
			check[i].style.display = "inline";
			return;
		}
	}
}
function doNothing(){}
function popUp(url){
	window.open( url, "Experience", "height = 470, width = 600, resizable = 0" );
}
function popUp2(url){
	window.open( url, "Experience", "height = 200, width = 600, resizable = 0" );
}
function popUp3(url){
	window.open( url, "Experience", "height = 1000, width = 600, resizable = 1" );
}
//no longer in use
function rollOver(object){
	var imageName = object.src.split('.jpg');
	var imageOn = imageName[0] + "_on.jpg";
	object.src = imageOn;
}
function rollOut(object){
	var imageName = object.src.split('_on');
	var image = imageName[0] + ".jpg";
	object.src = image;
}
function writetoScreen(){
	var aVoteItem = "";
	for(var i= 0; i < listItemArray.length; i++){
		var obj = listItemArray[i];
		
	
	aVoteItem += 
	"<div id=\""+ obj.id +"\" class=\"voteItem\">\n" +
		"<div class=\"colLeft\">\n" +
			"<img width=\"132\" class=\"trendspotter\" src=\""+ obj.photoname +"\" />\n" +
		"</div>\n" +
		"<div class=\"colRight\">\n" +
			obj.name +"<br/>"+ obj.city +", "+ obj.state +"<br/>\n" +
			"<div class=\"votecontent\"><div class=\"mtitle\">\n" +
			obj.microtrendname.replace(/\\/g, '') + "</div><p>" + obj.microtrend.replace(/\\/g, '') + "</p>\n" + 
			"<p><strong>Supporting Data:</strong> " +  obj.support.replace(/\\/g, '') + "</p>\n" + 
			"<p>Please evaluate this trend for these criteria:</p>\n" +
			"</div>\n" +
	 		"<div class=\"stars\">\n" +
			"<table cellpadding=\"0\" cellspacing=\"0\" border=\"0\" width=\"90%\">\n" +
				"<tr>\n" +
					"<td width=\"100\" valign=\"center\">Convincing</td>\n" +
					"<td class=\"Convincing\">\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						
						"<div class=\"check\"></div>\n" +
					"</td>\n" +
				"</tr>\n" +
				"<tr><td valign=\"center\">Interesting</td>\n" +
					"<td class=\"Interesting\">\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\"check\"></div>\n" +
					"</td>\n" +
				"</tr>\n" +
				"<tr><td valign=\"center\">Significant</td>\n" +
					"<td class=\"Significant\">\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\""+ obj.id +"\"><img src=\"images/microtrends/allStar.jpg\" onclick=\"totalShutdown(this)\" onmouseover=\"javascript:mopen(this)\" onmouseout=\"javascript:mclosetime()\"/></div>\n" +
						"<div class=\"check\"></div>\n" +
					"</td>\n" +
				"</tr>\n" +
			"</table>\n" +
			"</div>\n" +
		"</div>\n" +
		"<div class=\"clr\"></div>\n" +
	"</div>	\n";
	
	}
	document.getElementById('voteOnThis').innerHTML = aVoteItem;
}


var listItemArray;
function nextStepXML(xml){
	listItemArray = new Array();
	var xmlArray = xml.getElementsByTagName("listItem");
	for(var i = 0; i < xmlArray.length; i++){
		var listItemObject = new Object();
		parseXML(xmlArray[i].firstChild, listItemObject);
		listItemArray[i] = listItemObject;
	}
	writetoScreen();
}
function parseXML(object, listItemObject){
	if(object != null){
		switch(object.nodeName){
			case "id":
				listItemObject.id = object.firstChild.nodeValue.replace(/"/, "&quot;");
				break;
			case "name":
				listItemObject.name = object.firstChild.nodeValue.replace(/"/, "&quot;");
				break;
			case "city":
				listItemObject.city = object.firstChild.nodeValue.replace(/"/, "&quot;");
				break;
			case "state":
				listItemObject.state = object.firstChild.nodeValue.replace(/"/, "&quot;");
				break;
			case "microtrend":
				listItemObject.microtrend = object.firstChild.nodeValue.replace(/"/, "&quot;");
				break;
			case "photoname":
				listItemObject.photoname = object.firstChild.nodeValue.replace(/"/, "&quot;");
				break;
			case "microtrendname":
				listItemObject.microtrendname = object.firstChild.nodeValue.replace(/"/, "&quot;");
				break;	
			case "support":
				listItemObject.support = object.firstChild.nodeValue.replace(/"/, "&quot;");
				break;	
			default:
				break;
		}
		parseXML(object.nextSibling, listItemObject);
	}
}
function callApprove(){
	var locString = location.search.toString();
	if(locString.indexOf('approve', 0) > -1){
		var indexC  = locString.indexOf('&');
		var id = locString.substring(4, indexC);
		var results = 'whatTypeOfCall=approve&';

		results += 'id='+ id + '&';
		sendRequest("enterMicrotrend.php", results);
	}
	if(locString.indexOf('newEntry', 0) > -1){
		document.getElementById('ThankYou').style.display = "block";
	}
}