var Dom = YAHOO.util.Dom;
var Anim = YAHOO.util.Anim;
var Evnt = YAHOO.util.Event;

var introETraderTweening = false;
var toLeftVal;
var elZalozkaOdraz;

var IE = navigator.userAgent.indexOf('MSIE')>0?true:false;

	function introETradermoveit(i){
		
		introETraderTweening = true;
		var column = Dom.get('e-trader-intro-box-column');

		var attributesDown = {opacity:{to:0.0}};
		var animationDown = new Anim(column,attributesDown,0.2,YAHOO.util.Easing.easeOut);
		animationDown.onComplete.subscribe(
										   	function(){
													var column = Dom.get('e-trader-intro-box-column');
													toLeftVal  = (i*970)*(-1);
													Dom.setStyle(column, 'left', toLeftVal+'px');
													var attributesUp = {opacity:{to:1.0}};
													var animationUp = new Anim(column,attributesUp,0.2,YAHOO.util.Easing.easeOut);
													animationUp.onComplete.subscribe(function(){introETraderTweening = false;});
													animationUp.animate();
													
												}
											) 
		animationDown.animate();
	
	}
	
	function introETraderMenuButtonsHighlight (e, introETraderMenuButton){
		Evnt.stopEvent(e)
		if (!Dom.hasClass(introETraderMenuButton,'active')){
			var attributes = {opacity:{to:1.0}};
			var animation = new Anim(Dom.getLastChild(introETraderMenuButton),attributes,0.2,YAHOO.util.Easing.easeOut);
			animation.animate();			
		}
	}
	
	function introETraderMenuButtonsLowlight (e, introETraderMenuButton){
		Evnt.stopEvent(e)
		if (!Dom.hasClass(introETraderMenuButton,'active')){
			var attributes = {opacity:{to:0.0}};
			var animation = new Anim(Dom.getLastChild(introETraderMenuButton),attributes,0.2,YAHOO.util.Easing.easeOut);
			animation.animate();
		}
	}
	
	function introETraderMenuButtonsSelect (e, data){
		introETraderMenuButton = data.introETraderMenuButton;
		Evnt.stopEvent(e)
		if (introETraderTweening == false){
			introETradermoveit(data.i);
			Dom.removeClass(Dom.getChildren(Dom.get('e-trader-intro-menu')), 'active');
			Dom.setStyle(Dom.getElementsByClassName('e-trader-intro-menu-hoverimage'), 'opacity', 0.0);
			Dom.addClass(introETraderMenuButton, 'active');
			Dom.setStyle(Dom.getLastChild(introETraderMenuButton), 'opacity', 1.0);
			introETraderMenuButton.appendChild(elZalozkaOdraz);
		}

	}
	
	function introETraderINIT() {

		Dom.setStyle(Dom.getElementsByClassName('e-trader-intro-menu-hoverimage'), 'opacity', 0.0);
		Dom.setStyle(Dom.getElementsByClassName('e-trader-intro-menu-hoverimage'), 'display', 'block');

		var introETraderMenuButtons = Dom.getChildren('e-trader-intro-menu');
		
		for (var i=0; i<introETraderMenuButtons.length;i++){
			Evnt.addListener(introETraderMenuButtons[i], 'click', introETraderMenuButtonsSelect, data={"introETraderMenuButton":introETraderMenuButtons[i], "i":i});
			//Evnt.addListener(introETraderMenuButtons[i], 'mouseover', introETraderMenuButtonsHighlight, introETraderMenuButtons[i]);
			//Evnt.addListener(introETraderMenuButtons[i], 'mouseout', introETraderMenuButtonsLowlight, introETraderMenuButtons[i]);
		}
		
		Dom.setStyle(Dom.getElementsByClassName('e-trader-intro-menu-hoverimage')[0], 'opacity', 1.0);
		
		elZalozkaOdraz = Dom.get('zalozkaOdraz');
		
	}
	
	Evnt.onDOMReady(introETraderINIT);