var pageLoaded = 0;

Drupal.behaviors.promoTiles = function(context) {
	if (pageLoaded == 0) { //when page is loaded
		promoTilesMakeInteractive();
	}
	else {
		//other drupal events
	}
	pageLoaded++;
}

 
var speed = 0;
/**
 * When user hovers over a promotile on the homepage, expand the tile and display hidden content
 */
function promoTilesMakeInteractive(){

  promoTilesColorClasses();

  //add expanded class to first row
  $('.view-hp-promo-tiles .views-row:first').addClass('expanded');
  
  //collapse all others
  expandPromoTiles();
  promoTilesCollapseOthers();
  //when the row is moused over, hide certain classes and add the expanded class
  $('.view-hp-promo-tiles .views-row').bind('mouseenter',function(){
      $(this).addClass('expanded');
      expandPromoTiles();
      promoTilesCollapseOthers();
    }
  );
  //when mouse leaves, collapse all that do not have the expanded class
 // $('.view-hp-promo-tiles .views-row').bind('mouseout', promoTilesCollapseOthers());
}
function expandPromoTiles(){
      $('.expanded').css('visibility','hidden');
      $('.expanded').find('.node-inner .node-body .node-soft-left').show(speed);
      $('.expanded').find('.node-inner .node-body .field-field-teaser').show(speed);
      $('.expanded').find('.node-inner .node-bottom').show(speed);
      $('.expanded').fadeIn(500);
      $('.expanded').css('visibility','visible');
      
      $('.expanded').find('purple-active').css('visibility', 'visible');
      $('.expanded').find('red-active').css('visibility', 'visible');
      $('.expanded').find('brown-active').css('visibility', 'visible');
      
      $('.expanded').css('backgroundImage','url(' + Drupal_theme_path + '/inc/images/promo-tile-active.png)');
  }

function promoTilesCollapseOthers(){
  $('.view-hp-promo-tiles .views-row').each(function(){
     //see if the div has an expanded class
     var noExpandClass = $(this).hasClass('expanded');
     //if not, hide certain classes
     if(noExpandClass != true) {
        $(this).find('.node-inner .node-body .node-soft-left').hide(speed);
        $(this).find('.node-inner .node-body .field-field-teaser').hide(speed);
        $(this).find('.node-inner .node-bottom').hide(speed);
        $(this).css('backgroundImage','url(' + Drupal_theme_path + '/inc/images/promo-tile.png)');
        //change background image color to collapsed
        $(this).find('.red').css('backgroundImage','url(' + Drupal_theme_path + '/inc/images/arrow_red.gif)');
        $(this).find('.purple').css('backgroundImage','url(' + Drupal_theme_path + '/inc/images/arrow_purple.gif)');
        $(this).find('.brown').css('backgroundImage','url(' + Drupal_theme_path + '/inc/images/arrow_brown.gif)');   
      }
      else{
        //change background image color to expanded
        $(this).find('.red').css('backgroundImage','url(' + Drupal_theme_path + '/inc/images/arrow_red_active.gif)');
        $(this).find('.purple').css('backgroundImage','url(' + Drupal_theme_path + '/inc/images/arrow_purple_active.gif)');
        $(this).find('.brown').css('backgroundImage','url(' + Drupal_theme_path + '/inc/images/arrow_brown_active.gif)');         
      }

      //remove the expanded class, we are done with it for now
      $(this).removeClass('expanded');  
    }
  );
}


/**
 * change color classes
 * 
 * @access public
 * @param mixed $item
 * @param mixed $counter
 * @return void
 */
function promoTilesColorClasses() {
  var colorCounter;
  colorCounter = 0;
  $('.view-hp-promo-tiles .views-row .node-contents').each(function(){
    switch (colorCounter) {
       case 0:
         $(this).addClass('purple');
         colorCounter++;
       break;
       case 1:
         $(this).addClass('red');
         colorCounter++;
       break;
       case 2:
         $(this).addClass('brown');
         colorCounter = 0;
       break; 
       default:
       
    }
  });
  
}