function init() {
 slider(0);
 dropdown();
 if(document.getElementById('googleMaps') != null) loadMaps();
}

window.onload = init;

timeoutID = 0;
sliderArray = new Array();
sliderDir = '/wp-content/themes/patron-agri-systems/images/slider/';
sliderFadeSpeed = 1500;
sliderTimeout = 7500;

function dropdown() {
 var menubar = document.getElementById('menu');
 var menuitems = menubar.getElementsByTagName('UL');
 for(i = 0; i < menuitems.length; i++) if(menuitems[i].className == "ul2") {
  menuitems[i].style.left = menuitems[i].parentNode.getElementsByTagName('A')[0].offsetWidth+"px";
 }
 menuitems = menubar.getElementsByTagName('LI');
 for(i = 0; i < menuitems.length; i++) {
  menuitems[i].onmouseover = function() {this.className = this.className+" hover";}
  menuitems[i].onmouseout  = function() {this.className = this.className.split(" hover")[0];}
 }
 menuitems = menubar.getElementsByTagName('A');
 for(i = 0; i < menuitems.length; i++) {
  menuitems[i].onmouseover = function() {this.className = this.className+" hover";}
  menuitems[i].onmouseout  = function() {this.className = this.className.split(" hover")[0];}
 }
}

function loadMaps() {
 var script = document.createElement('script');
 script.type = 'text/javascript';
 script.src = 'http://maps.google.com/maps/api/js?sensor=false&callback=initMaps';
 document.body.appendChild(script);
}

function slider(id) {
 if(sliderArray[0] == undefined) {
  images = document.getElementById('sliderImages').innerHTML;
  sliderArray = images.split('/');
  for(i = 0; i < sliderArray.length-1; i++) {
   image = new Image(10, 10);
   image.src = sliderDir + sliderArray[i];
  }
 }
 document.getElementById('sliderBack').style.backgroundImage = "url('"+sliderDir+sliderArray[id]+"')";
 fade('sliderFront', 100, 0, sliderFadeSpeed);
 setTimeout("document.getElementById('sliderFront').style.backgroundImage = 'url("+sliderDir+sliderArray[id]+")'", sliderFadeSpeed);
 setTimeout("opacity('sliderFront', 100)", sliderFadeSpeed);
 window.clearTimeout(timeoutID);
 sliderWheel(id);
}

function sliderWheel(id) {
 newid = (sliderArray[id+1] != '') ? id+1 : 0;
 timeoutID = setTimeout('slider('+newid+')', sliderTimeout);
}

function fade(id, start, end, millisec) {
 fadeSpeed = Math.round(millisec / 100);
 timer = 0;
 if(start > end) for(i = start; i >= end; i--) {setTimeout("opacity('"+id+"', "+i+")", (timer * fadeSpeed)); timer++;}
 else if(start < end) for(i = start; i <= end; i++) {setTimeout("opacity('"+id+"', "+i+")", (timer * fadeSpeed)); timer++;}
}

function opacity(id, opacity) {
 opacElement = document.getElementById(id);
 opacElement.style.opacity = (opacity / 100);
 opacElement.style.MozOpacity = (opacity / 100);
 opacElement.style.KhtmlOpacity = (opacity / 100);
 opacElement.style.filter = "alpha(opacity=" + opacity + ")";
}

