//====================================
// js_internal
//
//
// 
//
// Owner:        Southern Oregon Credit Service
// Authors:      Jeff Smerdon, Justin Watkins
// Inspired by:  Dawson Cowals
// Created:      09-13-2005
// Modified:     09-19-2005
//
// This files contains all javascript functions for the external website.
// 
//====================================


browserName = navigator.appName;
browserVer = parseInt(navigator.appVersion);
 
if (browserName == "Netscape" && browserVer >= 3 
||  browserName == "Microsoft Internet Explorer"
&&  browserVer  >= 4) {
    version = "n3";
} else {
    version = "x";
}
 
if (version == "n3") {
 
  if (document.images) {

    // button images
    button = new Array(31);
    for (n=0; n<=30; n++) { 
      button[n] = new Image();
    }
    	button[0].src   = "../images/aboutus_off.jpg";
    	button[1].src   = "../images/aboutus_on.jpg";
    	button[2].src   = "../images/caw_off.jpg";
    	button[3].src   = "../images/caw_on.jpg";
     	button[4].src   = "../images/cawhelp_off.jpg";
    	button[5].src   = "../images/cawhelp_on.jpg";
    	button[6].src   = "../images/consumers_off.jpg";
    	button[7].src   = "../images/consumers_on.jpg";
    	button[8].src   = "../images/contactus_off.jpg";
    	button[9].src   = "../images/contactus_on.jpg";
    	button[10].src  = "../images/news_off.jpg";
    	button[11].src  = "../images/news_on.jpg";
    	button[12].src  = "../images/services_off.jpg";
    	button[13].src  = "../images/services_on.jpg";  	
    	button[14].src  = "../images/socs_off.jpg";
    	button[15].src  = "../images/socs_on.jpg";
    	button[16].src  = "../images/newsevents0_off.jpg";
    	button[17].src  = "../images/events_on.jpg";
    	button[18].src  = "../images/experience_off.jpg";
    	button[19].src  = "../images/experience_on.jpg";
    	button[20].src  = "../images/expertise_off.jpg";
    	button[21].src  = "../images/expertise_on.jpg";  	
    	button[22].src  = "../images/technology_off.jpg";
    	button[23].src  = "../images/technology_on.jpg";
    	button[24].src  = "../images/video_off.jpg";
    	button[25].src  = "../images/video_on.jpg";    	 
    	button[26].src  = "../images/banner1.jpg";
    	button[27].src  = "../images/banner2.jpg";
    	button[28].src  = "../images/banner3.jpg";
    	button[29].src  = "../images/DrDebt_off.jpg";
    	button[30].src  = "../images/DrDebt_on.jpg";
  }
}

function imgChange(imgName, nIndex)  {
    if (version == "n3")  {
        newImage = button[nIndex].src;
        document [imgName].src = newImage;
        
    }
}

function highlight (name,isHighlight) {
  var backColor = "";
  var textColor = "";
  if (isHighlight) {
    textColor = "#F2EFE0"; 
    backColor  = "#5982C4";
    document.getElementById(name).style.cursor = "hand";      		      
  }
  else {
    backColor = "#68A3EE";
    textColor = "#000000"; 
    document.getElementById(name).style.cursor = "auto";       		
  }
  document.getElementById(name).style.backgroundColor = backColor;
  document.getElementById(name).style.color = textColor;

  return;
}
	
	
			
function toggleDiv(name,tog){
   if (tog == 'hide') {
     document.getElementById(name).style.visibility = 'hidden';
   }
   else {
     document.getElementById(name).style.visibility = 'visible';
   }
}

