window.addEvent('domready', function() {

	function ElementToplamBoy(e)
	{
		return e.getStyle('height').toInt() + e.getStyle('padding').toInt() * 2 + e.getStyle('border-width').toInt();	
	}
	
	function ElementToplamEn(e)
	{
		return e.getStyle('width').toInt() + e.getStyle('padding').toInt() * 2 + e.getStyle('border-width').toInt() * 2;	
	}
	
	function TusAdedi()
	{
		var tusAdedi = 0;
		for(var i=1; i<500; i++) {
			if(!$("uiYanMenu_idTus" + i)) return tusAdedi;
			tusAdedi = i;
		}
		return 0;
	}
	
	function uiYanMenu_c(tusAdedi)
	{
		if(!$("uiYanMenu_idTus1")) return;
		
		this.PencereDegis = function PencereDegis()
							{
								for(var i=1; i<=this.sahip.tusAdedi; i++) {
									var idPencere	= "uiYanMenu_idPencere" + i;

									//----- Tüm pencereleri gez ve bu tuşa ait olanı göster, DİĞERLERİNİ GİZLE
									if(i == this.no)	{
										var tepe = this.getStyle('top').toInt();
										var sol  = this.getStyle('left').toInt() + ElementToplamEn(this)-2; // - 5 pencerenin borderi tuşun altında kalsın diye
										
										$(idPencere).setStyle('display', 'block');
										$(idPencere).setStyle('top', tepe);
										$(idPencere).setStyle('left', sol);
										$(idPencere).setStyle("background-color",	$('uiYanMenu_renk2Arka').get("html"));
										$(idPencere).setStyle("border-color",		$('uiYanMenu_renk2Border').get("html"));
									}
									else {
										$(idPencere).setStyle('display', 'none');
									}
								}
								
								//--------- bu tuşun arka plan rengini değiştir
								this.setStyle("background-color",	$('uiYanMenu_renk2Arka').get("html"));
								this.setStyle("border-color",		$('uiYanMenu_renk2Border').get("html"));
								this.setStyle("border-right-color", $('uiYanMenu_renk2Arka').get("html")); // sağ borderı arka planla aynı renk yap yok olsun; gövde ile tuş yapışık gibi
								//this.setStyle("width", 155);
							};
							
		this.PencereKapat = function PencereKapat()
							{
								var idPencere	= "uiYanMenu_idPencere" + this.no;
								$(idPencere).setStyle('display', 'none');
								this.setStyle("background-color",	$('uiYanMenu_renk1Arka').get("html"));
								this.setStyle("border-color",		$('uiYanMenu_renk1Border').get("html"));
								this.setStyle("border-right-color", $('uiYanMenu_renk1Border').get("html"));
								//this.setStyle("width", 150);
							};
							
		this.PencereKendiniAc = function PencereKendiniAc()
								{
									this.setStyle('display', 'block');
									$("uiYanMenu_idTus" + this.no).setStyle("background-color",		$('uiYanMenu_renk2Arka').get("html"));
									$("uiYanMenu_idTus" + this.no).setStyle("border-right-color",	$('uiYanMenu_renk2Arka').get("html"));
								};
								
		this.PencereKendiniKapat = function PencereKendiniKapat()
								{
									this.setStyle('display', 'none');
									$("uiYanMenu_idTus" + this.no).setStyle("background-color",		$('uiYanMenu_renk1Arka').get("html"));
									$("uiYanMenu_idTus" + this.no).setStyle("border-right-color",	$('uiYanMenu_renk1Border').get("html"));
								};
								
		this.tusAdedi = tusAdedi;	
		
		 //var tuslar = $$('sTus');
	 
		var konumTepe	= 0;
		
		var boy;
		var en			= ElementToplamEn($("uiYanMenu_idTus1"));
		
		for(var i=1; i<=500; i++) {
			var tus = $("uiYanMenu_idTus" + i);
			if(!tus) break;
			tus.addEvent('mousemove', this.PencereDegis);
			tus.addEvent('mouseout', this.PencereKapat);
			tus.setStyle('top', konumTepe);
			//alert("i:" + i + " konum:" + "konumTepe");
			boy	= ElementToplamBoy(tus);
			konumTepe += boy;
			tus.no = i;
			tus.sahip = this;
			$("uiYanMenu_idPencere" + i).addEvent('mousemove', this.PencereKendiniAc);
			$("uiYanMenu_idPencere" + i).addEvent('mouseout', this.PencereKendiniKapat);
			$("uiYanMenu_idPencere" + i).no = i;
			
			if(i != tusAdedi) $("uiYanMenu_idTus" + i).setStyle("border-bottom-width", "0px");
			//$("uiYanMenu_idTus" + i).set("border-bottom", "0px solid #CCCCCC");
		}
		
		var cerceveBoy	= $("uiYanMenu_idTus1").getStyle('border-width').toInt() + konumTepe;//sadece en alt tuşun alt borderı var. onuda tuşların toplam boyuna ekle
		$("uiYanMenu_idCerceve").setStyle('height',cerceveBoy);
		$("uiYanMenu_idCerceve").setStyle('width', en);
	}
	
	var uiYanMenu = new uiYanMenu_c(TusAdedi());
});