window.onload = init;
window.onresize = centerVertical;

var bgImages = [];
bgImages[0] = [];
bgImages[0]['url'] = 'images/gallery/710/Image-4B19498EA74311DC.jpg';
bgImages[0]['logo_opacity'] = 0;
bgImages[1] = [];
bgImages[1]['url'] = 'images/gallery/710/_DSC2189.jpg';
bgImages[2] = [];
bgImages[2]['url'] = 'images/gallery/710/_DSC2191.jpg';
bgImages[2]['logo_opacity'] = 0;
bgImages[3] = [];
bgImages[3]['url'] = 'images/gallery/710/_DSC2205.jpg';
bgImages[3]['logo_opacity'] = 0;
bgImages[4] = [];
bgImages[4]['url'] = 'images/gallery/710/_DSC2212.jpg';
bgImages[4]['logo_opacity'] = 0;
bgImages[5] = [];
bgImages[5]['url'] = 'images/gallery/710/3-waterside-reflection-1.jpg';
bgImages[6] = [];
bgImages[6]['url'] = 'images/gallery/710/downstairs-bedroom-1.jpg';
bgImages[6]['logo_opacity'] = 0;
bgImages[7] = [];
bgImages[7]['url'] = 'images/gallery/710/downstairs-dinning-1.jpg';
bgImages[7]['logo_opacity'] = 0;
bgImages[8] = [];
bgImages[8]['url'] = 'images/gallery/710/_DSC2181.jpg';
bgImages[8]['logo_opacity'] = 0;
bgImages[9] = [];
bgImages[9]['url'] = 'images/gallery/710/Image-4B17D4A5A74311DC.jpg';
bgImages[9]['logo_opacity'] = 0;
bgImages[10] = [];
bgImages[10]['url'] = 'images/gallery/710/Image-4B17E4E5A74311DC.jpg';
bgImages[11] = [];
bgImages[11]['url'] = 'images/gallery/710/Image-4B174E13A74311DC.jpg';
bgImages[11]['logo_opacity'] = 0;
bgImages[12] = [];
bgImages[12]['url'] = 'images/gallery/710/Image-4B189892A74311DC.jpg';
bgImages[12]['logo_opacity'] = 0;

var bgIndex = 0;
var nextPic;

function init() {
    centerVertical();    
    if (document.all && document.styleSheets && document.styleSheets[0] && document.styleSheets[0].addRule)
    {
        document.styleSheets[0].addRule('img', 'behavior: url(iepngfix.htc)');
    }
    if (document.images) {
        nextPic = new Image(710, 475); 
        nextPic.src = bgImages[bgIndex]['url']; 
    }
    window.setTimeout('nextImage()', 1000);
    document.getElementById('home_body').onclick = goToUnits;
}

function goToUnits() {
    location.href = 'units.php';
}

function centerVertical() {
    var page_height = Number(YAHOO.util.Dom.getViewportHeight());
    var div_height = parseInt(YAHOO.util.Dom.getStyle('home_page', 'height'));
    var new_top = Math.floor((page_height - div_height) / 2);
	var new_special_top = new_top + 420;
	var div_left = Number(YAHOO.util.Dom.getX('home_page'));
	var new_special_left = div_left + 20;

    if (new_top > 0) {
        YAHOO.util.Dom.setStyle('home_page', 'top', new_top + 'px');
        YAHOO.util.Dom.setStyle('home_footer', 'top', new_top + 'px');
		YAHOO.util.Dom.setStyle('home_special', 'top', new_special_top + 'px');
		YAHOO.util.Dom.setStyle('home_special', 'left', new_special_left + 'px');
    } else {
        YAHOO.util.Dom.setStyle('home_page', 'top', '0px');
        YAHOO.util.Dom.setStyle('home_footer', 'top', '0px');
		YAHOO.util.Dom.setStyle('home_special', 'top', new_special_top + 'px');
		YAHOO.util.Dom.setStyle('home_special', 'left', new_special_left + 'px');
    }
}

function nextImage() {    
    var fade_out = new YAHOO.util.Anim('home_body', { opacity: { from: 1, to: 0 } }, 0.5);
    fade_out.animate();
    fade_out.onComplete.subscribe(function() {
        var url = 'url(' + bgImages[bgIndex]['url'] + ')';
        YAHOO.util.Dom.setStyle('home_body', 'background-image', url);
        if (bgImages[bgIndex]['logo_opacity'] || bgImages[bgIndex]['logo_opacity'] == 0) {
            YAHOO.util.Dom.setStyle('home_logo', 'background', '#fff');
            YAHOO.util.Dom.setStyle('home_logo', 'opacity', bgImages[bgIndex]['logo_opacity']);
        } else {
            YAHOO.util.Dom.setStyle('home_logo', 'background', '');
            YAHOO.util.Dom.setStyle('home_logo', 'opacity', 1);
        }
        var fade_in = new YAHOO.util.Anim('home_body', { opacity: { from: 0, to: 1 } }, 0.75);
        fade_in.animate();
        if (bgIndex < bgImages.length - 1) {
            bgIndex++;
        } else {
            bgIndex = 0;
        }
        if (document.images) {
            nextPic = new Image(710, 475); 
            nextPic.src = bgImages[bgIndex]['url']; 
        }
        window.setTimeout('nextImage()', 5000);
    } )
}