/* sprejme <video> tag (element
// vrne dimenzije predvajalnika (širina, višina)
// 
// Na youtube v theater mode je razširitev rahlo pokvarjena. Video tag ostane večji od predvajalnika, ko se zapusti
// celozaslonski način. Ta funkcija skuša to težavo rešiti tako, da poišče element predvajalnika, ki je zavit okoli videa.
// 
// Funkcija izkorišča lastnost, da bi načeloma moral biti vsak zunanji element večji od notranjega. Najmanjši element od
// <video> značke pa do korena drevesa bi tako moral biti predvajalnik.
// 
// 
// | EN |
//
// accepts <video> tag (element)
// returns player dimensions (width, height)
//
// Theater mode is mildly broken on youtube. <video> tag remains bigger than the player after leaving the fullscreen mode, and
// there's nothing we can do about that. This function aims to solve the problem by finding the player element that's wrapped around
// the <video> tag.
// 
// In general, an outer tag should be bigger than the inner tag. Therefore the smallest element between <video> tag and the document
// root should be the player.
*/

var _pd_getPlayerDimensions = function(element){
  
  if(FullScreenDetect.isFullScreen()){
    if(Debug.debug){
      console.log("[PlayerDetect::_pd_getPlayerDimensions] video is full screen, returning player dimensions!");
    }
    return {
      width: screen.width,
      height: screen.height
    };
  }
  
  if(Debug.debug){
    console.log("[PlayerDetect::_pd_getPlayerDimensions] video is not full screen. Looking for player.");
  }
  
  var playerCandidateNode = element;
  
  // in case our <video> is bigger than player in one dimension but smaller in the other
  // if site is coded properly, player can't be wider than that
  var candidate_width = Math.max(element.offsetWidth, screen.width);
  var candidate_height = Math.max(element.offsetHeight, screen.height);
  
  // <video> can't be root in a document, so we can do this
  element = element.parentNode;
  
  while(element.parentNode){    
    // odstranimo čudne elemente, ti bi pokvarili zadeve
    // remove weird elements, those would break our stuff
    if ( element.offsetWidth == 0 || element.offsetHeight == 0){
      element = element.parentNode;
      continue;
    }
    
    if ( element.offsetHeight <= candidate_height &&
         element.offsetWidth  <= candidate_width  ){
      playerCandidateNode = element;
      candidate_width = element.offsetWidth;
      candidate_height = element.offsetHeight;
    
      if(Debug.debug){
        console.log("Found new candidate for player. Dimensions: w:", candidate_width, "h:",candidate_height);
      }
    }
    
    element = element.parentNode;
  }
  
  return {
    width: playerCandidateNode.offsetWidth,
    height: playerCandidateNode.offsetHeight
  };
}


var PlayerDetect = {
  getPlayerDimensions: _pd_getPlayerDimensions
}