// JavaScript Document
dojo.require("dojo.fx");

var isSelected = false;
var isMouseOver = false;
var originalTop = 0;

var duration = 750;
function doAnimation(index, name) {
  	if(index == 2 && !isMouseOver || index == 1) {
	var fadeOutNames = new Array();
	var order = 0;
	for(var i = 0; i < 3; i++) {
		if(names[i] != name) {
			if(index == 1) {
				//dojo.fadeOut({node: names[i],duration: 1000}).play();
				var opacity = document.getElementById(names[i]).style.opacity;
				dojo.animateProperty({node: names[i],duration: duration,properties: {opacity:{ start: opacity, end: 0.4 },}}).play();

			} else if(index == 2) {
				if(!isSelected) {
					document.getElementById(names[i]).style.visibility="visible";
					dojo.fadeIn({node: names[i],duration: duration}).play();
				} else {
					document.getElementById(names[i]).style.visibility="hidden";
				}
			}
		} else {
			dojo.fadeIn({node: names[i],duration: duration}).play();
		}
	}
	}
}

function selected(name) {
	var names=new Array();
  	names[0]="twitter";
  	names[1]="linkedin";
	names[2]="facebook";
	originalTop = -document.getElementById(name).offsetTop+40;
	var top = 0;
	if(isSelected) {
		for(var i = 0; i < 3; i++) {
			if(names[i] != name) {
				names[i].disabled = false;
				dojo.style(names[i], {visibility:'visible'});
				dojo.fadeIn({node: names[i],duration: duration}).play();
				dojo.fadeIn({node: "separator1",duration: duration}).play();
				dojo.fadeIn({node: "separator2",duration: duration}).play();
			} else {
				dojo.fadeOut({node: name + "_container",duration: duration}).play();
				dojo.fadeOut({
					node: name + "_container",
					duration: duration, 
					onEnd: function(){
					dojo.style(name + "_container", {visibility:'hidden'});
				}}).play();
			}
		}
  	} else {
	  	top = originalTop;
		for(var i = 0; i < 3; i++) {
			if(names[i] != name) {
				names[i].disabled = true;
				var logo = names[i];
				dojo.fadeOut({
					node: logo,
					duration: duration, 
					onEnd: function(){
					dojo.style(logo, {visibility:'hidden'});
				}}).play();
				dojo.fadeOut({node: "separator1",duration: duration}).play();
				dojo.fadeOut({node: "separator2",duration: duration}).play();
			} else {
				dojo.style(name + "_container", {visibility:'visible'});
				dojo.fadeIn({node: name + "_container",duration: duration}).play();
			}
		}
  	}
	isSelected = !isSelected;
  	var currentAnimation = dojo.fx.slideTo({node: name,duration: duration, top: top});
  	dojo.connect(currentAnimation, "onEnd", function(){ currentAnimation = null;});
  	currentAnimation.play();
}

function hide(name) {
	
}