/**
 * Call:
 *    - call with image href attribute
 *
 * Return:
 *    - return css color
 *    - return background-image name
 */
function menuColors(imgSrc){
	
  /* Get image name */
  var imgName = imgSrc;
  imgName = imgName.split('/');
  imgName = imgName[imgName.length - 1];
  imgName = imgName.split('.');
  imgName = imgName[0];
	
  /* Get css-color AND background-image name */
  var cssColor = '';
  var cssImg = '';
  switch( imgName ){
   	case 'dog':
      cssColor = '#ff6600';
      cssImg = 'orange.gif';
      break;
    case 'cat':
      cssColor = '#7863a5';
      cssImg = 'violet.gif';
      break;
    case 'rabbit':
      cssColor = '#aabd27';
      cssImg = 'wgreen.jpg';
      break;
    case 'rodent':
      cssColor = '#2ca343';
      cssImg = 'red.gif';
      break;
    case 'parrot':
      cssColor = '#f0bb04';
      cssImg = 'yellow.gif';
      break;
    case 'fish':
      cssColor = '#0079c1';
      cssImg = 'blue.gif';
      break;
    case 'snake':
      cssColor = '#00cccc';
      cssImg = 'green.gif';
      break;
    default:
      cssColor = '#aabd27';
      cssImg = 'red.gif';
      break;
  }
  
  /* Define result array and return it */
  var res = new Array(cssColor, cssImg);
  return res;
}




/**
 * Action:
 *    - Draw subMenu AND apply needed design
 *
 * Call:
 *    - call with current menuItem AND background-image name
 *
 * Return:
 *    - this function will not return any result
 */
function subMenu_Draw(menuItem, bgrImg){
  var bgrRight = '/templates/rhuk_milkyway/css/img/subMenu_right_' + bgrImg;
  var bgrLeft = '/templates/rhuk_milkyway/css/img/subMenu_left_' + bgrImg;
	
  if( $(menuItem).find('ul').html() != null ){
    $('#mainMenu_subContainer').html( '<ul id="mainMenu_subContainer_ul">' + $(menuItem).find('ul').html() + '</ul><div class="clearAll"></div>' );

    var childrens = $('#mainMenu_subContainer_ul').children();
  
    var nextChild = '';
    for( var i = 0; i < childrens.length; i++ ){
      var child = childrens[i];

      /* Apply needed design */
      if( $(child).attr('class').search('active') != -1 ){
        $(child).css('backgroundImage', 'url(' + bgrLeft + ')');
        $(child).css({'background-repeat': 'no-repeat', 'padding-left': '6px'});
        $(child).find('a').css('backgroundImage', 'url(' + bgrRight + ')');
        $(child).find('a').css({'background-position': 'right top', 'background-repeat': 'no-repeat', 'color': '#ee2923', 'padding-right': '6px'});
        $(child).find('a').find('span').css({'backgroundImage': 'none', 'background-color': '#fff'});
      }else{
        $(child).css('backgroundImage', 'none');

        /* Don't set border-right if next is active */
        if( (i + 1) < childrens.length ){
          nextChild = childrens[i + 1];
          if( $(nextChild).attr('class').search('active') == -1 )
          	$(child).find('a').css({'backgroundImage': 'none', 'border-right': '1px solid #fff'});
        }
        
        /* Set border-right if last */
        if( (i + 1) == childrens.length )
          $(child).find('a').css({'backgroundImage': 'none', 'border-right': '1px solid #fff'});
      }
    }
  }else{
    $('#mainMenu_subContainer').html('&nbsp;');
  }
}




/**
 * Action:
 *    - Set default background colors for all not active MainMenuItems
 *
 * Call:
 *    - call with current menuItem AND background-image name AND css-color
 *
 * Return:
 *    - this function will not return any result
 */
function mainMenu_ReturnDef(child, css){
  var menuItem = '';
  var childrens = $('#menu_mainMenu').children();
  for(var i = 0; i < childrens.length; i++){
  	menuItem = childrens[i];
  	
  	/* MainMenu NOT ACTIVE ITEM */
  	if( $(menuItem).attr('class').search('active') == -1 ){
  		
      /* (Change To Default) current item background */
      $(menuItem).css('backgroundImage', 'url(/templates/rhuk_milkyway/css/img/mainMenu_left.gif)');
      $(menuItem).find('a').css('backgroundImage', 'url(/templates/rhuk_milkyway/css/img/mainMenu_right.gif)');
      $(menuItem).find('img').css('backgroundImage', 'url(/templates/rhuk_milkyway/css/img/mainMenu_middle.gif)');
      //$(menuItem).find('span').css('backgroundImage', 'url(/templates/rhuk_milkyway/css/img/mainMenu_middle.png)');
      
      /* (Change To Default) current item border-bottom */
      $(menuItem).css('border-bottom', '1px solid #fff');
  	}
  }
  
  mainMenu_Design(child, css);
}




