window.addEvent('domready', function() {
    PageLoad();
});//Runs when website is loaded

function PageLoad() {
//setup roll over states for the links
//Tony
$('tony_image').getElements('img').addEvents({
    'mouseover': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#524285');
		this.setStyle('border-bottom-color', '#524285');
},
    'mouseleave': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#000');
		this.setStyle('border-bottom-color', '#fff');
    }
});
//yo yo ma
$('yoyoma_image').getElements('img').addEvents({
    'mouseover': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#991113');
		this.setStyle('border-bottom-color', '#991113');
},
    'mouseleave': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#000');
		this.setStyle('border-bottom-color', '#fff');
    }
});
//john mayor
$('john_image').getElements('img').addEvents({
    'mouseover': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#991113');
		this.setStyle('border-bottom-color', '#991113');
},
    'mouseleave': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#000');
		this.setStyle('border-bottom-color', '#fff');
    }
});
//celine 
$('celine_image').getElements('img').addEvents({
    'mouseover': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#b4195c');
		this.setStyle('border-bottom-color', '#b4195c');
},
    'mouseleave': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#000');
		this.setStyle('border-bottom-color', '#fff');
    }
});

//icarly
$('icarly_image').getElements('img').addEvents({
    'mouseover': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#df3512');
		this.setStyle('border-bottom-color', '#df3512');
},
    'mouseleave': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#000');
		this.setStyle('border-bottom-color', '#fff');
    }
});

//lang Lang
$('lang_image').getElements('img').addEvents({
    'mouseover': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#29508d');
		this.setStyle('border-bottom-color', '#29508d');

},
    'mouseleave': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '#000');
		this.setStyle('border-bottom-color', '#fff');
    }
});
//load home page
PageOn('homepage','','','');
SetFooter();
}
//Set Footer 
function SetFooter() {
	
	if($('thankyoupage').getStyle('display') == "block") {
		$('footer').getElements('img').setProperties({
			src: 'images/blooming_footer.jpg',
			height: '134px',
			border: '0',
			usemap: '#Map9'
	});
		$('footer').setStyle('display', 'block'); 
		$('footer').setStyle('margin-top', '-20px'); 
	}
	if ($('thankyoupage').getStyle('display') == "none"){
		$('footer').getElements('img').setProperties({
			src: 'images/blooming_homepg_foot.jpg',
			height: '18px',
			border: '0',
			usemap: ''
		});
		$('footer').setStyle('display', 'block'); 
		$('footer').setStyle('margin-top', '-5px'); 
	} 

}
//Scroll to top of Page
function PageScroll() {
	var myFx = new Fx.Scroll(window).toElement('container');
}
//Turn ON Page, And Menu ON state
function PageOn(page, img, color) {
var StyleColor = color;
var div = $(page).setStyles({
		display:'block',
		opacity: 0
	});
	$(div).fade('in'); //Fades "myElement" to 100% opacity.
		PageScroll();
		if (img != "") {
		$(img).getElements('img').removeEvents('mouseover');
		$(img).getElements('img').removeEvents('mouseleave');

		//sets menu state to "ON"
		$(img).getElements('img').setStyles({
		  //the pattern to follow is 'property': 'value',
		  'border-top-width': '6px',
		  'border-bottom-width': '6px',
		  'border-top-style': 'solid',
		  'border-bottom-style': 'solid',
		  'border-top-color': StyleColor,
		  'border-bottom-color': StyleColor
		});

	}
	SetFooter();

}

//Turn off Page, and Menu ON State
function PageOff(page, img, color) {
var StyleColor = color;
var div = $(page).setStyles({
		display:'none',
		opacity: 100
	});
	$(div).fade('out'); //Fades "myElement" to 0% opacity.
	if (img != "") {
		//sets menu state to "OFF"
		$(img).getElements('img').setStyles({
		  //the pattern to follow is 'property': 'value',
		  'border-top-width': '6px',
		  'border-bottom-width': '6px',
		  'border-top-style': 'solid',
		  'border-bottom-style': 'solid',
		  'border-top-color': '#000',
		  'border-bottom-color': '#fff'
		});
	
	$(img).getElements('img').addEvents({
    'mouseover': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', StyleColor);
		this.setStyle('border-bottom-color', StyleColor);
},
    'mouseleave': function(){
		this.setStyle('border-top-width', '6px');
		this.setStyle('border-bottom-width', '6px');
		this.setStyle('border-top-style', 'solid');
		this.setStyle('border-bottom-style', 'solid');
		this.setStyle('border-top-color', '');
		this.setStyle('border-bottom-color', '#fff');
    }
});
	
	}
	SetFooter();
}

//Turn off menu ON states, and pages for transition
function fadeOff() {

	//Only Turn off the page that is currently ON
	if($('homepage').getStyle('display') == "block") {  PageOff('homepage','','') } 
	if($('thankyoupage').getStyle('display') == "block") {PageOff('thankyoupage','','') } 
	if($('tony').getStyle('display') == "block") {PageOff('tony', 'tony_image','#524285') }
	if($('yoyoma').getStyle('display') == "block") {PageOff('yoyoma', 'yoyoma_image','#991113') } 
	if($('mayor').getStyle('display') == "block") {PageOff('mayor', 'john_image','#991113') } 
	if($('dion').getStyle('display') == "block") {PageOff('dion', 'celine_image','#b4195c') } 
	if($('icarly').getStyle('display') == "block") {PageOff('icarly', 'icarly_image','#df3512') } 
	if($('langlang').getStyle('display') == "block") {PageOff('langlang', 'lang_image','#29508d') }
}