// JScript File

var spotCount = 4;
var projCount = 10;
var currentSpot = 1;
var previousPic = -1;
var currentPic = 0;
var currentProj = 0.0;
var spotDelay = 12000;
var bannerDelay = 6000;
var timeOutId;
var fadeDelay = 50;

var bannerMain = new Array(
   'main018.jpg',
   'main001.jpg',
   'main012.jpg',
   'main011.jpg',
   'main002.jpg',
   'main015.jpg',
   'main022.jpg',
   'main017.jpg',
   'main005.jpg',
   'main003.jpg',
   'main006.jpg',
   'main008.jpg',
   'main021.jpg',
   'main007.jpg',
   'main004.jpg',
   'main009.jpg',
   'main010.jpg',
   'main013.jpg',
   'main019.jpg',
   'main024.jpg',
   'main014.jpg',
   'main020.jpg',
   'main016.jpg'
);


var bannerDispatch = new Array(
   'pouring107.jpg',
   'deco102.jpg',
   'project115.jpg',
   'placing001.jpg',
   'pouring109.jpg',
   'pump108.jpg',
   'project113.jpg',
   'pouring104.jpg',
   'onsite101.jpg',
   'pouring106.jpg',
   'project112.jpg',
   'pump103.jpg',
   'project108.jpg',
   'pouring108.jpg',
   'pouring105.jpg',
   'project106.jpg'
);
var bannerConcrete = new Array(
   'pouring107.jpg',
   'deco102.jpg',
   'project115.jpg',
   'placing001.jpg',
   'pouring109.jpg',
   'pump108.jpg',
   'project113.jpg',
   'pouring104.jpg',
   'onsite101.jpg',
   'pouring106.jpg',
   'project112.jpg',
   'pump103.jpg',
   'project108.jpg',
   'pouring108.jpg',
   'pouring105.jpg',
   'project106.jpg' 
);

var bannerAggregate = new Array(
   'aggregate100.jpg',
   'aggregate101.jpg',
   'aggregate102.jpg'

);

var bannerIcf = new Array(
   'project101.jpg',
   'pouring102.jpg',
   'loading100.jpg',
   'pouring100.jpg',
   'pouring100.jpg'
);

var bannerPumping = new Array(
   'pump100.jpg',
   'pouring100.jpg',
   'pump102.jpg',
   'placing001.jpg',
   'pump103.jpg',
   'pump104.jpg',
   'pump105.jpg'
);
var bannerMscg = new Array(
   'mscg101.jpg',
   'mscg100.jpg',
   'mscg102.jpg',
   'mscg104.jpg',
   'mscg105.jpg',
   'mscg106.jpg',
   'mscg107.jpg',
   'mscg103.jpg'
);
var bannerBulk = new Array(
   'bulk101.jpg',
   'bulk100.jpg',
   'bulk104.jpg',
   'bulk102.jpg',
   'bulk103.jpg'
);
var bannerGreen = new Array(
   'pouring100.jpg',
   'pouring102.jpg',
   'loading100.jpg',
   'pouring100.jpg',
   'pouring100.jpg'
);

var bannerAvr = new Array(
   'pouring100.jpg',
   'pouring102.jpg',
   'loading100.jpg',
   'pouring100.jpg',
   'pouring100.jpg'
);



var bannerProject = new Array(
   'project100.jpg',
   'project101.jpg',
   'project102.jpg',
   'project103.jpg',
   'project104.jpg',
   'project105.jpg',
   'project106.jpg',
   'project107.jpg',
   'project108.jpg',
   'project109.jpg',
   'project110.jpg',
   'project111.jpg',
   'project112.jpg',
   'project113.jpg'
   
);


var currentBanner = bannerMain;

function changeCss(css)
{
    document.getElementById('css').href = 'txt/css/' + css + '.css';
    //alert('Stylesheet is now: txt/css/' + css + '.css');
}

// mainSetup - use for main page
function mainSetup(startSpot) {
    //showBanner('main', -1, 0)
	gotoSpot(startSpot);
}

// pageSetup - use for area pages
function pageSetup(banner, pic, rotate, hilite) {



//   var obj = document.getElementById("bannerImage");
//   var b = new Array();
//   b = obj.src.split('pic/head/');
//   alert(b[1]);
//   if(b[1] != 'pixel.gif')
//   {
//       
//          for(x=0;x<currentBanner.length;x++)
//          {
//             if(b[1] == currentBanner[x])
//                break;
//          }
//          pic = x;
//   }

  // use a random picture from the specified pic array
  showBanner(banner, pic, rotate);
  //if(banner = 'project')
    //projectpage();
  if(banner == 'project')
  {

     // .....  showproj(document.getElementById('projectArea').value);
        
     
  }
}

