window.addEvent('domready', function() {

	$('nav1').addEvent('mouseover', function(e) {
    	e = new Event(e).stop();
    	$('menu').setStyle('display', 'block');
    	$('nav1').setStyle('height', 100);
    });
    $('nav1').addEvent('mouseout', function(e) {
    	e = new Event(e).stop();
    	$('menu').setStyle('display', 'none');
    });
    
    $('menu').addEvent('mouseover', function(e) {
    	e = new Event(e).stop();
    	$('menu').setStyle('display', 'block');
    	$('nav1').getFirst().addClass('x');
    });
    $('menu').addEvent('mouseout', function(e) {
    	e = new Event(e).stop();
    	$('menu').setStyle('display', 'none');
    	$('nav1').getFirst().removeClass('x');
    });
    
    $('logo').addEvent('click', function(e) {
    	e = new Event(e).stop();
    	location.href = 'http://manayunk.salonletoile.com';;
    });
    
    
    (function() {
    	if ($('content').getSize().y < 666) {
     		$('content').setStyle('height', 415);
    	}
    }).delay(1000);
    
    // photos to animate
    
    if ($('b1b')) {
	    $('b1b').fade('hide');
	    (function() {
	    	$('b1b').set('tween', { duration: 1000 }).fade('in');
	    	(function() { $('b1b').set('tween', { duration: 1000 }).fade('toggle'); }).periodical(7000);
	    }).delay(7000);
	}
	if ($('a6b')) {
	    $('a6b').fade('hide');
	    (function() {
	    	$('a6b').set('tween', { duration: 1000 }).fade('in');
	    	(function() { $('a6b').set('tween', { duration: 1000 }).fade('toggle'); }).periodical(7000);
	    }).delay(10500);
    }
    
    // color squares...
    
    $('a3b').fade('hide');
    
    (function() {
    	(function() { squareAnim($('a3b')); }).periodical(3000);
    }).delay(3000);
    
    $('a5b').fade('hide');
    
    (function() {
    	(function() { squareAnim($('a5b')); }).periodical(3000);
    }).delay(1000);
    
    $('a7b').fade('hide');
    
    (function() {
    	(function() { squareAnim($('a7b')); }).periodical(3000);
    }).delay(5000);
    
    $('d2b').fade('hide');
    
    (function() {
    	(function() { squareAnim($('d2b')); }).periodical(3000);
    }).delay(2000);
    
     $('e3b').fade('hide');
    
    (function() {
    	(function() { squareAnim($('e3b')); }).periodical(3000);
    }).delay(4000);
    
});

function squareAnim(x) {
	if (x.getStyle('opacity') > 0) { 
    	x.get('tween', { property: 'opacity', duration: 1000 }).start(0);
    }
    else {
    	x.get('tween', { property: 'opacity', duration: 1000 }).start(0.3);
    }
}