function trim(str, chars) {
    return ltrim(rtrim(str, chars), chars);
}

function ltrim(str, chars) {
    chars = chars || "\\s";
    return str.replace(new RegExp("^[" + chars + "]+", "g"), "");
}

function rtrim(str, chars) {
    chars = chars || "\\s";
    return str.replace(new RegExp("[" + chars + "]+$", "g"), "");
} 
    google.load("language", "1");

/*
	var posi;

	function translateMe(article_id, lang) {
    		
      var text = document.getElementById("article_container_" + article_id);
     // elements = text.getElementsByTagName("p");
    // for (posi = 0; posi < elements.length; posi++) { 
    	translatedText = elements[posi].innerHTML;
		google.language.translate(translatedText, "en", lang, function(result) {
 		if (!result.error) {
		  	var transtext = document.getElementById("article_container_514");
      	 	transtext.innerHTML = text.innerHTML + result.translation;
		}
		
		});
	} 
   	   
      
    }
*/
function translateMe(article_id, lang) {
	if(lang=="en"){
		viewArticle(article_id);
	}else{
		
		
	
    var myArticle=article_id;
    var myPos;	
	
    var myText = document.getElementById("translate_container_" + myArticle);
	var myTextToTranslate=myText.innerHTML;
	var translateArray=myTextToTranslate.split(".");
	var myTranslation="";
	var curWordCount=0;
	var nextWordCount=0;
	var numWords=0;
	var nextWords="";
	var curWords="";
	
	for(myPos=0; myPos<translateArray.length;myPos++){
		
		stringToTranslate=trim(translateArray[myPos], "");
		
		
		if(stringToTranslate==""){
			
		}else{
			
		
			google.language.translate(stringToTranslate, "", lang, function(result) {
	 			if (!result.error) {
	 				myTranslation=myTranslation + result.translation + ".  "; // BUILD TRANSLATED TEXT STRING
	 					myText.innerHTML=myTranslation;	
	   			}else{
				//alert(result.error.message + "{--GOOGLE API MALFUNCTION--}");
				}
		
			});
			curWordCount=0;
			nextWordCount=0;
		
		
			
		}
	}
	
				var viewArticleItem=document.getElementById('article_toolbar_listItemArticle_' + article_id);
					//	alert("saved");
				var articleContainer=document.getElementById('article_container_' + article_id);
				var gmapContainer=document.getElementById('subway_gmap_container_' + article_id);
				var viewGmapItem=document.getElementById('article_toolbar_listItemMap_' + article_id);
				var viewTranslateItem=document.getElementById('article_toolbar_listItemTranslate_' + article_id);
				var viewTranslateMedia=document.getElementById("translate_container_media_" + article_id);
		
		
			if (navigator.appName == "Microsoft Internet Explorer") {
					// alert("test");
					viewArticleItem.className="";	
					viewGmapItem.className="";	
					viewTranslateItem.className="toolbar_translate selected";
					articleContainer.className = "hide";
					gmapContainer.className = "hide";
					viewTranslateMedia.className  = "show";
					viewTranslateMedia.style = ""
					myText.className = "show";
					myText.style.position = 'absolute';
					myText.style.width = '100%';
					myText.style.height = 400;
					
					myText.style.top = 0;
					myText.style.left = 0;
					document.getElementById('article_toolbar_listItemArticle_' + article_id).className = "";
					document.getElementById('article_toolbar_listItemTranslate_' + article_id).className = "toolbar_translate selected";
					document.getElementById('article_toolbar_listItemMap_' + article_id).className = "";	
			
				}else{
					viewTranslateItem.setAttribute("class", "toolbar_translate selected");	
					myText.setAttribute("class", "show");	
					myText.setAttribute("style", "position: absolute; top:0; left:0; width: 100%; height:400px;");	
					viewTranslateMedia.setAttribute("class", "show");	
					viewTranslateMedia.setAttribute("style", "");	
					
					articleContainer.setAttribute("class", "hide");	
					gmapContainer.setAttribute("class", "hide");	
					viewGmapItem.setAttribute('class', "");	
					viewArticleItem.setAttribute('class', "");	
					
				}//END CHECK BROWSER
				
				
	}//END CHECK IF ENGLISH
}//END TRanslateMe
	
	/*
	 var viewArticleItem=document.getElementById('article_toolbar_listItemArticle_' + myArticle);
		 var articleContainer=document.getElementById('article_container_' + myArticle);
		 var gmapContainer=document.getElementById('subway_gmap_container_' + myArticle);
		 var viewGmapItem=document.getElementById('article_toolbar_listItemMap_' + myArticle);
				
	 	 articleContainer.setAttribute("class", "hide");	
		 gmapContainer.setAttribute("class", "hide");
		 container.setAttribute("class", "show");
	*/		

    // google.setOnLoadCallback(translate);

		var centerLatitude = 38.366540;
		var centerLongitude = -98.764976;
	
		var map;


    function initialize_article_map(article_id, latitude, longitude, name) { 
      if (GBrowserIsCompatible()) { 
	  	
        map = new GMap2(document.getElementById("subway_gmap_container_" + article_id));
		
		
		map.addControl(new GSmallMapControl());
		map.addControl(new GMapTypeControl());
		
		map.setCenter(new GLatLng(latitude, longitude), 13);
		
		var marker = new GMarker(new GLatLng(latitude, longitude));
     	map.addOverlay(marker);		
		}
		
		
        

        //setDirections(markers_locations[id].latitude + "," + markers_locations[id].longitude, markers_locations[id].latitude + "," + markers_locations[id].longitude,  "en_US");
      }



