var requestPage='/template/product/include/tabData.jsp';
var defaultTab;
var activeTab;

function getTabData(catalogItemId, tabName) {
	document.getElementById('resource_spinner').style.display='inline';
	
	var url = requestPage;
	var params = "id="+catalogItemId+"&t="+tabName;
	var http = createRequestObject();
	
	http.open("POST", url, true);
	http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http.setRequestHeader("Content-length", params.length);
	http.setRequestHeader("Connection", "close");

	http.onreadystatechange = function() {
		if (http.readyState == 4 && http.status == "200") {
			var textout = http.responseText;
			var modelContent =document.getElementById('model_data').innerHTML;
				document.getElementById('model_data').innerHTML=modelContent + textout;
				document.getElementById('resource_spinner').style.display='none';
		}
	
	}
	http.send(params);
}

function getTabData(culture, catalogItemId, tabName) {
	document.getElementById('resource_spinner').style.display='inline';
	
	var url = requestPage;
	var params = "id="+catalogItemId+"&t="+tabName+"&culture="+culture;
	var http = createRequestObject();
	
	http.open("GET", url + "?" + params);
	http.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
	http.setRequestHeader("Content-length", params.length);
	http.setRequestHeader("Connection", "close");

	http.onreadystatechange = function() {
		if (http.readyState == 4 && http.status == "200") {
			var textout = http.responseText;
			var modelContent =document.getElementById('model_data').innerHTML;
				document.getElementById('model_data').innerHTML=modelContent + textout;
				document.getElementById('resource_spinner').style.display='none';
		}
	
	}
	http.send(null);
}

function displayTabContent(catalogItemId, tabName, elementId) {
	var tab = tabName+'_tab';
	
    if (tab != defaultTab) {
		if (document.getElementById(tab) == null) {
			getTabData(catalogItemId, tabName);
		} else {
			document.getElementById(tab).style.display='';
		}
		applyTabStyle(elementId);
		document.getElementById(defaultTab).style.display='none';
		defaultTab=tab;
	}
	return false;
}

function displayTabContent(culture, catalogItemId, tabName, elementId) {
	var tab = tabName+'_tab';
	
    if (tab != defaultTab) {
		if (document.getElementById(tab) == null) {
			getTabData(culture, catalogItemId, tabName);
		} else {
			document.getElementById(tab).style.display='';
		}
		applyTabStyle(elementId);
		document.getElementById(defaultTab).style.display='none';
		defaultTab=tab;
	}
	return false;
}

function applyTabStyle(elementId){

	  var parentNode =document.getElementById("tabnav");
	  var arrChildren = parentNode.childNodes;
	  	  for(i = 0; i < arrChildren.length; i++){
	  		objChild = arrChildren[i].id;
	  		if(objChild==elementId){
	  				if(elementId=='first'){
						document.getElementById(elementId).className="active_first";
					}else if(elementId=='last'){
						document.getElementById(elementId).className="active_last";
					}else if(elementId=='last_green'){
						document.getElementById(elementId).className="active_last_green";
					}else{
						document.getElementById(elementId).className="active";
					}	
	  		}else{
	  		
	  		    if(objChild=='first'){
	  			   	document.getElementById(objChild).className="first";
				}else if(objChild=='last'){
				  	document.getElementById(objChild).className="last";
				}else if(objChild=='last_green'){
				  	document.getElementById(objChild).className="last_green";
				}else if(objChild.indexOf('item_')>-1){
			  		document.getElementById(objChild).className="";
				 } 
			}
		 }
	turnOffSpacer(elementId); 
	activeTab=elementId;
}



function turnOffSpacer(elementId){

     var curElement= document.getElementById(elementId);
     var parentNode =document.getElementById("tabnav");
     var arrChildren = parentNode.childNodes;
     var id = elementId.split("item_"); 
     var prevSpacerElement = id[1]-1;
     var curSpacerElement=id[1];
     
	     if(elementId=='first'){
				curSpacerElement="spacer_"+1;
	     }else if(elementId=='last'){
				prevSpacerElement =arrChildren[arrChildren.length-2].id;
	     }else if(elementId=='last_green'){
				prevSpacerElement =arrChildren[arrChildren.length-2].id;
	     }else{
		        prevSpacerElement = "spacer_" + prevSpacerElement;
		        curSpacerElement="spacer_" +curSpacerElement;
	     }
     		for(i = 0; i < arrChildren.length; i++){
				objChild = arrChildren[i].id;
				if(objChild.indexOf('spacer_')>-1){
					if(prevSpacerElement==objChild){
						if(document.getElementById(prevSpacerElement)!=null){
						   document.getElementById(prevSpacerElement).style.display='none';
						}
					}else if(curSpacerElement==objChild){
						if(document.getElementById(curSpacerElement)!=null){
						   document.getElementById(curSpacerElement).style.display='none';
						}
					}else{
					    if(document.getElementById(objChild)!=null){
						   document.getElementById(objChild).style.display='';
						 }
					}
				}
			}			
    
}


function insertAfter(newElement,targetElement) {

	var parent = targetElement.parentNode;
	var newContainer = document.createElement("div");
	//if(parent.lastchild == targetElement) {
		parent.appendChild(newContainer);
	//} else {
	//	parent.insertBefore(newElement, targetElement.nextSibling);
	//}
}




function expandCollapse(pageBreakId,pageBreakLabel, pageBreakDisplayText, pageBreakHideText){
   
   var ele = document.getElementById(pageBreakId);
   var eleLabel =document.getElementById(pageBreakLabel);
   
   if(ele!=null){
	     if(ele.style.display=='none'){
	        ele.style.display='inline';
		    if(eleLabel!=null){
		   	       eleLabel.innerHTML="<b>"+pageBreakHideText+"</b>";
		    }   
		}else{
		    ele.style.display='none';  
		    if(eleLabel!=null){   
		    	eleLabel.innerHTML="<b>"+pageBreakDisplayText+"</b>";
	 	    }
	     }
	}
}


function showContent(content_id,title,divId){
	var objContent = document.getElementById(content_id);
	if(content_id!=null){
		document.getElementById(divId).style.display='none';
		if(content_id.indexOf('addtlInfoLinks')>-1){
			document.getElementById("keyFeatures").style.display='none';
			document.getElementById("modelDetailedImg").style.display='none';
		}
		objContent.style.display='block';
	}
}


function hideContent(content_id,divId){
	var objContent = document.getElementById(content_id);
	if(content_id!=null){
			objContent.style.display='none';
			document.getElementById(divId).style.display='inline';
		if(content_id.indexOf('addtlInfoLinks')>-1){
			document.getElementById("keyFeatures").style.display='inline';
			document.getElementById("modelDetailedImg").style.display='inline';
		}
	}	
}



function forwardEmail(modelId){
    var tabId = defaultTab.split("_tab");     
    var forwardUrl = '/contacts/forward.jsp?productId='+modelId+'&tabId='+tabId[0];
    document.location.href=forwardUrl;
}