/************************************************************ DETECT BROWSER */
var nVer = navigator.appVersion;
var nAgt = navigator.userAgent;
var browserName  = navigator.appName;
var fullVersion  = ''+parseFloat(navigator.appVersion); 
var majorVersion = parseInt(navigator.appVersion,10);
var nameOffset,verOffset,ix;

if ((verOffset=nAgt.indexOf("Opera"))!=-1) 
{
 browserName = "Opera";
 fullVersion = nAgt.substring(verOffset+6);
 if ((verOffset=nAgt.indexOf("Version"))!=-1) 
   fullVersion = nAgt.substring(verOffset+8);
}

else if ((verOffset=nAgt.indexOf("MSIE"))!=-1) 
{
 browserName = "Microsoft Internet Explorer";
 fullVersion = nAgt.substring(verOffset+5);
}
 
else if ((verOffset=nAgt.indexOf("Chrome"))!=-1) 
{
 browserName = "Chrome";
 fullVersion = nAgt.substring(verOffset+7);
}

else if ((verOffset=nAgt.indexOf("Safari"))!=-1) 
{
 browserName = "Safari";
 fullVersion = nAgt.substring(verOffset+7);
 if ((verOffset=nAgt.indexOf("Version"))!=-1) 
   fullVersion = nAgt.substring(verOffset+8);
}

else if ((verOffset=nAgt.indexOf("Firefox"))!=-1) 
{
 browserName = "Firefox";
 fullVersion = nAgt.substring(verOffset+8);
}

else if ( (nameOffset=nAgt.lastIndexOf(' ')+1) < (verOffset=nAgt.lastIndexOf('/')) ) 
{
 browserName = nAgt.substring(nameOffset,verOffset);
 fullVersion = nAgt.substring(verOffset+1);
 if (browserName.toLowerCase()==browserName.toUpperCase()) 
 {
   browserName = navigator.appName;
 }
}

if ((ix=fullVersion.indexOf(";"))!=-1) fullVersion=fullVersion.substring(0,ix);
if ((ix=fullVersion.indexOf(" "))!=-1) fullVersion=fullVersion.substring(0,ix);

majorVersion = parseInt(''+fullVersion,10);
if (isNaN(majorVersion)) 
{
  fullVersion  = ''+parseFloat(navigator.appVersion); 
  majorVersion = parseInt(navigator.appVersion,10);
}

browserVer=majorVersion;
/******************************************************** END DETECT BROSWER */


/*********************************************** AJAX TO RETRIEVE VENDOR DATA */
var vendor_data;