// ----- BANNER -----------------------
function showBanner(array, pic, rotate)
{
   switch(array)
   {
      case 'dispatch': currentBanner = bannerDispatch; break;
      case 'main': currentBanner = bannerMain; break;
      case 'concrete': currentBanner = bannerConcrete; break;
      case 'icf': currentBanner = bannerIcf; break;
      case 'aggregate': currentBanner = bannerAggregate; break;
      case 'pumping': currentBanner = bannerPumping; break;
      case 'bulk': currentBanner = bannerBulk; break;
      case 'mscg': currentBanner = bannerMscg; break;
      case 'green': currentBanner = bannerGreen; break;
      case 'avr': currentBanner = bannerAvr; break;
      case 'project': currentBanner = bannerProject; break;
      default: currentBanner = bannerMain
   }
   if(pic < 0)
   {
            rdm = 60/currentBanner.length;
            
            currentDate = new Date();
            core = currentDate.getSeconds();
            core = Math.floor(core/rdm);
 
            currentPic = core;
   }
   else
   {
     currentPic = pic;
   }

   if(currentPic >= currentBanner.length || currentPic <0) currentPic = 0;

   
   if(previousPic >= 0) document.getElementById("banner").style.background = 'url(pic/head/' + currentBanner[previousPic] + ') no-repeat';
   document.getElementById("bannerImage").src = 'pic/head/' + currentBanner[currentPic];
   fade("bannerImage", 1500);
   previousPic = currentPic;
   if(++currentPic  ==  currentBanner.length)
   currentPic=0;      

   if(rotate==1) setTimeout("showBanner('" + array + "'," + currentPic + "," + rotate+")",bannerDelay);

  
}




// ----- MENUS ------------------------------------------------------ //
function showMenu(menu, pos) {

	var currMenuOn = true;
	var retValue = true;

	if (menu == '') {
		closeMenus();
		return false;
	}

	if (document.getElementById(menu).style.display != 'block')
		currMenuOn = false;

	closeMenus();
	document.getElementById(menu).style.display = 'block';
	document.getElementById('smDisplayed').style.left = pos+'px';
	document.getElementById('smDisplayed').style.display = 'block';
/*
	document.getElementById('menuitemSelected').style.left = pos;
	document.getElementById('menuitemSelected').style.display = 'block';
*/
	return true;
}

function closeMenus() {
	document.getElementById('smAboutAVR').style.display = 'none';
	document.getElementById('smOther').style.display = 'none';
	document.getElementById('smReadymix').style.display = 'none';
	document.getElementById('menuitemSelected').style.display = 'none';
	document.getElementById('smDisplayed').style.display = 'none';
/*	document.getElementById('smAboutAVR2').style.display = 'none';
	document.getElementById('smOther2').style.display = 'none';
	document.getElementById('smReadymix2').style.display = 'none';
	document.getElementById('smOther3').style.display = 'none';
	document.getElementById('smReadymix3').style.display = 'none';
*/



}
// ----- SPOTLIGHTS -----------------------
function rotateSpots()
{
     hideSpots();
     currentSpot++;
     if(currentSpot >= spotCount) currentSpot = 0;
     gotoSpot(currentSpot)
     //document.getElementById( 'spot'+currentSpot).style.display='block';
     //timeOutId = setTimeout('rotateSpots()', spotDelay);
}


function hideSpots() {
	for (i = 0; i < spotCount; i++) {
		document.getElementById('spot' + i).style.display = 'none';
		document.getElementById('sn' + i).style.background = '';
		document.getElementById('sn' + i).style.color = '';
	}
}

function gotoSpot(spotNo) {
	hideSpots();
	currentSpot = spotNo;
	if (currentSpot < 0) currentSpot = spotCount - 1;
	document.getElementById('spot' + currentSpot).style.display = 'block';
	document.getElementById('sn' + spotNo).style.background = '';
	document.getElementById('sn' + spotNo).style.color = '#900';
	
	
    //document.getElementById('bannerImage').src = 'pic/head/' + bannerMain[spotNo];
	   
	if(timeOutId != null)
       clearTimeout(timeOutId);
    timeOutId = setTimeout('rotateSpots()', spotDelay);


}

