$(document).ready(function() {
var bodyWidth = $(window).width();
var bodyHeight = $(window).height();
//alert(bodyHeight);
var ratio = bodyWidth/bodyHeight;
//alert (ratio);
if (ratio > 2.11) {$('#indexText').addClass("indexTextOpaque");};
if (ratio < 2.11) {$('#indexText').removeClass("indexTextOpaque");}
//$('#indexImageCont').width(bodyWidth);
//$('#indexImageCont').height(bodyHeight);
//alert($('#indexImageCont').width())
var centrex = $(window).width() / 2;
var centrey = $(window).height() / 2;

//alert(centrex);
//alert(centrey);

$('#tip1').css({"top": centrey, "left": centrex});

var imageWidth = $('#indexBackground').width();
var imageHeight = $('#indexBackground').height();
var ratio = imageWidth/imageHeight;
$('#indexBackground').width(bodyWidth);
$('#indexBackground').height($('#indexBackground').width(bodyWidth)/ratio);

$('#public').css({"top": centrey, "left": centrex});
$('#retail').css({"top": centrey * 1.7, "left": centrex * 0.3});
$('#transport').css({"top": centrey * 1.5, "left": centrex * 1.5});
$('#environment').css({"top": centrey * 1.45, "left": centrex});
$('#leisure').css({"top": centrey * 1.8, "left": centrex});
$('#communities').css({"top": centrey * 1.5, "left": centrex * 0.8});
$('#employee').css({"top": centrey * 1.3, "left": centrex * 0.6});
$('#health').css({"top": centrey * 1.2, "left": centrex * 1.3});





$(window).bind('resize', function() {
var bodyWidth = $(window).width();
var bodyHeight = $(window).height();

var ratio = bodyWidth/bodyHeight;
//alert (ratio);
if (ratio > 2.11) {$('#indexText').addClass("indexTextOpaque");}
if (ratio < 2.11) {$('#indexText').removeClass("indexTextOpaque");}

var centrex = $(window).width() / 2;
var centrey = $(window).height() / 2;

var imageWidth = $('#indexBackground').width();
var imageHeight = $('#indexBackground').height();
var ratio = imageWidth/imageHeight;
$('#indexBackground').width(bodyWidth);
$('#indexBackground').height($('#indexBackground').width(bodyWidth)/ratio);

$('#public').css({"top": centrey, "left": centrex});
$('#retail').css({"top": centrey * 1.7, "left": centrex * 0.3});
$('#transport').css({"top": centrey * 1.5, "left": centrex * 1.5});
$('#environment').css({"top": centrey * 1.45, "left": centrex});
$('#leisure').css({"top": centrey * 1.8, "left": centrex});
$('#communities').css({"top": centrey * 1.5, "left": centrex * 0.8});
$('#employee').css({"top": centrey * 1.3, "left": centrex * 0.6});
$('#health').css({"top": centrey * 1.2, "left": centrex * 1.3});

});

$('#readMoreIntro').click(function() {$('#indexMoreInfo').fadeToggle()});


});