/**
 * Action:
 *    - Apply design to MainMenu
 *
 * Call:
 *    - call with current menuItem AND background-image name AND css-color
 *
 * Return:
 *    - this function will not return any result
 */
function mainMenu_Design(menuItem, css){
  var mainMenu_middle = '/templates/rhuk_milkyway/css/img/mainMenu_middle_' + css[1];
  var mainMenu_right = '/templates/rhuk_milkyway/css/img/mainMenu_right_' + css[1];
  var mainMenu_left = '/templates/rhuk_milkyway/css/img/mainMenu_left_' + css[1];
  var cssColor = css[0];
	
  /* Change current item background */
  $(menuItem).css('backgroundImage', 'url(' + mainMenu_left + ')');
  $(menuItem).find('a').css('backgroundImage', 'url(' + mainMenu_right + ')');
  $(menuItem).find('img').css('backgroundImage', 'url(' + mainMenu_middle + ')');
  //$(menuItem).find('span').css('backgroundImage', 'url(' + mainMenu_middle + ')');
  
  /* Remove background(FIX) */
  $(menuItem).find('li > a').css({'backgroundImage': 'none', 'background-color': 'transparent'});
  $(menuItem).find('li > a > span').css({'backgroundImage': 'none', 'background-color': 'transparent'});
  
  /* Set current item border-bottom */
  $(menuItem).css('border-bottom', '1px solid ' + cssColor);

  /* Set current item subMenu background-color. Used fadeId and delay */
  $('#mainMenu_subContainer').css({'display': 'none', 'background-color': cssColor});
  $('#mainMenu_subContainer').fadeIn(500);
  
  /* Draw subMenu */
  subMenu_Draw(menuItem, css[1]);
}




/**
 * Important:
 *   (This function is called 
 *      to return subMenu for active mainMenu item)
 *
 * Action:
 *    - show subMenu (content and color)
 *
 * Call:
 *    - without any parameters
 *
 * Return:
 *    - this function will not return any result
 */
function mainMenu_Return(){
  var flagSelected = 0;
	
  /* Show active item subMenu content and design */
  var childrens = $('#menu_mainMenu').children();
  for( var i = 0; i < childrens.length; i++ ){
  	(function(){
  	  var child = childrens[i];
  	
  	  /* MainMenu ACTIVE ITEM */
  	  if( $(child).attr('class').search('active') != -1 ){
  	  	  flagSelected = 1;
  	  	
          /* Define mainMenu and subMenu styles */
          var css = menuColors( $(child).find('img').attr('src') );
          mainMenu_Design(child, css);
  	  }else{
  	  	
        /* (Change To Default) current item background */
        $(child).css('backgroundImage', 'url(/templates/rhuk_milkyway/css/img/mainMenu_left.gif)');
        $(child).find('a').css('backgroundImage', 'url(/templates/rhuk_milkyway/css/img/mainMenu_right.gif)');
        $(child).find('img').css('backgroundImage', 'url(/templates/rhuk_milkyway/css/img/mainMenu_middle.gif)');
        //$(child).find('span').css('backgroundImage', 'url(/templates/rhuk_milkyway/css/img/mainMenu_middle.png)');
      
        /* (Change To Default) current item border-bottom */
        $(child).css('border-bottom', '1px solid #fff');
  	  }
    })();
  }
  
  /* Hide subMenu if needed */
  if( flagSelected == 0 )
    $('#mainMenu_subContainer').html('&nbsp;').removeAttr('style');
}




/**
 * Action:
 *    - Draw  MainMenu
 *    - Apply MainMenu HOVER functionality
 *    - Allpy MainMenu HOVER OUT functinality
 *    - Apply MainMenu ACTIVE ITEM functionality
 *
 * Call:
 *    - call without any parameters
 *
 * Return:
 *    - this function will not return any result
 */
function mainMenu_Draw(){
  var childrens = $('#menu_mainMenu').children();
  for( var i = 0; i < childrens.length; i++ ){
    (function(){
      var child = childrens[i];
      
      /* Get mainMenu and subMenu styles */
      var css = menuColors( $(child).find('img').attr('src') );

      /* Set padding-top for image */
      var imgHeight = $(child).find('img').attr('height');

      if( imgHeight < 64 ){
      	imgHeight = (64 - imgHeight) + 'px';
      	$(child).find('img').css('padding-top', imgHeight );
      }
  	  
      /* Apply MainMenu HOVER and HOVER OUT functionality */
      $(child).hover(
        function(){
          mainMenu_ReturnDef(child, css);
  	    },
  	    function(){
  	    }
  	  );
  	  
  	  /* Apply MainMenu ACTIVE ITEM functionality */
  	  if( $(child).attr('class').search('active') != -1 ){
 	    mainMenu_Design(child, css);
  	  }
  	})();
  }
  
  /*
  $('#mainMenu_subContainer').hover(
    function(){},
    function(){ mainMenu_Return(); }
  );
  */
  
  $('#mainMenu_tricks').hover(
    function(){},
    function(){ mainMenu_Return(); }
  );
}