function showContents(tabName) {
	if(tabName!=''){
  	document.getElementById('visSet').className = 'invSet'; 
  }
  
	  var tabArray = ['Features','Papers','Specs'];	
   
    tabArray.push('Ideas');
   
          	tabArray.push('Templates');
	    
  for(var i=0; i < tabArray.length; i++) {
  	if(tabArray[i]==tabName) {
    	if(document.getElementById('li'+tabName))
        document.getElementById('li'+tabName).className = 'sel';
    } else {
    	if(document.getElementById('li'+tabArray[i]))
      	document.getElementById('li'+tabArray[i]).className = '';
    }
  }
  
  if(tabName=='Features') {
  
    if(document.getElementById('divIdeasF'))
      document.getElementById('divIdeasF').style.display = '';
    if(document.getElementById('divContents'))
      document.getElementById('divContents').style.display = 'none';  
  	if(document.getElementById('divIdeas'))
      document.getElementById('divIdeas').style.display = 'none';   
     
      
  } else if(tabName=='Ideas'){
  
  	if(document.getElementById('divIdeas'))
      document.getElementById('divIdeas').style.display = '';
    if(document.getElementById('divIdeasF'))
      document.getElementById('divIdeasF').style.display = 'none';
    if(document.getElementById('divContents'))
      document.getElementById('divContents').style.display = 'none';
      
  } else if(tabName=='Designs') {
    if(document.getElementById('divIdeasF'))
      document.getElementById('divIdeasF').style.display = 'none'; 
  	if(document.getElementById('divIdeas'))
      document.getElementById('divIdeas').style.display = 'none';   
      
    if(document.getElementById('divContents') && tabName!='')
  		document.getElementById('divContents').innerHTML = '<center><img src="includes/templates/uprinting/images/specsLoader.gif" style="padding:60px 0;" width="48" /></center>';
    if(document.getElementById('divContents'))
			document.getElementById('divContents').className = 'browseList';
      	
  	x_get_udesign_industries('21', display_industries);
  } else {
    if(document.getElementById('divIdeasF'))
      document.getElementById('divIdeasF').style.display = 'none';
  	if(document.getElementById('divIdeas'))
      document.getElementById('divIdeas').style.display = 'none'; 
    if(document.getElementById('divContents') && tabName!=''){
      document.getElementById('divContents').style.display = '';
    }else{    	
    	document.getElementById('divContents').style.display = 'none';
    }
    
    if(document.getElementById('divContents') && tabName!='')
  		document.getElementById('divContents').innerHTML = '<img src="includes/templates/uprinting/images/specsLoader.gif" style="margin:60px 0 60px 230px;" width="48" />';
      
     if(tabName=='Envelopes' || tabName=='Mailing' || tabName=='MailingTemplates') { 
      if(document.getElementById('divContents'))
        document.getElementById('divContents').className = 'conwrp';
    } else {
      if(document.getElementById('divContents'))
        document.getElementById('divContents').className = '';      
    }
    
    x_get_product_tab('product_id=21&tabName='+tabName+'&print_type=offset' + '&product_name_id=6', displayContents);
  }
}

function displayContents(returnValue) {
	returnValue = returnValue.replace('+:','');
  if(document.getElementById('divContents'))
  	document.getElementById('divContents').innerHTML = returnValue;
}

