/**
 * --------------------------------------------------------------------
 * jQuery manset menu sistemi
 * Aycan BULBUL, ab@aycan.net
 * Tarih 20 Eylul 2010
 *
 *                      http://www.aycan.net/
 * * --------------------------------------------------------------------
 *  Kullanim klavuzu
 *  http://www.aycan.net/blog/jquery-ajax-javascript/jquery-manset-menu-sistemi.html
 *
 */


/**
 * Sayfa yuklendiginde
 **/
$(document).ready(function(){
    /**
     * Menu icerisindeki herhangi bir a taginin uzerine gelindiginde (hover  durumu gerceklestiginde).
     **/
    $('.mansetMenuSistemi ul li a').hover(function(){
        /**
         * Uzerine gelinen a taginin bir ustune cik (parent), orada img yani resim ara (find)
         * sonra resmin display degerini al (css.('display');)
         **/
        var resimGorunurlugu =  $(this).find('img').css('display');
        /**
         * Buradaki if degerimiz acik olan bir menunun uzerine gelidiginde
         * bir daha o menuye efekt vermesini engellemek.
         **/
        if (resimGorunurlugu == 'block' || resimGorunurlugu == 'inline')
        {
            /**
             * Eger resmimiz suan aktif sekilde gorukuyorsa
             * hic birsey yapma.
             **/
        }
        else
        {
            /**
             * Illkez acilacak bir resimse onceden acilan resimlerin hepsini kapat (fadeOut('fast');)
             **/
            $(this).parent().parent().find('img').fadeOut('fast');
            /**
             * Butun resimler kapandiktan sonra uzerine gelinen resmi goster (fadeIn('normal');)
             **/
            $(this).find('img').fadeIn('normal');

        }

    });
    
});