function getTotalVendorData()
{
  var xmlhttp;
  var url;
  url = "ajax/ajax_load_vendors.php?q="+Math.random();
  
  if (window.XMLHttpRequest)
  {
    // IE7+ FIREFOX CHROME OPERA SAFARI
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6 IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.onreadystatechange=function()
  {
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      vendor_data=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET",url,true);
  xmlhttp.send();
}
/*********************************************** END AJAX TO RETRIEVE VENDOR DATA */


/*********************************************** AJAX TO RETRIEVE PROMO DATA */
var promo_data;

function getPromoData()
{
  var xmlhttp;
  var url;
  url = "ajax/ajax_load_promos.php?q="+Math.random();
  
  if (window.XMLHttpRequest)
  {
    // IE7+ FIREFOX CHROME OPERA SAFARI
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // IE6 IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }

  xmlhttp.onreadystatechange=function()
  {
    if(xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      promo_data=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET",url,true);
  xmlhttp.send();
}
/********************************************************** END AJAX TO RETRIEVE PROMO DATA */


/*********************************************** SET GLOBAL VARIABLES FOR VENDORS AND PROMOS */
/* SET DIV IDS TO VARIABLES FOR SCROLLER */
var canvas_one = "scroller_canvas_one"; 
var canvas_two = "scroller_canvas_two"; 

/* SET DIV ID TO VARIABLE FOR PROMOS */
var promo_area = "promos";
var promo_arrow_left = "promos_arrow_left";
var promo_arrow_right = "promos_arrow_right";

/* SET REMAINING DIV IDS FOR INNERHTML ECHO ON SCROLLER */
var scroller_left_one="scroller_canvas_left_one";
var scroller_left_two="scroller_canvas_left_two";
var scroller_logo_one="scroller_logo_small_one";
var scroller_content_one="scroller_text_one";
var scroller_image_one="scroller_image_right_one";
var scroller_logo_two="scroller_logo_small_two";
var scroller_content_two="scroller_text_two";
var scroller_image_two="scroller_image_right_two";

/* SET DEFAULT VALUES */
var f=100;
var m=-197;
var itemized_vendors = new Array();
var itemized_promos = new Array();
var promo_section = new Array();

/* STARTS AT 0 FOR BOTH COUNTERS */
var vendor_counter=0;
var scroller_counter=0;
var firstTime = true;
/*********************************************** END SET GLOBAL VARIABLES FOR VENDORS AND PROMOS */


/********************************************** LOAD BOTH VENDORS AND PROMO DATA WITH TIMEOUT */     
function loadData()
{
  getTotalVendorData();
  setTimeout("prepareData()",1000);
    
  getPromoData();
  setTimeout("preparePromoData()",1000);
}
/************************************* END LOAD BOTH VENDORS AND PROMO DATA WITH TIMEOUT */ 


/***************************** PREPARE AJAX DATA INTO ARRAY FOR BOTH VENDORS AND PROMOS */     
function prepareData()
{ 
  split_vendors = vendor_data.split("~");
  total_vendors = (split_vendors.length-1);
  
  for (i=0;i<total_vendors;i++)
  {
    itemized_vendors[i] = split_vendors[i].split("|");
  }
  startScroller();
}
function preparePromoData()
{ 
  split_promos = promo_data.split("~");
  total_promos = (split_promos.length-1);
  if (total_promos <= 1)
  {
    return;
  }
  else 
  {
    for (i=0;i<total_promos;i++)
    {
      itemized_promos[i] = split_promos[i].split("|");
      
      /* POPULATE ARRAY PROMO_SECTION WITH ALL AVAILABLE DATA */
      /* MAIN TITLE */
      promo_section[i] = "<h1>"+itemized_promos[i][0]+"</h1>";
      /* SUBTITLE 1 */
      promo_section[i]  += "<i>"+itemized_promos[i][1]+"<br />";
      /* LINK 1 */
      promo_section[i]  += "<a href='"+itemized_promos[i][2]+"' target='_blank'>"+itemized_promos[i][3]+"</a><br />";
      /* SUBTITLE 2 */
      promo_section[i]  += itemized_promos[i][4]+"<br />";
      /* LINK 2 */
      promo_section[i]  += "<a href='"+itemized_promos[i][5]+"' target='_blank'>"+itemized_promos[i][6]+"</a></i><br />";
    }
    promo_interval=setInterval("startPromo();",5000);
  }
}
/***************************** END PREPARE DATA FOR BOTH VENDORS AND PROMOS */ 


/********************************************** START SCROLLER ANIMATION */
function startScroller()
{
  if ((scroller_counter==0) && (firstTime == true))
  {
    /* DEBUG 
    document.getElementById("test").innerHTML="Scroller counter: "+scroller_counter+"<br />Vendor Counter: "+vendor_counter;
    */
       
    populateFirstDivs();
    scroller_counter=2;
    vendor_counter=2;
  }
  else if ((scroller_counter > 0) && (scroller_counter < total_vendors))
  {
    
    /* DEBUG 
    document.getElementById("test").innerHTML="Total Vendors: "+total_vendors+"<br />Scroller Counter:  "+scroller_counter+"<br />Vendor Counter: "+vendor_counter;
    */
    
    animate=setInterval("fadeMove()",15);
  }
  else if (total_vendors == scroller_counter)
  {
    /* DEBUG 
    document.getElementById("test").innerHTML="Scoller counter equals "+total_vendors+".";
    */
    
    animate=setInterval("fadeMove()",15);
    firstTime=false;
    scroller_counter=0;
    vendor_counter=0;
  }
  else
  {
    /* DEBUG 
    document.getElementById("test").innerHTML="Something broken all startscroller conditions failed. <br />Total vendors: "+total_vendors+" <br />Scroller counter: "+scroller_counter+".";
    */
  }
}
function populateFirstDivs()
{ 
  document.getElementById(scroller_logo_one).innerHTML="<img src='scroller/images/"+itemized_vendors[0][1]+"'>";
  document.getElementById(scroller_content_one).innerHTML= itemized_vendors[0][2]+"  <a href='vendors.php?vendor_name="+itemized_vendors[0][0]+"' title='"+itemized_vendors[0][0]+"'>Learn more about "+itemized_vendors[0][0]+"</a>.";
  document.getElementById(scroller_image_one).innerHTML= "<img src='scroller/images/"+itemized_vendors[0][3]+"'>";

  document.getElementById(scroller_logo_two).innerHTML="<img src='scroller/images/"+itemized_vendors[1][1]+"'>";
  document.getElementById(scroller_content_two).innerHTML= itemized_vendors[1][2]+" <a href='vendors.php?vendor_name="+itemized_vendors[1][0]+"' title='"+itemized_vendors[1][0]+"'>Learn more about "+itemized_vendors[1][0]+"</a>.";
  document.getElementById(scroller_image_two).innerHTML= "<img src='scroller/images/"+itemized_vendors[1][3]+"'>";
  
  setTimeout("startScroller()",4000);
}
function fadeMove() 
{
  if(f!=0)
  {
    f--;
     
     /* DEBUG    
    document.getElementById("test").innerHTML=browserName+" : "+browserVer;
    */
    
    /* FOR OLDER IE BROWSERS */
    if ((browserName=="Microsoft Internet Explorer") && (browserVer <= 7))
    {
      document.getElementById(canvas_one).style.filter=alpha(opacity=f);
    }
    else if ((browserName=="Microsoft Internet Explorer") && (browserVer == 8))
    {
      document.getElementById(canvas_one).style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity='+f+')';
    }
    else
    {
      document.getElementById(canvas_one).style.opacity=(f/100);
    }
    /* END FOR OLDER IE BROWSERS */
    
         
    /* AT .4 (40) START MOVE DOWN */
    if ((0 < f) && (f < 65))
    {
      m+=3;
      document.getElementById(canvas_two).style.top=m+"px";
    }
    else if(f==0)
    {
    
      f=100;
      m=-197;
      
      document.getElementById(canvas_two).style.top="0px";
      document.getElementById(canvas_one).style.top="-197px";
      
      /* FOR OLDER IE BROWSERS */
      if ((browserName=="Microsoft Internet Explorer") && (browserVer <= 7))
      {
        document.getElementById(canvas_one).style.filter=alpha(opacity=100);
      }
      else if ((browserName=="Microsoft Internet Explorer") && (browserVer == 8))
      {
        document.getElementById(canvas_one).style.filter='progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
      }
      else
      {
        document.getElementById(canvas_one).style.opacity=1;
      }
      /* END FOR OLDER IE BROWSERS */
    
      document.getElementById(canvas_one).style.zIndex=2;
      document.getElementById(canvas_two).style.zIndex=1;

      /* LOAD NEW DATA INTO CANVAS ONE */
      namez=itemized_vendors[vendor_counter][0];
      logoz=itemized_vendors[vendor_counter][1];
      textz=itemized_vendors[vendor_counter][2];
      imagez=itemized_vendors[vendor_counter][3];
      
      document.getElementById(scroller_logo_one).innerHTML="<img src='scroller/images/"+logoz+"'>";
      document.getElementById(scroller_content_one).innerHTML= textz+"  <a href='vendors.php?vendor_name="+namez+"' title='"+namez+"'>Learn more about "+namez+"</a>.";
      document.getElementById(scroller_image_one).innerHTML= "<img src='scroller/images/"+imagez+"'>";
      
      if(canvas_one == "scroller_canvas_one")
      {
        canvas_one = "scroller_canvas_two";
        canvas_two = "scroller_canvas_one";

        scroller_left_one="scroller_canvas_left_two";
        scroller_logo_one="scroller_logo_small_two";
        scroller_content_one="scroller_text_two";
        scroller_image_one="scroller_image_right_two";
        
        scroller_left_two="scroller_canvas_left_one";
        scroller_logo_two="scroller_logo_small_one";
        scroller_content_two="scroller_text_one";
        scroller_image_two="scroller_image_right_one";
      }
      else if(canvas_one == "scroller_canvas_two")
      {
        canvas_one = "scroller_canvas_one";
        canvas_two = "scroller_canvas_two";
        
        scroller_left_one="scroller_canvas_left_one";
        scroller_logo_one="scroller_logo_small_one";
        scroller_content_one="scroller_text_one";
        scroller_image_one="scroller_image_right_one";

        scroller_left_two="scroller_canvas_left_two";
        scroller_logo_two="scroller_logo_small_two";
        scroller_content_two="scroller_text_two";
        scroller_image_two="scroller_image_right_two";
      }
      
      clearInterval(animate);
      scroller_counter+=1;
      vendor_counter+=1;
      setTimeout("startScroller()",4000);
    }
  }
}
/*********************************************** END SCROLLER ANIMATION */


/*********************************************** PROMO ANIMATION */
var promo_counter=0;
/* var testing = "test"; */
function startPromo()
{
  promo_counter=(promo_counter+1);
  adjustCounter();
  displayPromos();
}
function stopPromo()
{
  clearInterval(promo_interval);
}
function playPromo()
{
  startPromo();
  promo_interval=setInterval("startPromo();",6000);
}
function nextPromo()
{
  clearInterval(promo_interval);
  promo_counter=(promo_counter+1);
  adjustCounter();
  displayPromos();
}
function previousPromo()
{
  clearInterval(promo_interval);
  promo_counter=(promo_counter-1);
  adjustCounter();
  displayPromos();
}
function displayPromos()
{  
  document.getElementById(promo_area).innerHTML = promo_section[promo_counter];
 /* document.getElementById(testing).innerHTML = "promo counter: "+promo_counter; */
}
function adjustCounter()
{
  if (promo_counter >= (promo_section.length))
  {
    promo_counter=0;
  }
  else if (promo_counter < 0)
  {
    promo_counter=(promo_section.length-1);
  }
}
/*********************************************** END PROMO ANIMATION */


/******************************************************* DROP DOWN MENU */
/* SET DIV VARIABLES FOR INDEX MENU */
var vendor_index = "vendor_drop_down_index";
var product_index = "product_drop_down_index";
var support_index = "support_drop_down_index";
var event_index = "event_drop_down_index";
var contact_index = "contact_drop_down_index";

/* SET DIV VARIABLES FOR INTERIOR MENU */
var vendor_interior = "vendor_drop_down_interior";
var product_interior = "product_drop_down_interior";
var support_interior = "support_drop_down_interior";
var event_interior = "event_drop_down_interior";
var contact_interior = "contact_drop_down_interior";

function hideIt(v) 
{
  document.getElementById(v).style.display="none";
}

function showIt(v) 
{
  document.getElementById(v).style.display="block";
}

function hideOthers(v1,v2,v3,v4)
{
  document.getElementById(v1).style.display="none";
  document.getElementById(v2).style.display="none";
  document.getElementById(v3).style.display="none";
  document.getElementById(v4).style.display="none";
}

function hideAll(v1,v2,v3,v4,v5)
{
  document.getElementById(v1).style.display="none";
  document.getElementById(v2).style.display="none";
  document.getElementById(v3).style.display="none";
  document.getElementById(v4).style.display="none";
  document.getElementById(v5).style.display="none";
}
/*********************************************** END DROP DOWN MENU */