﻿function SetUp() {
  var widthOfWindow = ReturnWindowWidth();
  if (widthOfWindow > 0) {
    var buttonDiv = document.getElementById('EnterDiv');
    if (buttonDiv) {
      var logoDiv = document.getElementById('LogoDiv');
      var girlsDiv = document.getElementById('MastheadGirlsDiv');

      var logoW = logoDiv.offsetWidth; //280
      var girlsW = girlsDiv.offsetWidth; //381
      var buttonDivWidth = buttonDiv.offsetWidth; //200

      var newgirlsW = widthOfWindow - logoW - buttonDivWidth;
      if (newgirlsW < 382) { newgirlsW = 382; }
      girlsDiv.style.width = newgirlsW + 'px';

      var buttonLeft = logoW + newgirlsW;

      buttonDiv.style.left = buttonLeft + 'px';
    }
  }
  var bottomStuffDiv = document.getElementById('BottomStuffDiv');
  var profileDiv = document.getElementById('ProfileDiv');
  if (profileDiv) {
    try {
      var pHeight = profileDiv.offsetHeight;
      var pTop = profileDiv.offsetTop;
      var wHeight = ReturnWindowHeight();
      var bHeight = bottomStuffDiv.offsetHeight;
      var pBottom = pHeight + pTop;
      if ((wHeight - bHeight) > pBottom) {
        bottomStuffDiv.style.top = wHeight - bHeight + 'px';
      }
      else {
        bottomStuffDiv.style.top = pBottom + 10 + 'px';
      }
    } catch (e) { }
  }
}

function GetCityDescription(city) {
  CloseEverything();
  var cityTextDiv = document.getElementById('CityTextDiv');
  document.getElementById('CityHeader').innerHTML = '<h1>' + city + '</h1>';
  cityTextDiv.style.display = 'block';
}

function GetHoroscope(zodiac) {
  CloseEverything();
  var divToShow = null;
  if (zodiac == 'e') {
    document.getElementById('EZHeader').innerHTML = '<h1>' + document.getElementById('uxChineseZodiacSign').innerHTML + '</h1>';
    divToShow = document.getElementById('ChineseZodiacDiv');
  }
  else {
    document.getElementById('WZHeader').innerHTML = '<h1>' + document.getElementById('uxZodiacSign').innerHTML + '</h1>';
    divToShow = document.getElementById('WesternZodiacDiv');
  }
  if (divToShow) {
    divToShow.style.display = 'block';
  }
}
function GetInterview() {
  CloseEverything();
  var interviewTextDiv = document.getElementById('InterviewTextDiv');
  interviewTextDiv.style.display = 'block';
}

function CloseEverything() {
  document.getElementById('CityTextDiv').style.display = 'none';
  document.getElementById('InterviewTextDiv').style.display = 'none';
  document.getElementById('WesternZodiacDiv').style.display = 'none';
  document.getElementById('ChineseZodiacDiv').style.display = 'none';
}

var photosArray = new Array();
var lastImage = 1;

function ScrollPhotos(theDirection) {
  if (photosArray.length == 0) {
    FillPhotosArray();
  } //debugger
  var theImage = document.getElementById('uxPhoto');
  var newPhotonumber = lastImage;
  if (theImage) {
    var countOfPhotos = photosArray.length;
    if (countOfPhotos > 1) {
      if (theDirection == '+') {
        if (lastImage == countOfPhotos) {
          newPhotonumber = 1;
        }
        else {
          newPhotonumber++;
        }
      }
      else {
        if (lastImage == 1) {
          newPhotonumber = countOfPhotos;
        }
        else {
          newPhotonumber--;
        }
      }
      lastImage = newPhotonumber;
      theImage.src = photosArray[newPhotonumber - 1];
    }
  }
}

function FillPhotosArray() {
  for (i = 1; i < 7; i++) {
    var hiddenImg = document.getElementById('uxHiddenImage' + i);
    if (hiddenImg) {
      var imagePath = new String(hiddenImg.value);
      if (imagePath.length > 0) {
        photosArray[i - 1] = imagePath;
      }
    }
  }
}

var OnResize = "SetUp()";
window.onresize = function() { eval(OnResize); };

function Manip() {
  var aboutSpan = document.getElementById('uxAboutMe');
  if (aboutSpan) {
    var aboutTd = document.getElementById('AboutMe');
    if (aboutTd) {
      var aboutTxt = aboutSpan.innerHTML;
      if (aboutTxt.length == 0) { aboutTxt = '&nbsp;' }
      aboutTd.innerHTML = aboutTxt;
      aboutSpan.style.display = 'none';
    }
  }
  var lookingSpan = document.getElementById('uxLookingFor');
  if (lookingSpan) {
    var lookingTd = document.getElementById('LookingFor');
    if (lookingTd) {
      var lookingTxt = lookingSpan.innerHTML;      
      if (lookingTxt.length == 0) { lookingTxt = '&nbsp;' }
      lookingTd.innerHTML = lookingTxt;
      lookingSpan.style.display = 'none';
    }
  }
}