/* Preload images to prevent screen flickering 
 * image name based on naming pattern (image path, color/description, image slice position, file type)
 *
 * buttonBlue.png
 * buttonBlueLeft.png
 * buttonBlueCenter.png
 * buttonBlueRight.png
 *
 * Except: (2 state button)
 * buttonNotHelpful.png
 * buttonNotHelpfulClick.png
 *
 * */

if (document.images)
{
 
  imgPath = '../images/redesign/home/buttons/';
  imgType = '.png';
  
  objImage = new Array();
  ibase = new Array('blue', 'green');// skip "buttonHelpful" & "buttonNotHelpful" a 2 state button
  islice = new Array('Left', 'Center', 'Right', 'LeftClick', 'CenterClick', 'RightClick', 'LeftOver', 'CenterOver', 'RightOver');
  
  // counter for the new image list
  count = 0;
  // set image url
  image_url = new Array();
  // get array length
  ibaseArray = ibase.length;
  //create new image list
  for ( i = 0; i < ibase.length; i++ ) 
  {
    for ( j = 0; j < islice.length; j++ ) 
    {		  
      image_url[count] = imgPath + ibase[i] + islice[j] + imgType;
      count++;		 
    }
  }
  
  for(i = 0; i < image_url.length; i++) 
  {
    objImage[i] = new Image();
    objImage[i].src = image_url[i];
  }

}
    
  


function button(ob)
{  

  if ( $(ob).parent().parent().parent().get(0).className )
  {
    var myclass = $(ob).parent().parent().parent().get(0).className;
  }
  else if ( $(ob).parent().get(0).className )
  {
    var myclass = $(ob).parent().get(0).className;
  }
 

  if (myclass == 'buttonBlue but')
  {
	var parentTag = $(ob).parent().parent().parent().get(0).setAttribute('class', 'buttonBlueClick but');
  }
  else if (myclass == 'buttonGreen but')
  {
	var parentTag = $(ob).parent().parent().parent().get(0).setAttribute('class', 'buttonGreenClick but');
  }
  else if (myclass == 'buttonHelpful but')
  {
	var parentTag = $(ob).parent().parent().parent().get(0).setAttribute('class', 'buttonHelpfulClick but');
  }
  else if (myclass == 'buttonHelpful2 but help')
  {
	var parentTag = $(ob).parent().get(0).setAttribute('class', 'buttonHelpfulClick2 but help');
  }
  else if (myclass == 'buttonNotHelpful but help')
  {
	var parentTag = $(ob).parent().get(0).setAttribute('class', 'buttonNotHelpfulClick but help');
  }

}

function revertButton(ob)
{  

  if ( $(ob).parent().parent().parent().get(0).className )
  {
    var myclass = $(ob).parent().parent().parent().get(0).className;
  }
  else if ( $(ob).parent().get(0).className )
  {
    var myclass = $(ob).parent().get(0).className;
  }


  if (myclass == 'buttonBlueClick but')
  {
   var parentTag = $(ob).parent().parent().parent().get(0).setAttribute('class', 'buttonBlue but');
  }
  else if (myclass == 'buttonGreenClick but')
  {
	var parentTag = $(ob).parent().parent().parent().get(0).setAttribute('class', 'buttonGreen but');
  }
  else if (myclass == 'buttonHelpfulClick but help')
  {
	var parentTag = $(ob).parent().parent().parent().get(0).setAttribute('class', 'buttonHelpful but help');
  }
  else if (myclass == 'buttonHelpfulClick2 but help')
  {
	var parentTag = $(ob).parent().get(0).setAttribute('class', 'buttonHelpful2 but help');
  }
  else if (myclass == 'buttonNotHelpfulClick but help')
  {
	var parentTag = $(ob).parent().get(0).setAttribute('class', 'buttonNotHelpful but help');
  }

}