<!--//

/* custom functions for navigation and banners
written by Jason Russo. */

var jnavs = new Array();
/* navigation divs that were initially on the sidebar old site. */
jnavs[0]='HSnav';
jnavs[1]='SBnav';
jnavs[2]='MMnav';
jnavs[3]='KTnav';
jnavs[4]='CTnav';
jnavs[5]='AAnav';
jnavs[6]='CLnav';
jnavs[7]='HDnav';
function jchange_n(div,c,jnav,banner) {

/* if already showing nav exit, don't do anything */
 if(jnav) {
if(document.getElementById(jnav).style.display == 'block') {
return false;
 }
 /* for the banners.. */
for(h=0;h<=7;h++) {
   //alert($('banner_7').innerHTML);
  if(banner==h) {
  //alert(document.getElementById('banner_' + h).className + ' .... Show banner_' + c);
  document.getElementById('banner_' + h).className = 'bannerson';
   } else {
   document.getElementById('banner_' + h).className = 'banners';
    }
  }

 /* show our div  and hide the rest. */
  for(i=0;i<=7;i++) {
   //alert(jnavs[i] + ' ... ' + jnav);
     
     if(jnavs[i] != jnav) {
	   if(document.getElementById(jnavs[i]).style.display == 'block') {
	   //alert(i + ' this one is visible. ');
	   var m=i+1;
	   /* button left turn off */
	   document.getElementById('tnav' + m + '_btl').className = 'tnav_btl_off';
	   /* button right turn off */
	   document.getElementById('tnav' + m + '_btr').className = 'tnav_btr_off';
	   /* center button off */
	   document.getElementById('tnav' + m).className = 'tnav_off';
	   //alert(m + ' == yay!');
	    }
    document.getElementById(jnavs[i]).style.display = 'none';
      }
   }
document.getElementById(jnav).style.display = 'block';
 
  }
/* center piece */
var e = document.getElementById(div);
/* button left. */
var btl = document.getElementById(div + '_btl');
/* button right */
var btr = document.getElementById(div + '_btr');

var clsnm = div;
clsnm = clsnm.replace(/[0-9]/,"");
var bt_left = clsnm;
var bt_right = clsnm;

bt_left += "_btl";
bt_right += "_btr";

 if(c == 1) {
 bt_left = bt_left + "_off";
 bt_right = bt_right + "_off";
 clsnm = clsnm + "_off";
    }

/* center piece */
e.className = clsnm;
/* button left. */
btl.className = bt_left;
/* button right */
btr.className = bt_right;
//alert(bt_right);

//alert(e.className);
 }

 /* used for showing / hiding divs by class 
 For this to work the div ID and class must be
 named the same. I.E.: 
 <div id='banner' class='banner'>
 In your CSS script you'll need to create the following class:
 div.banner {display:none;}
 div.banneron{display:block}
 
 Since you cannot have the same ID value on the same page you'll
 need to create more ID's for your CSS script if you're going
 to use this more then once on a page.
 
 <div id='banner1' class='banner1'>
 div.banner1 {display:none;}
 div.banner1on{display:block}
 */
function jshow_hide(div) {
var e = document.getElementById(div);

var clsnm = div;
//alert(e.className);
if(e.className == div) {
e.className = div + "on";
 } else {
e.className = div;
 }

//alert(e.className);
 }
 
 /* this is for contact form. */
	//check characters ...
     function Check_Chars(jbox,x) {
    var max_cars = 2500;
    var chars_left = max_cars - jbox.value.length;
    if(chars_left < 10 && chars_left >= 0) {
    chars_left = '<font color="yellow"><B>' + chars_left + '</B></font>';
    }
    if(chars_left < 0) {
    chars_left = '<font color="red"><B>' + chars_left + '</B></font>';
    $('error_comments').show();
     }
   $('chars_left').innerHTML = chars_left;
    }
	function chk_subject(subjct) {
	if(subjct == "other") {
	$('other_subject_dsp').show();
	  } else {
	 $('other_subject_dsp').hide();
	  }
	 }
	 
	 function send_mail(frmnme) {
 var formlength = frmnme.length;
 var pars = $(frmnme).serialize();
 var url = '/contact/contact.php';

 var myAjax = new Ajax.Request(
        url,
        {method: 'post', parameters: pars, onCreate: function(){
			$('rresults').innerHTML = '<img src="/images/ajax-loader.gif">';
			$('fadeintothewind').show();
			$('rresults').show();
		},onComplete: show_response}
    );
  }
  function show_response(request) {
    
      var elt = $('rresults');
	   
      // retrieve required dimensions
      var eltDims = elt.getDimensions();
      var browserDims = $(document.body).getDimensions();
	  
      // calculate the center of the page using the browser and element dimensions
      var y = (browserDims.height - eltDims.height) / 2;
      var x = (browserDims.width - eltDims.width) / 2;
      // set the style of the element so it is centered
      var styles = { position : 'absolute',
      top : y + 'px',
      left : x + 'px' };
      elt.setStyle(styles);
      elt.scrollTo(); 
  // var x = document.body.scrollTop;
  // var y = document.body.scrollLeft;
   //document.getElementById(div).style.top = (x + -100) + "px";
  //$('rresults').style.top = (x + 300) + "px";
  //$('rresults').style.left = (y + 300) + "px";
  
  $('rresults').innerHTML = request.responseText;
  Effect.BlindDown('rresults');
  //$('fadeintothewind').hide();
   }
   
   function clear_results(){
   $('rresults').innerHTML = "";
   $('rresults').hide();
    }

    function close_win() {
	Effect.BlindUp('rresults');
	$('fadeintothewind').hide();
	 }
	 
//-->
