function moveGirlsImage() {
  // Calculate position of the girls image relative to box4_div in the homepage
  var girls = document.getElementById('girls');
  if (girls) {
    var div = document.getElementById('box4_div');
    var width = div.offsetWidth;
    var height = div.offsetHeight;
    var top = div.offsetTop;
    var left = div.offsetLeft;
    while (div.offsetParent) {
      div = div.offsetParent;
      top += div.offsetTop;
      left += div.offsetLeft;
    }
    girls.style.top = (top + height - girls.offsetHeight) + "px";
    girls.style.left = (left + width - girls.offsetWidth) + "px";
  }
}

var blue_boxes = false;
var green_boxes = false;
var tan_boxes = false;
var orange_boxes = false;
var purple_boxes = false;

function initBoxStyles() {
  var v = document.getElementsByTagName("div");
  for(i = 0; i < v.length; i++) {
    var cls = v[i].className;
    blue_boxes |= (cls.indexOf("blue_box") >= 0);
    green_boxes |= (cls.indexOf("green_box") >= 0);
    tan_boxes |= (cls.indexOf("tan_box") >= 0);
    orange_boxes |= (cls.indexOf("orange_box") >= 0);
    purple_boxes |= (cls.indexOf("purple_box") >= 0);
  }
}

// Navbar images arrays
nav_images = new Array();
nav_images_roll = new Array();
nav_images_on = new Array();

Event.domReady.add(function() {
  // Apply rounded corners
  if (NiftyCheck()) {
    initBoxStyles();
    if (blue_boxes) {
      Rounded("div.blue_box_plain","all","transparent","#ffffff","border #89c4e4");
      Rounded("div.blue_box_filled","all","transparent","#e5f2fa","border #89c4e4");
      Rounded("div.blue_box_title","top","transparent","#b2d8ef","border #89c4e4");
      Rounded("div.blue_box_body","bottom","transparent","#e5f2fa","border #89c4e4");
      Rounded("div.blue_box_just_body","bottom","transparent","#ffffff","border #89c4e4");
    }
    if (tan_boxes) {
      Rounded("div.tan_box_title","top","transparent","#ecd17a","border #E4C971");
      Rounded("div.tan_box_body","bottom","transparent","#fef0c1","border #E4C971");
    }
    if (green_boxes) {
      Rounded("div.green_box_title","top","transparent","#c0dcab","border #466D21");
      Rounded("div.green_box_body","bottom","transparent","#e8f7d8","border #466D21");
      Rounded("div.green_box_plain","all","transparent","#ffffff","border #466D21");
    }
    if (orange_boxes) {
      Rounded("div.orange_box_plain","all","transparent","#ffffff","border #f6714e");
    }
    if (purple_boxes) {
      Rounded("div.purple_box_plain","all","transparent","#ffffff","border #5a1355");
      Rounded("div.purple_box_filled","all","transparent","#e2d9dc","border #5a1355");
      Rounded("div.purple_box_title","top","transparent","#ad95ab","border #5a1355");
      Rounded("div.purple_box_body","bottom","transparent","#e2d9dc","border #5a1355");
      Rounded("div.purple_box_light_title","top","transparent","#e2d9dc","border #5a1355");
      Rounded("div.purple_box_light_body","bottom","transparent","#ffffff","border #5a1355");
    }
  }

  moveGirlsImage();

  for (i = 0; i < 8; i++) {
    nav_images[i] = new Image();
    nav_images[i].src = 'images/navbar/nav' + (i + 1) + '.png'
    nav_images_roll[i] = new Image();
    nav_images_roll[i].src = 'images/navbar/nav' + (i + 1) + 'roll.png'
    nav_images_on[i] = new Image();
    nav_images_on[i].src = 'images/navbar/nav' + (i + 1) + 'on.png'
  }

});

window.onresize = function() {
  moveGirlsImage();
}