// 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.style.zIndex="0";
		div.innerHTML="";
		$('container').appendChild(div);
		this.back = $('navBack');
		this.current=current;
		Intro.setCurrent(current);
		Intro.attachEvents(current);
						
		//subnav
		this.subnav = new Fx.Style('subnav', 'opacity', {duration: 400});
		$('subnav').style.color="white";
		if (current.id == 'nav_products') {
			this.subnav.set(1);
			$('subnav').style.display="";
		}
		else	{
			this.subnav.set(0);
			$('subnav').style.display="none";
		}
		
		//subnav about
		this.subnavabout = new Fx.Style('subnavabout', 'opacity', {duration: 400});
		if (current.id == 'nav_about') {
			this.subnavabout.set(1);
			$('subnavabout').style.display="";
		}
		else	{
			this.subnavabout.set(0);
			$('subnavabout').style.display="none";
		}
		
		//mainNav Links
		this.mainNav = $('navigation').getElements('a'); 
		this.mainNav.setStyle('color', '#FFFFFF');
		
		this.subNavLinks = $('subnav').getElements('a');
		this.navAboutLinks = $('subnavabout').getElements('a'); 
		
	},
	
	setCurrent: function(curr){
		this.back.setStyles({left: (getLeft(curr)+(curr.offsetWidth/2))+'px', width: '0', top: (getTop(curr)+27)+'px'});
		this.grow=new Fx.Styles(this.back, {duration: 400});
		this.grow.start({
						'width': (curr.offsetWidth-29)+'px',
						'left': (getLeft(curr)+15)+'px'
						});						
	},
	
	resized: function() {
		curr=currTab;
		b=document.getElementById('navBack');
		b.style.left=(getLeft(curr)+15)+'px';
	},
	
	showSubnav: function() {
		if(this.subnav) this.subnav.stop();
		$('subnav').style.display="";
		$('subnavBack').style.display="";
		this.subnav.set(1);
		this.moveBg($('nav_products'));
		this.mainNav.setStyle('color', '#CCCCCC');
		this.subNavLinks.setStyle('color', '#FFFFFF');
	},
	
	hideSubnav: function() {
		if (this.current.id != 'nav_products') {
			if(this.subnav) this.subnav.stop();
			this.subnav.start(0);
			$('subnav').style.display="none";
			$('subnavBack').style.display="none";
			//this.returnBg($('nav_products'));
			this.mainNav.setStyle('color', '#FFFFFF');
			this.subNavLinks.setStyle('color', '#CCCCCC');
		}
	},
	
	showSubnavAbout: function() {
		if(this.subnavabout) this.subnavabout.stop();
		$('subnavabout').style.display="";
		$('subnavaboutBack').style.display="";
		this.subnavabout.set(1);
		this.moveBg($('nav_about'));
		this.mainNav.setStyle('color', '#CCCCCC');
		this.navAboutLinks.setStyle('color', '#FFFFFF');
	},
	
	hideSubnavAbout: function() {
		if (this.current.id != 'nav_about') {
			if(this.subnavabout) this.subnavabout.stop();
		  this.subnavabout.start(0);
			$('subnavabout').style.display="none";
			$('subnavaboutBack').style.display="none";
			//this.returnBg($('nav_about'));
		  this.mainNav.setStyle('color', '#FFFFFF');
			this.navAboutLinks.setStyle('color', '#CCCCCC');
		}	
	},
		
	moveBg: function(el){
		this.over=el;
		if(this.effect) this.effect.stop();
		
		if (el.id != "nav_products" && el.id != "nav_about" ) {
			clearTimeout(h);
			clearTimeout(t);
		} else {
			
		}
		
		this.effect=new Fx.Styles('navBack', {duration: 600, transition: Fx.Transitions.circOut});
		this.effect.start({
						  'left': (getLeft(this.over)+15),
						  'width': (this.over.offsetWidth-29),
						  'height': 2
						  });
		if(el.id=='nav_products') {
			if(this.subnav) this.subnav.stop();
			$('subnav').style.display="";
			this.subnav.start(1);
		}
		if (this.current.id == 'nav_products') {
			if (el.id != 'nav_products') {
				$('subnav').style.display="none";
				$('subnavBack').style.display="none";
				this.subnav.start(0);
			};
		};
		
		if(el.id=='nav_about') {
			if(this.subnavabout) this.subnavabout.stop();
			$('subnavabout').style.display="";
			this.subnavabout.start(1);
		}
		if (this.current.id == 'nav_about') {
			if (el.id != 'nav_about') {
				$('subnavabout').style.display="none";
				$('subnavaboutBack').style.display="none";
				//this.subnavAbout.start(0);
			};
		};
		
		if (el.id !='nav_about' && el.id!='nav_products') {
			this.hideBothSubs();
		};
	},
	
	hideBothSubs: function () {
		if(this.subnavabout) this.subnavabout.stop();
		if(this.subnav) this.subnav.stop();
		$('subnavabout').style.display="none";
		$('subnavaboutBack').style.display="none";
		$('subnav').style.display="none";
		$('subnavBack').style.display="none";
	},
	
	returnBg: function(el){
		if(this.effect) this.effect.stop();
		this.effect=new Fx.Styles('navBack', {duration:600, transition: Fx.Transitions.circIn});
		this.effect.start({
													  'left': (getLeft(this.current)+15),
													  'width': (this.current.offsetWidth-29),
													  'height': 3
												  }).chain( function () { Intro.finishReturn(el); });
		/*if (((el.id == "nav_product") || (el.id == "nav_about")) && ((this.current.id == "nav_product") || (this.current.id == "nav_about"))) {
									this.effect.start({
													  'left': (getLeft(this.current)+15),
													  'width': (this.current.offsetWidth-29),
													  'height': 3
												  }).chain( function () { Intro.finishReturn(el); });
												} else {
												this.effect.start({
													  'left': (getLeft(this.current)+15),
													  'width': (this.current.offsetWidth-29),
													  'height': 3
												  });
													setTimeout("Intro.finishReturn("+el+")", 500);
												} */
	
						},
	
	finishReturn: function(el) {
		if((el.id=='nav_products') && (this.current.id != 'nav_products')) {
			if(this.subnav) this.subnav.stop();
			this.subnav.start(0);
			$('subnav').style.display="none";
		}	
		if (this.current.id == 'nav_products') {
			this.showSubnav();
		}
			
		if((el.id=='nav_about') && (this.current.id != 'nav_about')) {
			if(this.subnavabout) this.subnavabout.stop();
			this.subnavabout.start(0);	
			$('subnavabout').style.display="none";
			//alert($('subnavabout').style.display);
		}
		if (this.current.id == 'nav_about') {
			this.showSubnavAbout();
		};	
	},

	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(i);
												});
				//			}
		});
	},
	
	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>';
}