$dl(function () {
	var defaultSideContent=$("welcomePromoBackground");
	var last;
	var starParts=$("buttons").getElementsByClassName("btn");
	starParts.each(function (starPart,starPartIndex) {
		$(starPart);
		var queueScope=starPart.id;
		var id=starPart.id.replace(/\D+/g,"");
		var content=$("promoBackground_"+id);
		var btnOver=$("btnOver_"+id);

		var pos=Position.cumulativeOffset(starPart)
		pos[1]-=starPart.offsetHeight+49;
		//alert(pos[1]);
		btnOver.setStyle({'top' : pos[1]+"px",'left' : pos[0]+"px"});

		starPart.show();

		starPart.observe("mouseover",function (e) {

			if (last && last!=starPart) last.out();
			last=starPart;
			defaultSideContent.hide();

			var starOut=Effect.Queues.get(queueScope+"_out");
			if (starOut.effects.length) {
				starOut.effects.each(function (effect) { effect.cancel(); });
				starOut.effects.length=0;
			}
			//starPart.className=starPart.className+"Sel";
			new Effect.Appear(btnOver,{duration:.4,from:.4,to:1,queue:{scope:queueScope+"_over"}});
			new Effect.Appear(content,{duration:.4,from:.4,to:1,queue:{scope:queueScope+"_over"}});
		});
		starPart.out=function () {
			var starOut=Effect.Queues.get(queueScope+"_over");
			if (starOut.effects.length) {
				starOut.effects.each(function (effect) { effect.cancel(); });
				starOut.effects.length=0;
			}
			//var className=starPart.className;
			//starPart.className="btn "+className.substring(0,className.length-3);

			content.hide();
			btnOver.hide();
			defaultSideContent.show();
			//new Effect.Fade(bg,{duration:.4,to:.4,queue:{scope:queueScope+"_out"}});
		};
	});

	var starPartArea=$("buttons"),starMenuContentArea=$("contentArea");

	var turnOffStar=function (e) {
		var related=Event.relatedElement(e,true);
		if (!related ||(
				related && related.childOf &&
				(related.childOf(starPartArea) || related==starMenuContentArea || related.childOf(starMenuContentArea))
			)
		) return;
		if (last) last.out();
	};

	starPartArea.observe("mouseout",turnOffStar);
	starMenuContentArea.observe("mouseout",turnOffStar);
});


var UsefulLinksMenu={
	SetPosition:function () {
		if (!$("usefulLinksMenu")) return;
		clearTimeout(UsefulLinksMenu.TO);
		$("usefulLinksMenu").show();
		var pos=Position.cumulativeOffset($("usefulLink"))
		pos[1]+=$("usefulLink").offsetHeight+2;
		$("usefulLinksMenu").setStyle({'top' : pos[1]+"px",'left' : pos[0]+"px"});
	},
	Show:function () {
		if (!$("usefulLinksMenu")) return;
		clearTimeout(UsefulLinksMenu.TO);
		$("usefulLinksMenu").show();
	},
	Hide:function () {
		if (!$("usefulLinksMenu")) return;
		$("usefulLinksMenu").hide();
	},
	PrepareHide:function () {
		UsefulLinksMenu.TO=setTimeout(UsefulLinksMenu.Hide.bind(this),200);
	}
};

var Support={
	Id:null,
	El:null,
	Show:function (id) {
		this.El=$("SupportContentWrap_"+id);
		if(this.El.getStyle("display")=="block"){
			$("Link_"+id).setStyle({color: '#000000'});
			Effect.Appear(this.El,{duration:.5, transition: Effect.Transitions.liner,from: .5, to: 0 });
			Effect.SlideUp(this.El, {duration:.5,  transition: Effect.Transitions.stropslow,from: .3, to: 1 ,
				afterFinish:function () {
					$("Btn_"+id).toggleClassName("btnExpand");
				}
			});

			return;
		}
		$("Link_"+id).setStyle({color: '#B556BF'});
		this.El.setOpacity(0);
		Effect.Appear(this.El,{duration:.5});
		Effect.SlideDown(this.El,  {duration:.3,  transition: Effect.Transitions.stropslow,from: .5, to: 1 ,
			afterFinish:function () {
				$("Btn_"+id).toggleClassName("btnExpand");
			}
		});
	}
};