// JavaScript Document
var Intro = {
	
	init : function(current){
		
		//Intro.slideMenu();
		Intro.initNav(current);
	},
	
	slide : function(array){
		
		var timer = 0;
		
		var slidefxs = [];
		
		array.each(function(el, i){
			//el.setStyle('margin-left', '-155px');
			timer += 250;
			slidefxs[i] = new Fx.Slide(el, {
				duration: 400,
				wait: false,
				mode: 'horizontal'
			});
			slidefxs[i].hide();
			slidefxs[i].slideIn.delay(timer, slidefxs[i], 0);

		}, this);
	},
	
	initNav: function(current){
		this.menu=$('navigation');
		var div=document.createElement('div');
		div.setAttribute('id', 'navBack');
		div.innerHTML="";
		$('container').appendChild(div);
		this.back = $('navBack');
		this.current=current;
		Intro.setCurrent(current);
		Intro.attachEvents(current);
	},
	
	setCurrent: function(curr){
		this.back.setStyles({left: (getLeft(curr)+(curr.offsetWidth/2))+'px', width: '0', top: (getTop(curr)+13)+'px'});
		this.grow=new Fx.Styles(this.back, {duration: 400});
		this.grow.start({
						'width': (curr.offsetWidth-16)+'px',
						'left': (getLeft(curr)+8)+'px'
						});
	},
	
	moveBg: function(el){
		this.over=el;
		if(this.effect) this.effect.stop();
		this.effect=new Fx.Styles('navBack', {duration: 600, transition: Fx.Transitions.circOut});
		this.effect.start({
						  'left': (getLeft(this.over)+8),
						  'width': (this.over.offsetWidth-16),
						  'height': 2
						  });
	},
	
	returnBg: function(){
		this.effect.stop();
		this.effect=new Fx.Styles('navBack', {duration:600, transition: Fx.Transitions.circIn});
		this.effect.start({
						  'left': (getLeft(this.current)+8),
						  'width': (this.current.offsetWidth-16),
						  'height': 3
						  });
	},
	
	attachEvents: function(curr){
		items=$('navigation').getElements('li');
		items.each(function(i){
			if(i!=curr) {
				i.addEvent('mouseover', function(){
						Intro.moveBg(i);
												 });
				i.addEvent('mouseout', function(){
						Intro.returnBg();
												});
							}
		});
	},
	
	initTeamToggle: function(array, array2){
		var teamToggles = [];
		array.each(function(team, i){
								 teamToggles[i] = new Fx.Slide(team, {duration: 400, transition:Fx.Transitions.circOut});
								 if(!window.ie6)
								 	teamToggles[i].hide();
							});
								 
		array2.each(function(p,j){
							 if(!window.ie6)
							 {
								 p.addEvent('click', function(){
											teamToggles[j].toggle();
										 });
							 }
							 else
							 {
								 p.innerHTML="";
							 }
							 });
		
	}
};

window.addEvent('domready', function(){ loadMenu(); });

function getLeft(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return curleft;
}

function getTop(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return curtop;
}

function expandSWF() {
	//new Effect.Move (document.getElementById('main'),{ x: 0, y: 150, mode: 'relative', duration:0.7, transition: Effect.Transitions.slowstop});
	//new Effect.Move (document.getElementById('footer'),{ x: 0, y: 150, mode: 'relative', duration:0.7, transition: Effect.Transitions.slowstop});
	var expand = new Fx.Style('main', 'margin-top', {
		duration: 400,
		transition: Fx.Transitions.circOut,
		wait: false
	});
	var footer = new Fx.Style('footer', 'margin-top', {
		duration: 400,
		transitions: Fx.Transitions.circOut,
		wait:false
	});
	expand.start(0);
	//footer.start(150);
}

function collapseSWF() {
	//new Effect.Move (document.getElementById('main'),{ x: 0, y: -150, mode: 'relative', duration:0.7});
	//new Effect.Move (document.getElementById('footer'),{ x: 0, y: -150, mode: 'relative', duration:0.7});
	var expand = new Fx.Style('main', 'margin-top', {
		duration: 500,
		transition: Fx.Transitions.circOut,
		wait: false
	});
	var footer = new Fx.Style('footer', 'margin-top', {
		duration: 500,
		transitions: Fx.Transitions.circOut,
		wait:false
	});
	expand.start(-150);
	//footer.start(0);
}
function showcase() {
	$('showcase').innerHTML = '<object type="application/x-shockwave-flash" data="/container.swf?movie=product_showcase_20070329.swf" width="750" height="300"> <param name="movie" value="/container.swf?movie=product_showcase_20070329.swf" /><param name="bgcolor" value="#000000"/><param name="wmode" value="opaque"/></object>';
}