//minimum width of page so picture and text don't overlap
var width = 1000;
//sets image width
var w_img = $('#mainimg').width();
var p_img = 550;
//aligns image text relative to lower container
var imagetext_padding = 10;
//padding for menu from center div
var ul_padding = 100;

//Set width of page according to size of window
$(document).ready(function () {
  //bg_eyecandy sit either side of the center div making it appear to cover width of page and appear right in ie7
  $('#bg_eyecandy1').css('left', '0px');
  $('#bg_eyecandy2').css('right', '0px');
  
  var menu_width = 0;
  $('.headerul').children('child').each(function (){
    menu_width += child.width();
  });

  var ul_menu;
  if ($(window).width() > width) {
    var l_center = ($(window).width() - width)/2;
    ul_menu = l_center + ul_padding;
    
    //sets width of side divs to fill page
    $('.bg_eyecandy').width(l_center + 1);
  } else {
    //sets width of side divs to 0
    $('.bg_eyecandy').width(0);
    var l_center = 0;
    //temp top menu fix
    if($(window).width() < 800){
      ul_menu = 0;
    }else{
      ul_menu = ul_padding;
    }
  }
  
  var img_offset = p_img;
  var imagetext_offset = imagetext_padding + 10;
  
  img_offset = img_offset + 'px';
  imagetext_offset = imagetext_offset + 'px';
  ul_menu = ul_menu + 'px';
  l_center = l_center + 'px';
  
  $('.center').css('left', l_center);
  $('.fancypicture').css('left', imagetext_offset);
  $('.imagetext').css('left', img_offset);
  $('.headerul').css('left', ul_menu);
});

//rescales page after resize
$(window).resize(function () {
  var ul_menu;
  if ($(window).width() > width) {
    var l_center = ($(window).width() - width)/2;
    ul_menu = l_center + ul_padding;
    $('.bg_eyecandy').width(l_center + 1);
  } else {
    $('.bg_eyecandy').width(0);
    var l_center = 0;
    //temp top menu fix
    if($(window).width() < 800){
      ul_menu = 0;
    }else{
      ul_menu = ul_padding;
    }
  }
  
  var img_offset = p_img;
  var imagetext_offset = imagetext_padding;
  
  img_offset = img_offset + 'px';
  imagetext_offset = imagetext_offset + 'px';
  ul_menu = ul_menu + 'px';
  l_center = l_center + 'px';
  
  $('.center').css('left', l_center);
  $('.fancypicture').css('left', imagetext_offset);
  $('.imagetext').css('left', img_offset);
  $('.headerul').css('left', ul_menu);
});