function saveArticle(article_id){
	var ajax=getXMLHttpRequestObject();
	if(ajax){
		if(document.getElementById('article_toolbar_list_' + article_id)){
				var saveListItem=document.getElementById('article_toolbar_listItemSave_' + article_id);
					//	alert("saved");
						
				while(saveListItem.hasChildNodes()){
					saveListItem.removeChild(saveListItem.lastChild);	
				}
				var loadtext=document.createTextNode("Saving");
				saveListItem.appendChild(loadtext);
				ajax.open('get', 'http://www.student-subway.com/earth/_save_article.php?article_id=' + encodeURIComponent(article_id));
				ajax.onreadystatechange = function(){
					if(ajax.readyState==4){
						if((ajax.status==200) || (ajax.status==304)){
						
					//	var saveListItem=document.getElementById('article_toolbar_listItemSave_' + article_id);
					//	alert("saved");
						
						while(saveListItem.hasChildNodes()){
							saveListItem.removeChild(saveListItem.lastChild);	
						}
					//	alert("saved");
					if (navigator.appName == "Microsoft Internet Explorer") {
							var removeImg = document.createElement('<img src="http://www.student-subway.com/images/icons/article_remove.png" class="save" alt="remove from profile" />');
							//alert("saved");
						
						}else{
					
						var removeImg = document.createElement('img');
						removeImg.setAttribute("class", "save");
						removeImg.setAttribute("alt", "remove from profile");
						removeImg.setAttribute("src", "http://www.student-subway.com/images/icons/article_remove.png");
						}
							saveListItem.onclick = function (){removeArticle(article_id)};
						var text=document.createTextNode("Remove ");
						saveListItem.appendChild(text);
						saveListItem.appendChild(removeImg);
						
						
						
						}else{
							
						}
					}
				}
				ajax.send(null);
			//	return false;
			
		}// end of DOM check - ZM
	}//end of ajax if - ZM	
}

function removeArticle(article_id){
	var ajax=getXMLHttpRequestObject();
	if(ajax){
		if(document.getElementById('article_toolbar_list_' + article_id)){
				var saveListItem=document.getElementById('article_toolbar_listItemSave_' + article_id);
						
				while(saveListItem.hasChildNodes()){
					saveListItem.removeChild(saveListItem.lastChild);	
				}
				
				
				var loadtext=document.createTextNode("Removing");
				saveListItem.appendChild(loadtext);
				ajax.open('get', 'http://www.student-subway.com/earth/_remove_article.php?article_id=' + encodeURIComponent(article_id));
				ajax.onreadystatechange = function(){
					if(ajax.readyState==4){
						if((ajax.status==200) || (ajax.status==304)){
				
						while(saveListItem.hasChildNodes()){
							saveListItem.removeChild(saveListItem.lastChild);	
						}
						if (navigator.appName == "Microsoft Internet Explorer") {
							var removeImg = document.createElement('<img src="http://www.student-subway.com/images/icons/article_add.png" class="save" alt="add to profile" />');
							// alert("saved");
							
						}else{
						
						var removeImg = document.createElement('img');
						
						removeImg.setAttribute("class", "save");
						removeImg.setAttribute("alt", "add to profile");
						removeImg.setAttribute("src", "http://www.student-subway.com/images/icons/article_add.png");
						}
						saveListItem.onclick = function(){saveArticle(article_id)};
						var text=document.createTextNode("Save ");
						saveListItem.appendChild(text);
						saveListItem.appendChild(removeImg);
						
						}else{
							
						}
					}
				}
				ajax.send(null);
				//	return false;
			
		}// end of DOM check - ZM
	}//end of ajax if - ZM	
}

