var $j = jQuery.noConflict();

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

	$j('a[@rel*=external]').attr('target','_blank');
	
	$j('body').prepend('<p id="preload"><img src="/images/indicator.gif" alt="Indicator" width="16" height="16" /></p>');
	$j('#preload').remove();
	
	// NEWS
	$j('#news-list ul.news-a li a').each(function(){
		this.onclick = function(e){
			if($j(this).parent().attr('class') != 'active'){
				$j(this).parents('ul.news-a').find('li.active').removeClass('active');
				$j(this).parent().addClass('active');
				var url = $j(this).attr('href');
				$j('#news-item div.body').slideUp('slow',function(){
					$j(this).animate({opacity: 1},500,function(){
						$j(this).load('/pages'+url+'.php',function(){
							$j(this).slideDown();
						});
					});
				});
			}
			return false;
		}
	});
	
	// REQUEST A QUOTE FORM
	$j('#request-a-quote form div.files').append(' <img src="/images/i-add.png" alt="Add another file" width="14" height="14" />');
	function addInput(){
		$j('#request-a-quote form div.files img').unbind('click').click(function(){
			$j(this).parent().after(
				'<div class="files">' + $j(this).parent().html() + '</div>'
			).next('div.files').hide().fadeIn('slow');
			
			var count = $j(this).parents('form').find('div.files').length;
			$j(this).parent().next('div.files').find('label').attr('for','raq-attachments-' + count);
			$j(this).parent().next('div.files').find('input').attr('id','raq-attachments-' + count);
			if(count < 10){
				addInput();
			} else {
				$j(this).parent().next('div.files').find('img').remove();
			}
			$j(this).remove();
		});
	}
	addInput();
	
	$j('#request-a-quote form').submit(function(){
		if($j(this).find('#raq-name[@value=""], #raq-email[@value=""], #raq-message[@value=""]').parent('div').addClass('highlight').size() > 0){
			alert('Please fill out required fields');
			return false;
		}
	});
	
	// CONTACT FORM
	$j('#contact form').submit(function(){
		if($j(this).find('#cf-name[@value=""], #cf-email[@value=""], #cf-message[@value=""]').parent('div').addClass('highlight').size() > 0){
			alert('Please fill out required fields');
			return false;
		}
	});
	
	// PORTFOLIO
	$j('div.project div.tooltip div.inner p.logo').each(function(){
		$j(this).css('background','url('+$j(this).find('img').attr('src')+') 50% 50% no-repeat');
		//alert($j(this).find('img').attr('src'));
	});

	$j('div.project').mousemove(function(e){
		var x = e.pageX - $j(this).get(0).offsetLeft - 5;
		var y = $j(this).get(0).offsetTop - e.pageY + 65;
		$j(this).find('div.tooltip').css({ left: x, bottom: y });
	});
	
	// SUBNAV
	$j('#sub-nav ul li > a').hover(function(){
		$j(this).animate({ marginTop: -3 },50,"easein").find('span').animate({ paddingBottom: 8 },50,"easein");
	},function(){
		$j(this).animate({ marginTop: 0 },50,'easeout').find('span').animate({ paddingBottom: 5 },50,'easeout');
	});
	
	// FILTERS
	if($j('#portfolio').size() > 0){
		var address = new String(window.location).split('/');
		var segments = new Array();
		for (var i = 0; i < address.length; i++){
			if(address[i] == ''){
				address.splice(i,1);
			}
		}
		if(address.length > 4){
			var filterType = address[address.length-2];
			var filterValue = address[address.length-1].replace('-',' ');
			$j('#portfolio div.project .'+filterType+':contains("'+filterValue+'")').parents('div.project').css('display','inline');
		} else {
			$j('#portfolio div.project').css('display','inline');
		}
		
		$j('#filters > li > a').each(function(){
			this.onclick = function(e){
				$j(this).parent().addClass('active').hover(function(){
				
				},function(){
					$j(this).removeClass('active');
				});
				return false;
			}
		}).parent().find('li a').each(function(){
			this.onclick = function(){
				$j('#portfolio div.filter').html('<a href="#">reset</a> Filter: <strong>'+$j(this).text()+'</strong>');
				$j('#portfolio div.filter a').click(function(){
					$j(this).parent().html('');
					$j('#portfolio div.project').show();
					return false;
				});
				
				var filter = $j(this).text();
				$j(this).parents('#filters').find('> li').removeClass('active');
				var mainClass = $j(this).parents('li[@class]').attr('class');
				
				$j('#portfolio div.project').hide();
				$j('#portfolio div.project .'+mainClass+':contains("'+filter+'")').parents('div.project').css('display','inline');
				return false;
			}
		});
		
	}

	//-vertical
	
	var mySlide = new Fx.Slide('Slider');
	mySlide.hide();
	/*
	$('slidein').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideIn();
		e.stop();
	});
	*/
	$('slideout').addEvent('click', function(e){
		e = new Event(e);
		mySlide.slideOut();
		e.stop();
	});
	
	$('toggle').addEvent('click', function(e){
		e = new Event(e);
		mySlide.toggle();
		e.stop();
	});
	/*
	$('hide').addEvent('click', function(e){
		e = new Event(e);
		mySlide.hide();
		e.stop();
	});
	*/
	$$('#myNav li a').each(function(el) {
		var bounce = new Fx.Style(el, 'top', {duration:700, transition: Fx.Transitions.elasticOut, wait:false	});
		var colors = new Fx.Styles(el, {wait:false});
		el.addEvent('mouseover', function(){
			bounce.start(15,4);
			colors.start({
				color: '000'
			});
		});
		el.addEvent('mouseout', function(){
			colors.start({
					color: 'c6d8e6'
			});
		});
	});
	
	$$('#mySubnav li a').each(function(el) {
	var bounce = new Fx.Style(el, 'top', {duration:700, transition: Fx.Transitions.elasticOut});
	var colors = new Fx.Styles(el, {wait:false});
	
		el.addEvent('mouseover', function(){
			el.setStyle('background-color', '#b33737');
			bounce.start(20,0);
			colors.start({
					color: 'fff'
			});
		});
		el.addEvent('mouseout', function(){
			colors.start({
					'background-color': '7493b1',
					color: 'fff'
			});
		});
		el.addEvent('mousedown', function(){
			colors.start({
					'background-color': 'c5d7e6',
					color: '000'
			});
		});
	});
}); 

document.write('<link rel="stylesheet" type="text/css" media="screen" href="/styles/javascript.css" />');