$(document).ready(function(){

    $('#cat-tree li > ul').hide();

    $('#cat-tree li a.current').parent().find('ul').show();

    $('#cat-tree li > ul li a.current').parent().parent().show();
    


    /*
            tli: get all top level li
            foreach tli as li
                if has sub category
                    if has sub category
                        check if it is current
                            append after a tag
                            <div id="toggle-minus"></div>
                        else
                            append after a tag
                            <div id="toggle-plus"></div>

     */
    $('#cat-tree > ul > li').each(function(){

        var has_child = 0;
        if ($(this).find('ul').length > 0){
            if($(this).find('a.current').length > 0)
                $(this).prepend('<div class="toggle-minus toggle"></div>');
            else{
                $(this).prepend('<div class="toggle-plus toggle"></div>');
            }
        }
    });
    $('.toggle').click(function() {

            if($(this).hasClass('toggle-plus')){
                $(this).removeClass('toggle-plus');
                $(this).addClass('toggle-minus');
                $(this).parent().find('ul').slideToggle();
                
            }
            else if($(this).hasClass('toggle-minus')){
                $(this).removeClass('toggle-minus');
                $(this).addClass('toggle-plus');
                $(this).parent().find('ul').slideToggle();
            }

        });

    $('#block_cart_collapse').click(function(){
            ajaxCart.collapse();
    });
    $('#block_cart_expand').click(function(){
        ajaxCart.expand();
    });
    ajaxCart.overrideButtonsInThePage();

    $(".tab_content").hide(); //Hide all content
	$("ul.tabs li:first").addClass("active").show(); //Activate first tab
	$(".tab_content:first").show(); //Show first tab content

	//On Click Event
	$("ul.tabs li").click(function() {
		$("ul.tabs li").removeClass("active"); //Remove any "active" class
		$(this).addClass("active"); //Add "active" class to selected tab
		$(".tab_content").hide(); //Hide all tab content
		var activeTab = $(this).find("a").attr("href"); //Find the rel attribute value to identify the active tab + content
		$(activeTab).fadeIn(); //Fade in the active content
		return false;
	});



});