function showMaintab(selTab, unselTab) {
	var htmlDesign = '';
  
	if(selTab == 'print'){
  	if(document.getElementById(unselTab+'Box'))
			document.getElementById(unselTab+'Box').innerHTML = '';
    if(document.getElementById('options'))
      document.getElementById('options').style.display = '';
  } else {
  	  	htmlDesign += '<div class="desWrapT">\n';
    htmlDesign += '	<div class="desWrapB">\n';
    htmlDesign += '		<div class="desWrapM">\n';
   	htmlDesign += '   	<strong class="desTitle">Newsletter Design Options</strong>';
    htmlDesign += '     <div class="desOpt">\n';
    htmlDesign += '				<div class="imgWrap">\n';
    htmlDesign += '       	<img src="includes/templates/uprinting/images/may-op-des-img.png" />';
    htmlDesign += '       </div>\n';
        htmlDesign += '       <ul>\n';
                htmlDesign += '       </ul>';
    htmlDesign += '     </div>\n';
    htmlDesign += '		</div>\n';
    htmlDesign += ' </div>\n';
    htmlDesign += '</div>\n';
	  htmlDesign += '<div class="desCat">\n';
        htmlDesign += '		<strong>View Newsletter Designs for:</strong>';
        htmlDesign += '		<div id="div_industries">\n</div>\n';
    htmlDesign += '</div>\n';
    
        
      
  	if(document.getElementById(selTab+'Box'))
    	document.getElementById(selTab+'Box').innerHTML = htmlDesign;
      }
  
  if(document.getElementById(selTab+'Tab'))
	  document.getElementById(selTab+'Tab').className = (selTab == 'design' ? 'selected green' : 'selected orange');
  if(document.getElementById(unselTab+'Tab'))
	  document.getElementById(unselTab+'Tab').className = '';

	if(document.getElementById(selTab+'Box'))
		document.getElementById(selTab+'Box').style.display = '';
	if(document.getElementById(unselTab+'Box'))
		document.getElementById(unselTab+'Box').style.display = 'none';
}

function display_industries(returnValue) {
	var returnValue = returnValue.replace('+:','');
	var htmlOutput = '';
  
  htmlOutput += '	<div>\n';
	htmlOutput += '		<strong>Choose Industry:</strong>\n';
  htmlOutput += '	</div>\n';
  htmlOutput +=  	returnValue;
  
	if(document.getElementById('divContents'))
 		document.getElementById('divContents').innerHTML = htmlOutput;
}

function fetchInsdustries() {
	x_get_udesign_industries('21', displayInsdustries);
}

function displayInsdustries(returnValue) {
	var returnValue = returnValue.replace('+:','');
  var divOutput = '';
      
  divOutput += '<div class="pad">\n';
  divOutput += '  <div class="subOptH">\n';
  divOutput += '    <strong>Choose an Industry or <a href="">View Full Gallery</a></strong>\n';                                              
  divOutput += '  </div>\n';
  divOutput += 		returnValue;
  divOutput += '</div>\n';
  
  if(document.getElementById('bList'))
 		document.getElementById('bList').innerHTML = divOutput;
}
					
function showTemplates(tpl_app) {
	document.getElementById('appList').style.display = 'none';
	document.getElementById('dlist_' + tpl_app).style.display = '';
}

function hideTemplates() {
	document.getElementById('appList').style.display = '';
	var prodTemplates = ['PSD','AI','EPS10','EPSCS','EPS','CDR10','CDR13','CDR','PUB','JPEG','PDF'];
	for(var i =0; i < prodTemplates.length; i++){
		if(document.getElementById('dlist_'+ prodTemplates[i]))
			document.getElementById('dlist_'+ prodTemplates[i]).style.display = 'none';
	}
}

function downloadTemplate(tpl_id, tpl_file, bln_submit) {
	document.getElementById('template_id').value = tpl_id;	
	document.getElementById('downfile').value = tpl_file;
	if(bln_submit) document.frmDownload.submit();
}

function showReviews(revCount) {
	x_show_reviews(revCount, displayReviews);
}

function displayReviews(returnValue) {
	returnValue = returnValue.replace("+:","");	
  
  if(document.getElementById('ideasReview')) {
	  document.getElementById('ideasReview').innerHTML = returnValue;
  }
}

var revCounter=0;
var revTime;
function animateInitialReviews() {
	var revCount = 10;
 	if(revCounter==(revCount-1)){
		revCounter=0;
	}else{
		revCounter++;
	}

 	for(var i=0; i < revCount; i++) {
 		if(i==revCounter) {
      if(document.getElementById('review_'+revCounter))
        document.getElementById('review_'+revCounter).style.display = '';     
    } else {
      if(document.getElementById('review_'+i))
        document.getElementById('review_'+i).style.display = 'none';
    }
	}
  		
	tTime = setTimeout("animateInitialReviews()",10000); 
}

var revCounter=0;
var revTime;
function slideReviews(revCount) {
	if(revCounter==(revCount-1)){
		revCounter=0;
	}else{
		revCounter++;
	}
 	for(var i=0; i < revCount; i++) {
 		if(i==revCounter) {
	    if(document.getElementById('pReview_'+revCounter))
        document.getElementById('pReview_'+revCounter).style.display = '';     
    } else {
      if(document.getElementById('pReview_'+i))
        document.getElementById('pReview_'+i).style.display = 'none';
    }
	}
  		
	tTime = setTimeout("slideReviews('"+revCount+"')",7000); 
}

