$(document).ready(function(){	
    
        hideCategories()
		
	});
	
	
	function hideCategories()
	{
	    if( $('.filter').length > 0 )
		{
		    $(".nav_left .inactive").css("display", "none");
		    var el = $(".nav_left .active:first")[0];		    
		    $(el).css("display", "block");
		    var marginLeft = $(el).css("margin-left");	
		    if(marginLeft == "auto") marginLeft = "0px"; 	            
	        marginLeft = parseInt(marginLeft.substr(0, marginLeft.length-2));
	        var currMarginLeft = marginLeft;
	        var prevEl = el; 
            while (currMarginLeft > 0)
            {
                var prevEl = prevEl.previousSibling;                
                if(!prevEl) break;
                var prevMarginLeft = $(prevEl).css("margin-left");	
                if(prevMarginLeft == "auto") prevMarginLeft = "0px";            
	            prevMarginLeft = parseInt(prevMarginLeft.substr(0, prevMarginLeft.length-2));
                if(prevMarginLeft < currMarginLeft)
                {
                    $(prevEl).css("display", "block");
                    prevEl = prevEl.previousSibling;
                    if(!prevEl) break;                    
                    currMarginLeft -= 15;
                }
            
            }
            
            
            var nextEl = el.nextSibling;                

            while (nextEl)
            {
                
                var nextMarginLeft = $(nextEl).css("margin-left");	
                if(nextMarginLeft == "auto") nextMarginLeft = "0px";            
	            nextMarginLeft = parseInt(nextMarginLeft.substr(0, nextMarginLeft.length-2));
                if(nextMarginLeft > marginLeft)
                {
                    $(nextEl).css("display", "block");
                    nextEl = nextEl.nextSibling;                  
                }
                else
                {
                    break;
                }
            }
            
            
            var viewAll = $(".nav_left .viewall a:first");
            if(viewAll[0] === undefined)
            {
                $(".nav_left .categories:first").after('<div class="viewall"><a href="javascript:void(0)">Tüm Kategoriler</a></div>');
                viewAll = $(".nav_left .viewall a:first");
                viewAll.click(function(){showCategories();});
            }else
            {
                viewAll.text("Tüm Kategoriler");
                viewAll.unbind('click');
                viewAll.click(function(){showCategories();});
            }
		}
	
	}
	
	
	function showCategories()
	{
	    $(".nav_left .inactive").css("display", "block");
	    var viewAll = $(".nav_left .viewall a:first");
	    viewAll.text("Kategorileri Gizle");
	    viewAll.unbind('click');
	    viewAll.click(function(){hideCategories();});
	}