function viewArticle(article_id){
	
		if(document.getElementById('article_toolbar_list_' + article_id)){
			//	var saveListItem=document.getElementById('listItemSave_' + article_id);
					
			
				var viewArticleItem=document.getElementById('article_toolbar_listItemArticle_' + article_id);
					//	alert("saved");
				var articleContainer=document.getElementById('article_container_' + article_id);
				var gmapContainer=document.getElementById('subway_gmap_container_' + article_id);
				var viewGmapItem=document.getElementById('article_toolbar_listItemMap_' + article_id);
				if(document.getElementById("translate_container_" + article_id)){
					var translateContainer = document.getElementById("translate_container_" + article_id);
					var viewTranslateItem=document.getElementById('article_toolbar_listItemTranslate_' + article_id);
					var viewTranslateMedia=document.getElementById("translate_container_media_" + article_id);
			
				
				}
				
				if (navigator.appName == "Microsoft Internet Explorer") {
					
					viewArticleItem.className="selected";	
					viewGmapItem.className="";	
					if(document.getElementById("translate_container_" + article_id)){
						viewTranslateItem.className="toolbar_translate";
						translateContainer.className="hide";
					viewTranslateMedia.className="hide";
					viewTranslateMedia.style.position = 'absolute';
					
					viewTranslateMedia.style.top = 0;
					viewTranslateMedia.style.left = 0;
					}
					
				}else{
					if(document.getElementById("translate_container_" + article_id)){
						viewTranslateItem.setAttribute("class", "toolbar_translate");
						translateContainer.setAttribute("class", "hide");	
						viewTranslateMedia.setAttribute("class", "hide");	
						viewTranslateMedia.setAttribute("style", "position: absolute; top: 0pt; left: 0pt; height: 300px; width: 100%; visibility: hidden;");	
				
					}
					articleContainer.setAttribute("class", "show");	
					gmapContainer.setAttribute("class", "hide");	
					viewArticleItem.setAttribute("class", "selected");
					viewGmapItem.setAttribute('class', "");	
					
				}
		}else{
							
		}
}

function viewGmap(article_id, latitude, longitude, name){
		
		if(document.getElementById('article_toolbar_list_' + article_id)){
			//	var saveListItem=document.getElementById('listItemSave_' + article_id);
					
			
				var viewArticleItem=document.getElementById('article_toolbar_listItemArticle_' + article_id);
				
				var articleContainer=document.getElementById('article_container_' + article_id);
				if(document.getElementById("translate_container_" + article_id)){
					var translateContainer = document.getElementById("translate_container_" + article_id);
					var viewTranslateItem=document.getElementById('article_toolbar_listItemTranslate_' + article_id);
				var viewTranslateMedia=document.getElementById('translate_container_media_' + article_id);
				
				}
   			    
				var gmapContainer=document.getElementById('subway_gmap_container_' + article_id);
				var viewGmapItem=document.getElementById('article_toolbar_listItemMap_' + article_id);
				
				if (navigator.appName == "Microsoft Internet Explorer") {
					articleContainer.className = "hide";
					gmapContainer.className = "show";
					gmapContainer.style.position = 'absolute';
					
				
					gmapContainer.style.width = '100%';
					gmapContainer.style.height = 400;
					gmapContainer.style.top = 0;
					gmapContainer.style.left = 0;
					document.getElementById('article_toolbar_listItemArticle_' + article_id).className = "selected";
					document.getElementById('article_toolbar_listItemMap_' + article_id).className = "";
					if(document.getElementById("translate_container_" + article_id)){
						translateContainer.className = "hide";
						document.getElementById('article_toolbar_listItemTranslate_' + article_id).className="toolbar_translate";
						viewTranslateMedia.className = "hide";
							viewTranslateMedia.style.position = 'absolute';
					viewTranslateMedia.style.top = 0;
					viewTranslateMedia.style.left = 0;
					
					}
				}else{
				
					articleContainer.setAttribute("class", "hide");
					if(document.getElementById("translate_container_" + article_id)){
						translateContainer.setAttribute("class", "hide");
						viewTranslateItem.setAttribute("class", "toolbar_translate");	
							viewTranslateMedia.setAttribute("class", "hide");
							viewTranslateMedia.setAttribute("style", "position: absolute; top: 0pt; left: 0pt; height: 300px; width: 100%; visibility: hidden;");	
					}
					gmapContainer.setAttribute("class", "show");	
					gmapContainer.setAttribute("style", "position: absolute; top:0; left:0; width: 100%; height:400px;");	
					viewArticleItem.setAttribute("class", "");		
					viewGmapItem.setAttribute("class", "selected");	
				
				}
			if(name != 0){
				//alert("test");
				initialize_article_map(article_id, longitude, latitude, name);
			}
		}else{
							
		}
}