/*

	js/tbw.js
	
	Purpose:
	Drives the javascript for the site
	
	Created:
	Thursday 8th July 2010
	
	Created By:
	Andi Topping


*/

// hover over for main nav
window.addEvent('domready',function() {

	// tenant login box 
	if ($('login')) {
		$('login').setStyle('opacity',0);
		
		$('tenant-login')
		.addEvent('click', function(ev) {
			$('palogin').setStyle('opacity',0);
			$('search').setStyle('opacity',0);
			$('pa-login').removeClass('on');
			$('search-link').removeClass('on');
			if($('login').getStyle('opacity') == 1) {
				this.removeClass('on');
				$('login').tween('opacity',0).setStyle('display','none');
			}
			else {
				this.addClass('on');
				$('login').tween('opacity',1).setStyle('display','block');
			}
		})
		.addEvent('mousenter', function(ev) {
			this.setStyle('cursor','pointer');
		});
	}
	
	// pa login box 
	if ($('palogin')) {
		$('palogin').setStyle('opacity',0);
		$('search').setStyle('opacity',0);
		
		$('pa-login')
		.addEvent('click', function(ev) {
			$('login').setStyle('opacity',0);
			$('search').setStyle('opacity',0);
			$('tenant-login').removeClass('on');
			$('search-link').removeClass('on');
			if($('palogin').getStyle('opacity') == 1) {
				this.removeClass('on');
				$('palogin').tween('opacity',0).setStyle('display','none');
			}
			else {
				this.addClass('on');
				$('palogin').tween('opacity',1).setStyle('display','block');
			}
		})
		.addEvent('mousenter', function(ev) {
			this.setStyle('cursor','pointer');
		});
	}
	
	// search box 
	if ($('search')) {
		$('search').setStyle('opacity',0);
		
		$('search-link')
		.addEvent('click', function(ev) {
			$('login').setStyle('opacity',0);
			$('palogin').setStyle('opacity',0);
			$('tenant-login').removeClass('on');
			$('pa-login').removeClass('on');
			if($('search').getStyle('opacity') == 1) {
				this.removeClass('on');
				$('search').tween('opacity',0).setStyle('display','none');
			}
			else {
				this.addClass('on');
				$('search').tween('opacity',1).setStyle('display','block');
			}
		})
		.addEvent('mousenter', function(ev) {
			this.setStyle('cursor','pointer');
		});
	}
	
	// change transparency of tenant blog areas
	if($$('div.landlord')) {
		if($$('div.landlord').hasClass('transparent')) {
			$$('div.landlord.transparent').setStyle('opacity',0.3);
		}
		if($$('div.tenant').hasClass('transparent')) {
			$$('div.tenant.transparent').setStyle('opacity',0.3);
		}
	}

	// front page promo
	if($('promo')) {
		$$('div.images img').setStyle('opacity',0);
		$('p1').setStyle('opacity',1);
		
		// hover over of navigation images
		$$('div.mask ul li')
		.addEvent('mouseenter',function(ev){
		
			// tween colour of link
			this.getElement('a').tween('color',[255,255,85].rgbToHex());
			
			// set all images to opacity:0 so we can cross fade
			$$('div.images img').tween('opacity',0);
			
			// set opacity of chosen image to 1
			$('p'+this.get('id')).tween('opacity',1);
		
		})
		.addEvent('mouseleave',function(ev){
		
			// tween colour of link
			this.getElement('a').tween('color',[255,255,255].rgbToHex());
			
		})
	}	
	
	if($$('div.box')) {
		$$('div.image').
		addEvent('mouseenter',function(ev) {
			this.getElement('div.rollover').setStyles({
				'display':'block',
				'top':this.getElement('img').getStyle('margin-top')
			});
			
		})
		.addEvent('mouseleave',function(ev) {
			this.getElement('div.rollover').setStyle('display','none');
		});
		
	}
	
	// Space for Hire
	// Individual Spaces Page
	// Swap of Video / Image
	if ($('previews')) {
		$$('div#previews img')
		.addEvent('click', function(e) {
			$('media').empty();
			$('media').set('html',this.get('data-href'));
		});
	}
});