function showLayerText(name){
 Divs = new Array(14);
 Divs[0] = "divabt";
 Divs[1] = "divcnt";
 Divs[2] = "divtec";
 Divs[3] = "divexn";
 Divs[4] = "divext";
 Divs[5] = "divcons";
 Divs[6] = "divnws";
 Divs[7] = "divhome";
 Divs[8] = "divevnt";
 Divs[9] = "divsrv";
 Divs[10]= "divhlp";
 Divs[11]= "divsvy";
 Divs[12] = "divjobs";
 Divs[13] = "divEvent2";
 
 for(i = 0;i< Divs.length;i++){

   if(name == Divs[i]){
     document.getElementById(Divs[i]).style.visibility = 'visible';
     setState(name);
   }
   else{
     document.getElementById(Divs[i]).style.visibility = 'hidden';
   }
 }
 if(name == 'divsvy'){
   document.getElementById('divQ1').style.visibility = 'visible';
   document.getElementById('rightarrow').style.visibility = 'visible';
   document.getElementById('divQ2').style.visibility = 'hidden';
   document.getElementById('divQ3').style.visibility = 'hidden';
   document.getElementById('divQ4').style.visibility = 'hidden'; 
   document.getElementById('divQ5').style.visibility = 'hidden';
   document.getElementById('divQ6').style.visibility = 'hidden';  
   document.getElementById('divQ7').style.visibility = 'hidden'; 
   document.getElementById('divQ8').style.visibility = 'hidden';
   document.getElementById('divQ9').style.visibility = 'hidden';
   document.getElementById('divQ10').style.visibility = 'hidden';
   document.getElementById('leftarrow').style.visibility = 'hidden'; 
   document.getElementById('butSubmit').style.visibility = 'hidden'; 
   questionNum.value = '1';     
 }
 else{
  document.getElementById('divQ1').style.visibility = 'hidden'; 
  document.getElementById('divQ2').style.visibility = 'hidden';
  document.getElementById('divQ3').style.visibility = 'hidden';
  document.getElementById('divQ4').style.visibility = 'hidden'; 
  document.getElementById('divQ5').style.visibility = 'hidden';
  document.getElementById('divQ6').style.visibility = 'hidden';  
  document.getElementById('divQ7').style.visibility = 'hidden'; 
  document.getElementById('divQ8').style.visibility = 'hidden';
  document.getElementById('divQ9').style.visibility = 'hidden';
  document.getElementById('divQ10').style.visibility = 'hidden';
  document.getElementById('rightarrow').style.visibility = 'hidden';
  document.getElementById('leftarrow').style.visibility = 'hidden';
  document.getElementById('butSubmit').style.visibility = 'hidden'; 
  questionNum.value = '1';
 } 
}

function changeHeader(interval){
  time = setInterval("changeHeaderImg()",interval);
}
var flag = 1;

function changeHeaderImg(){
 
  if(flag == 0){
    blendimage('blenddiv','blendImg', 'images/banner1.jpg',1500)
     flag = 1;
  }
  else if(flag == 1)  {
    blendimage('blenddiv','blendImg', 'images/banner2.jpg',1500)
    flag = 2;  
  }
  else  {
    blendimage('blenddiv','blendImg', 'images/banner3.jpg',1500)
    flag = 0;    
  }    
}

function changeEvent(interval){
  time2 = setInterval("changeEventFont()",interval);  
}
var size = 10;

function changeEventFont() {
  if (size==11){
    document.getElementById('events').setAttribute('src','images/newsevents0_off.jpg')
    size=10;
  }
  else if (size==10){
    document.getElementById('events').setAttribute('src','images/newsevents1_off.jpg')
    size=9;
  }
  else if (size==9){
    document.getElementById('events').setAttribute('src','images/newsevents2_off.jpg')
    size=8;  
  }
  else if (size==8){
    document.getElementById('events').setAttribute('src','images/newsevents3_off.jpg')
    size=7;  
  }
  else if(size==7){
    document.getElementById('events').setAttribute('src','images/newsevents4_off.jpg')
    size=6;  
  }
  else if(size==6){
    document.getElementById('events').setAttribute('src','images/newsevents5_off.jpg')
    size=5;  
  }
  else if(size==5){
    document.getElementById('events').setAttribute('src','images/newsevents6_off.jpg')
    size=4;  
  }
  else if(size==4){
    document.getElementById('events').setAttribute('src','images/newsevents7_off.jpg')
    size=3;  
  }
  else if(size==3){
    document.getElementById('events').setAttribute('src','images/newsevents8_off.jpg')
    size=2;  
  }
  else if(size==2){
    document.getElementById('events').setAttribute('src','images/newsevents9_off.jpg')
    size=1;  
  }
  else if(size==1){
    document.getElementById('events').setAttribute('src','images/newsevents10_off.jpg')
    size=0;  
  }
  else{
    document.getElementById('events').setAttribute('src','images/newsevents11_off.jpg')
    size=11; 
  }
}

function setState(div){
  document.getElementById('state').setAttribute('value',div);
}

function setMenuState(div){
  document.getElementById('menuState').setAttribute('value',div);
}

function getState(){
  if(document.getElementById('state').getAttribute('value') != ''){
    showLayerText(document.getElementById('state').getAttribute('value'));
  }
  if(document.getElementById('menuState').getAttribute('value') != ''){
    showLayerMenu(document.getElementById('menuState').getAttribute('value'));
  }  
}

/*
Functions changeOpac and blendimage courtesy of 
http://www.brainerror.net/scripts_js_blendtrans.php

Disclaimer from author: 

Scripts shown here can be copied, used and altered as you please. However, I don't like other people taking credit for my work. 
Here are the rules:

Don't distribute the scripts, I am already doing that for you. 
Don't claim that they're your own, because they're not (unless you altered them a lot).  

*/
//change the opacity for different browsers
function changeOpac(opacity, id) {
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100);
	object.filter = "alpha(opacity=" + opacity + ")";
}