function prevSpot() {
	currentSpot--;
	if (currentSpot < 0) currentSpot = spotCount - 1;
	gotoSpot(currentSpot);
}
function nextSpot() {
	currentSpot++;
	if (currentSpot > spotCount - 1) currentSpot = 0;
	gotoSpot(currentSpot);
}

// ----- QUICK TOOLS -----------------
function openWeather() {
       closeMap();  
       closeCalc(); 
	   document.getElementById('weatherpanel' ).style.display = 'block';
	   fade("weatherpanel",300);
	   
	
}

function closeWeather() {
	   document.getElementById('weatherpanel' ).style.display = 'none';

}
function openMap() {
       closeWeather(); 
       closeCalc(); 
	   document.getElementById('mappanel' ).style.display = 'block';
  	   fade("mappanel",300);

	
}

function closeMap() {
	   document.getElementById('mappanel' ).style.display = 'none';

}

function openCalc(gototop) {
       closeWeather(); 
       closeMap();  
	   document.getElementById('calcpanel' ).style.display = 'block';
//	   document.getElementById('calculator_calcBox1').value = '';
//	   document.getElementById('calculator_calcBox1').className = 'input-box';
//	   document.getElementById('calculator_calcBox1').readOnly = false;
//	   
//	   document.getElementById('calculator_calcBox2').value = '';
//	   document.getElementById('calculator_calcBox2').className = 'input-box';
//	   document.getElementById('calculator_calcBox2').readOnly = false;
//	   
//	   document.getElementById('calculator_calcBox3').value = '';
//	   document.getElementById('calculator_calcBox3').className = 'input-box';
//	   document.getElementById('calculator_calcBox3').readOnly = false;
//	   
//	   document.getElementById('calculator_calcResult').value = '';
//	   document.getElementById('calculator_calcResult').className = 'input-box';
//	   document.getElementById('calculator_Calculate').disabled = false;
	   
	   document.all("calculator_Reset").click();
	   document.all("calculator_Reset").click();
       if(gototop==1)
       {
          fade("calcpanel",100);
          setTimeout('window.scrollTo(0, 0)',300);
       }
       else
       {
          fade("calcpanel",300);
       }
	   
	   
}



function closeCalc() {
	   document.getElementById('calcpanel' ).style.display = 'none';
//	   fade("calcpanel",-600);
}

function fade(fid, ftime)
{
   var fobj = document.getElementById(fid);
   var fsteps = ftime / 30;
   var fchange = 100 / fsteps;
     if (fsteps >= 0)
     {
       fobj.style.opacity = '0';
       if (fobj.filters) fobj.style.filter = 'alpha(opacity=0)';
       fadein(fid, fsteps, fchange, 0, 30);
     }
     else
     {
       fobj.style.opacity = '1';
       if (fobj.filters) fobj.style.filter = 'alpha(opacity=100)';
       fadeout(fid, fsteps, fchange, 100, 30);
     }
   
}
function fadein(fid, fsteps, fchange, fopacity, fdelay)
{
   var fobj = document.getElementById(fid);
   if(fsteps <= 0 ){
      fobj.style.opacity = '1';
      if (fobj.filters) fobj.style.filter = 'alpha(opacity=100)';
   }
   else{
      fsteps = fsteps - 1;
      fopacity = fopacity + fchange;
      fobj.style.opacity = fopacity/100;
      if (fobj.filters) fobj.style.filter = 'alpha(opacity='+fopacity+')';
      setTimeout("fadein('" + fid +"',"+fsteps+","+fchange+","+fopacity+","+fdelay+")",fdelay);
   }
}   
function fadeout(fid, fsteps, fchange, fopacity, fdelay)
{
   var fobj = document.getElementById(fid);
   if(fsteps >= 0 ){
      fobj.style.opacity = '0';
      if (fobj.filters) fobj.style.filter = 'alpha(opacity=0)';
      // alert("done");
   }
   else{
      //alert(fid+","+fsteps+","+ fchange+","+fopacity+","+fdelay);

      fsteps = fsteps + 1;
      fopacity = fopacity + fchange;
      fobj.style.opacity = fopacity/100;
      if (fobj.filters) fobj.style.filter = 'alpha(opacity='+fopacity+')';
      setTimeout("fadeout('" + fid +"',"+fsteps+","+fchange+","+fopacity+","+fdelay+")",fdelay);
   }
} 

