﻿var secili = "";
var menu = '<div id="menuUst">'+
'<a href="#" rel="alt" title="BKM Hakkında" name="Menu1"><span><img src="images/menu_ok.gif" width="18" height="25" /></span><strong>BKM HAKKINDA</strong></a>'+
'<a href="#" rel="alt" title="Faydalı Bilgiler" name="Menu2"><span><img src="images/menu_ok.gif" width="18" height="25" /></span><strong>FAYDALI BİLGİLER</strong></a>'+
'<a href="#" rel="alt" title="Raporlar ve Yayınlar" name="Menu3"><span><img src="images/menu_ok.gif" width="18" height="25" /></span><strong>RAPORLAR ve YAYINLAR</strong></a>'+
'</div>'+
'<div id="menuAlt">'+
'<a href="#" rel="alt" title="Basın Odası" name="Menu4"><span><img src="images/menu_ok.gif" width="18" height="25" /></span><strong>BASIN ODASI</strong></a>'+
'<a href="http://www.bkm.com.tr/linkler.html" title="Linkler"><span><img src="images/menu_ok.gif" width="18" height="25" /></span><strong>LİNKLER</strong></a>'+
'<a href="http://www.bkm.com.tr/iletisim.html" title="İletişim"><span><img src="images/menu_ok.gif" width="18" height="25" /></span><strong>İLETİŞİM</strong></a>'+
'</div>'+
'<div id="altMenu">'+
'<ul id="altMenu1">'+
'<li><a href="http://www.bkm.com.tr/bkm.html">BKM</a></li>'+
'<li><a href="http://www.bkm.com.tr/yth.html">HIZMETLER</a></li>'+
'<li><a href="http://www.bkm.com.tr/yonetim_kurulu.html">YÖNETIM KURULU</a></li>'+
'<li><a href="http://www.bkm.com.tr/komiteler.html">KOMİTELER</a></li>'+
'<li><a href="http://www.bkm.com.tr/bkmuyesibankalar.html">ÜYELER</a></li>'+
'<li><a href="http://www.bkm.com.tr/organizasyon.html">ORGANİZASYON</a></li>'+
'<li><a href="http://www.bkm.com.tr/faaliyetraporu.html">FAALİYET RAPORLARI</a></li>'+
'</ul>'+
'<ul id="altMenu2">'+
'<li><a href="http://www.bkm.com.tr/sanal_alisveris.html">GÜVENLI SANAL ALIŞVERİŞ</a></li>'+
'<li><a href="http://www.kartbilinci.com/">KARTBİLİNCİ</a></li>'+
'<li><a href="http://www.bkm.com.tr/odemesistemleri.html">ÖDEME SİSTEMLERİ</a></li>'+
'<li><a href="http://www.bkm.com.tr/cip.html">ÇİP</a></li>'+
'<li><a href="http://www.bkm.com.tr/sozluk.html">SÖZLÜK</a></li>'+
'<li><a href="http://www.bkm.com.tr/takaskomisyonu.html">TAKAS KOMİSYONU</a></li>'+
'</ul>'+
'<ul id="altMenu3">'+
'<li><a href="http://www.bkm.com.tr/istatistik/index.html">RAPORLAR</a></li>'+
'<li><a href="http://www.bkm.com.tr/istatistik/yayinlar.html">YAYINLAR</a></li>'+
'</ul>'+
'<ul id="altMenu4">'+
'<li><a href="http://www.bkm.com.tr/basinbultenleri.html">BASIN</a></li>'+
'<li><a href="http://www.bkm.com.tr/chip_pin.html">KAMPANYALAR</a></li>'+
'<li><a href="http://www.bkm.com.tr/oduller.html">ÖDÜLLER</a></li>'+
'<li><a href="http://www.bkm.com.tr/gorselgalerisi.html">GÖRSEL GALERİSİ</a></li>'+
'</ul>'+
'</div>'+
'<a href="http://www.bkm.com.tr/en/index.asp" id="lang">ENGLISH</a>';

$(document).ready(function()
{
	$('#menu').append(menu);
	
	$('#menuUst a').hover(function(){ $(this).children(':first').children().animate({left:'0px'}, 125); }, function(){ $(this).children(':first').children().animate({left:'-18px'}, 75); });
	$('#menuAlt a').hover(function(){ $(this).children(':first').children().animate({left:'0px'}, 125); }, function(){ $(this).children(':first').children().animate({left:'-18px'}, 75); });
	$('#menu a[rel="alt"]').click(function(){
		if($(this).parent().queue("FX").length < 1)
		{
			if(secili != "")
			{
				gizle($(secili).attr('name'));
				$(secili).removeClass('on');
			}
			if($(secili).attr('name') == $(this).attr('name'))
			{
				gizle2($(this).attr('name'));
				$(this).removeClass('on');
				secili = "";
			}else
			{
				goster($(this).attr('name'));
				$(this).addClass('on');
				secili = $(this);
			}
		}
	});	
});

function goster(name){ $('#menuUst').animate({top:'0px'}, 'fast'); $('#menuAlt').animate({top:'66px'}, 'fast', function(){ $('#altMenu').css('width', '0px'); $('#alt'+name).css('display','block'); $('#altMenu').css('display', 'block'); $('#altMenu').animate({ width:'563px'}, 'fast'); }); $('#lang').hide(); }
function gizle(name){ $('#alt'+name).css('display','none');  $('#altMenu').animate({width:'0'}, 100, function(){ $('#altMenu').css('display', 'none'); }); $('#menuUst').animate({top:'14px'}, 'fast'); $('#menuAlt').animate({top:'50px'}, 'fast'); $('#lang').fadeIn('slow'); }
function gizle2(name){ $('#alt'+name).css('display','none'); $('#altMenu').css('display', 'none'); $('#altMenu').css('display', 'none'); $('#menuUst').animate({top:'14px'}, 'fast'); $('#menuAlt').animate({top:'50px'}, 'fast'); $('#lang').fadeIn('slow'); }