function blendimage(divid, imageid, imagefile, millisec) {
	var speed = Math.round(millisec / 100);
	var timer = 0;
	
	//set the current image as background
	document.getElementById(divid).style.backgroundImage = "url(" + document.getElementById(imageid).getAttribute('src') + ")";
	
	//make image transparent
	changeOpac(0, imageid);
	
	//make new image
	document.getElementById(imageid).setAttribute('src',imagefile);

	//fade in image
	for(i = 0; i <= 100; i++) {
		setTimeout("changeOpac(" + i + ",'" + imageid + "')",(timer * speed));
		timer++;
	}
}
var EventFlag;
function changeEvents(eventInterval){
  Eventflag = 0;
  eventTime = setInterval("changeEventImg()",eventInterval);
}
 

function changeEventImg(){

  if(Eventflag == 0){
    blendimage('changeEvents','events', '../images/events_off2.jpg',2500)
     Eventflag = 1;
  }
  else  {
    blendimage('changeEvents','events', '../images/events_off.jpg',2500)
    Eventflag = 0;    
  }    
}

function changeQuestion(direction){
   var curDiv = parseInt(document.getElementById('questionNum').getAttribute('value'));
   var nextDiv = 0;

  if(direction == 'next'){
    nextDiv = curDiv + 1;
    document.getElementById('divQ' + curDiv).style.visibility = 'hidden';
    document.getElementById('divQ' + nextDiv).style.visibility = 'visible'; 
    document.getElementById('questionNum').setAttribute('value',nextDiv + '');
  }
  else{
    nextDiv = curDiv - 1;
    document.getElementById('divQ' + curDiv).style.visibility = 'hidden';
    document.getElementById('divQ' + nextDiv).style.visibility = 'visible';
    document.getElementById('questionNum').setAttribute('value',nextDiv + '');  
  }

  if(nextDiv > 1){
    document.getElementById('leftarrow').style.visibility = 'visible';    
  }
  else{
     document.getElementById('leftarrow').style.visibility = 'hidden';  
  }  
  if(nextDiv < 10){
    document.getElementById('rightarrow').style.visibility = 'visible';    
  }
  else{
     document.getElementById('rightarrow').style.visibility = 'hidden';  
  }
  if(nextDiv == 10){
    document.getElementById('butSubmit').style.visibility = 'visible';    
  }
  else{
    document.getElementById('butSubmit').style.visibility = 'hidden';  
  }  
}

  function changeSubmitColor(state){
    if(state == 'on') {
      document.getElementById('butSubmit').style.color = '#3B2578';
      document.getElementById('butSubmit').style.borderStyle = 'inset';
      document.getElementById('butSubmit').style.cursor = 'hand';
    }
    else  {
      document.getElementById('butSubmit').style.color = '#df2a21';
      document.getElementById('butSubmit').style.borderStyle = 'outset';
    }
  }
  
function hideSubMenu(){
  document.getElementById('divSubMenu').style.visibility = 'hidden';
  }
function hideDrDebt(){
  document.getElementById('divDrDebt').style.visibility = 'hidden';
  }
   
function positionSubMenu(){
  var item;
  var imgName    = 'services';
  var menuLayer  = 'divSubMenu';
  var menuImageX = 0;
  var menuImageY = 0;
  var newX       = 0;
  var newY       = 0;

  //piece together image name / ID: "img_0_0"
  //var imgName  = "" + this.imageIDPrefix + tmpIndex;

  item = eval('document.getElementById(imgName)');

  //determine location of main menu item
  menuImageX = getPageOffsetLeft(item);
  menuImageY = getPageOffsetTop(item);

  //set new positions
  newX = menuImageX + -2;
  newY = menuImageY + 27;


    document.getElementById(menuLayer).style.left = newX  + "px";
    document.getElementById(menuLayer).style.top  = newY + "px";
    document.getElementById(menuLayer).style.visibility = 'visible';
}


function positionDrDebt(){
  var item;
  var imgName    = 'consumers';
  var menuLayer  = 'divDrDebt';
  var menuImageX = 0;
  var menuImageY = 0;
  var newX       = 0;
  var newY       = 0;

  //piece together image name / ID: "img_0_0"
  //var imgName  = "" + this.imageIDPrefix + tmpIndex;

  item = eval('document.getElementById(imgName)');

  //determine location of main menu item
  menuImageX = getPageOffsetLeft(item);
  menuImageY = getPageOffsetTop(item);

  //set new positions
  newX = menuImageX + -2;
  newY = menuImageY + 27;


    document.getElementById(menuLayer).style.left = newX  + "px";
    document.getElementById(menuLayer).style.top  = newY + "px";
    document.getElementById(menuLayer).style.visibility = 'visible';
}


function getPageOffsetLeft(el) {
  var x;

  // Return the x coordinate of an element relative to the page.
  x = el.offsetLeft;
  if (el.offsetParent != null)
    x += getPageOffsetLeft(el.offsetParent);

  return x;
}

function getPageOffsetTop(el) {
  var y;

  // Return the y coordinate of an element relative to the page.
  y = el.offsetTop;
  if (el.offsetParent != null)
    y += getPageOffsetTop(el.offsetParent);

  return y;
}