function openmaindesc()
{
   document.getElementById('maindesc').style.display = 'block';
   document.getElementById('mainclose').style.display = 'inline';
   document.getElementById('mainopen').style.display = 'none';
   
}
function closemaindesc()
{
   document.getElementById('maindesc').style.display = 'none';
   document.getElementById('mainclose').style.display = 'none';
   document.getElementById('mainopen').style.display = 'inline';
   
}

function projectpage()
{
   document.body.bgColor = '#000000';
   
}

function nextproj()
{
  currentProj = currentProj + 1;
   if(currentProj > projCount)
     currentProj = 1;
   showproj(currentProj);  
}

function prevproj()
{
   currentProj = currentProj - 1;
   if(currentProj < 1)
     currentProj = projCount;
   showproj(currentProj);  
}


function showproj(projno)
{ 
      proj = projno; 
      if(projno<10)
         proj = "0"+projno;

   for(x=1;x<=projCount;x++)
   {
      var pno = '0'+x; 
      if(pno.length>2)
         pno = x;
      document.getElementById('proj'+pno).style.display = 'none';
      document.getElementById('projtype'+pno).style.display = 'none';
      document.getElementById('ptdesc'+pno).style.display = 'none';
      if(proj == '00')
      {
         document.getElementById('projtype'+pno).style.display = 'block';
      }
   }
   if(proj != '00')
   {
      document.getElementById('proj'+proj).style.display = 'block';
      document.getElementById('ptdesc'+proj).style.display = 'block';
      document.getElementById('projtype'+proj).style.display = 'block';
      document.getElementById('projstylenav').style.display = 'block';
   }
   else
      document.getElementById('projstylenav').style.display = 'none';

   currentProj = projno;
   if(projno > projCount)
     currentProj = 1;
   document.getElementById('projectArea').value = projno;
   
}
function showwarning()
{
    if(document.getElementById('concreteburns').style.display!='block')
        document.getElementById('concreteburns').style.display='block';
    else
        document.getElementById('concreteburns').style.display='none';
    
}

function flipproj(proj,projdetail, max)
{
   
   for(x=1;x<=max;x++)
   {
      var pno = '0'+x;
      if(pno.length>2)
         pno = x;
      //alert('pv'+proj+pno);
      document.getElementById('pv'+proj+pno).style.display = 'none';
   }
   pno = '0'+projdetail
  if(pno.length>2)
         pno = projdetail;
   document.getElementById('pv'+proj+pno).style.display = 'block';
}



function nextBanner()
{
   document.getElementById("bannerImage").src = 'pic/head/' + currentBanner[currentPic];
   previousPic = currentPic;
   if(++currentPic >= currentBanner.length || currentPic <0) currentPic = 0;
}

function prevBanner()
{
   if(--currentPic <0) currentPic = currentBanner.length;
   document.getElementById("bannerImage").src = 'pic/head/' + currentBanner[currentPic];
   previousPic = currentPic;
}
// ------------ HYCRETE VIEWER -----------------//
function showHycrete(hycrete, app, ht)
{
        //document.getElementById('hycreteviewer').style.background-position='0px '+ ht + 'px';
        document.getElementById('hycreteviewer').style.background = "url(pic/content/hc-sprite.jpg) 0px "+ht+"px";

 //  document.getElementById("hycreteimg").src = 'contentimg/hc-vwr.gif';
 //  document.getElementById("hycreteimg").src = hycrete;
   document.getElementById("hyapp01").className = '';
   document.getElementById("hyapp02").className = '';
   document.getElementById("hyapp03").className = '';
   document.getElementById("hyapp04").className = '';
   document.getElementById("hyapp05").className = '';
   document.getElementById("hyapp06").className = '';
   document.getElementById("hyapp07").className = '';
   document.getElementById("hyapp08").className = '';
   document.getElementById("hyapp09").className = '';
   document.getElementById("hyapp10").className = '';
   document.getElementById("hyapp"+app).className = "hilite";
}
function showWeatherPanel()
{
   document.getElementById("wpnl").style.display = "block";
   document.getElementById("cpnl").style.display = "none";
}
function showCalculatorPanel()
{
   document.getElementById("wpnl").style.display = "none";
   document.getElementById("cpnl").style.display = "block";
}