function showPricingTable(pType,pId) {
	var htmlOutput = '';
  var frameHeight = document.getElementById('container').offsetHeight;

	var params = '&params='; 
  var xDoc = document.getElementsByTagName("*");
 	for (var i=0; i < xDoc.length; i++) {
  	if(xDoc[i].id.match(/tr_/)) {
    	if(xDoc[i].id=='tr_Folding') {
				params += xDoc[i].id;
        document.getElementById(xDoc[i].id).style.position = '';
      }
    	if(xDoc[i].id=='tr_Die-Cutting') {
				params += xDoc[i].id;
        document.getElementById(xDoc[i].id).style.position = '';
      }
    }
  }

  htmlOutput += '<iframe id="pricingFrame" src="/index.php?main_page=pricing&'+pType+'='+pId+'&display=1'+(params ? params : '')+'" scrolling="no" style="height:'+frameHeight+'px; width:100%" frameborder="0" ALLOWTRANSPARENCY="true" class="iFrame">\n';
  htmlOutput += '</iframe>';  
  
  window.scrollTo(0,0);
  
  document.getElementById('pricingTable').innerHTML = htmlOutput;
}

function computeTurnaround(date,turnaround) {	
  if(validateFormDate(document.getElementById('turnaround_input'))) {  
    x_compute_turnaround(date, turnaround, displayTurnaround);
    
    switch(turnaround) {
      case 1: 
      	var liId = "oneBusinessDay"; 
        document.getElementById('proofHour').innerHTML = '12 Noon';
      break;
      case 2: 
      	var liId = "twoBusinessDay"; 
        document.getElementById('proofHour').innerHTML = '5 PM';
      break;
      case 4: 
      	var liId = "fourBusinessDay"; 
        document.getElementById('proofHour').innerHTML = '5 PM';
      break;
    }
    
    var turnOpts = ["oneBusinessDay","twoBusinessDay","fourBusinessDay"];
    for (var i=0; i < turnOpts.length; i++) {
      if(turnOpts[i]==liId) {
        if(document.getElementById(turnOpts[i]))
          document.getElementById(turnOpts[i]).className = 'tCalSel';
      } else {
        if(document.getElementById(turnOpts[i]))
          document.getElementById(turnOpts[i]).className = '';    
      }
    }  
  }
}

function displayTurnaround(returnVal) {
	returnVal = returnVal.replace("+:","");  
  
  document.getElementById('transitEstimates').innerHTML = returnVal;  
}

function switchPaper(pType, pNum){
  for(var i=1; i <= pNum; i++){
    if(i==pType){
      document.getElementById('pLink'+i).className = 'sel'
      if(document.getElementById('pType'+i).style.display=='none'){
        //Effect.toggle('pType'+i,'appear',{ duration: 0.3 });
        document.getElementById('pType'+i).style.display='';
      }
    }else{
      document.getElementById('pLink'+i).className = '';
      if(document.getElementById('pType'+i).style.display!='none'){
        //Effect.toggle('pType'+i,'appear',{ duration: 0.3 });
        document.getElementById('pType'+i).style.display='none';
      }
    }
  }
}

function highLight(valLength,valName,valNode) {
	for(i=0;i<valLength;i++) {
		if(i==valNode) {
			document.getElementById(valName+valNode).className='ups_radio_highlight';
		} else {
			document.getElementById(valName+i).className='ups_radio';
		}
	}
}


// for Custom width & height
window.onload = function() {
  var elementValues = new Array();
  for (var i=0; i<document.forms['orderPageForm'].elements.length; i++) {
    elementValues.push(document.forms['orderPageForm'].elements[i].value);
    if (elementValues.inArray('custom')) {
      if(document.getElementById('height'))
        document.getElementById('height').disabled=false;
      if(document.getElementById('width'))
        document.getElementById('width').disabled=false;
    } else {
      if(document.getElementById('height'))
        document.getElementById('height').disabled=true;
      if(document.getElementById('width'))
        document.getElementById('width').disabled=true;
    }
  }
}