var timer;
function show_div(opacity)
{
    if(parseInt(opacity) <= 1){
        set_opacity(opacity);
        timer = setTimeout("show_div("+(parseFloat(opacity,2)+0.01)+")",25);
    }
}

function set_opacity(opacity)
{
    var category_object = document.getElementById("category").style;
    var category_head_object = document.getElementById("category_head").style;

    category_object.opacity = opacity;
    category_object.MozOpacity = opacity;
    category_object.KhtmlOpacity = opacity;
    try{
        category_object.zoom = "1";
        category_object.filter = "alpha(opacity=" + parseInt((parseFloat(opacity)*100)) + ")";
    }
    catch(e){}

    
    category_head_object.opacity = opacity;
    category_head_object.MozOpacity = opacity;
    category_head_object.KhtmlOpacity = opacity;
    try{
        category_head_object.style.zoom = "1";
        category_head_object.filter = "alpha(opacity=" + parseInt((parseFloat(opacity)*100)) + ")";
    }
    catch(e){}

    
}

function show_price_list(category_id,category_name,category_description)
{
    var ajax_object = create_ajax_object();

    if(!ajax_object){
        alert("Your browser does not supports AJAX");
    }

    ajax_object.onreadystatechange = function(){
        if(ajax_object.readyState == 4){
            var div_element;
            var div_element1;
            var div_element2;
            var span_element;

            document.getElementById("category_head").innerHTML = category_name+"<br /><span class='category_description'>"+category_description+"</span>";

            div_element = document.createElement("div");
            div_element.style.textAlign="left";

            var a_element = document.createElement("a");
            a_element.setAttribute("href","#","0");
            a_element.onclick = function(){show_category();}
            a_element.innerHTML = "<< Back to Menu";

            div_element.appendChild(a_element);
            document.getElementById("category_head").appendChild(div_element);
            
            document.getElementById("category").innerHTML = "";

            var items_array = eval('('+ajax_object.responseText+')');

            if(items_array){
                for(var i=0;i<items_array.length;i++){

                    div_element = document.createElement("div");
                    div_element.id="category_list";


                    div_element1 = document.createElement("div");
                    div_element1.className="category_list1";
                    div_element1.innerHTML = items_array[i].item_name+"<br />";

                    span_element = document.createElement("span");
                    span_element.className = "category_description";
                    span_element.innerHTML = (items_array[i].item_description != "") ? "(" + items_array[i].item_description + ")" : "";
                    div_element1.appendChild(span_element);

                    div_element2 = document.createElement("div");
                    div_element2.className="category_list2";
                    div_element2.innerHTML = "$ "+items_array[i].rate;

                    div_element.appendChild(div_element1);
                    div_element.appendChild(div_element2);

                    document.getElementById("category").appendChild(div_element);
                }
            }
            clearTimeout(timer);
            show_div(0.00);
        }
        
    }
    ajax_object.open("GET","index.php?id=fetch_menus_ajax&category_id="+category_id,true);
    ajax_object.send(null);
}

function show_category()
{
    var ajax_object = create_ajax_object();

    if(!ajax_object){
        alert("Your browser does not supports AJAX");
    }

    ajax_object.onreadystatechange = function(){
        if(ajax_object.readyState == 4){

            document.getElementById("category_head").innerHTML = "Menu";
            document.getElementById("category").innerHTML = "";

            var category_array = eval('('+ajax_object.responseText+')');
            var a_element = "";

            for(var i=0;i<category_array.length;i++){

                var category_id = category_array[i].category_id;
                var category_name = category_array[i].category_name;
                var category_description = category_array[i].category_description;

                var div_element = document.createElement("div");
                div_element.id="category_list";

                a_element = document.createElement("a");
                a_element.setAttribute("href","#");
                a_element.id=+i;

                a_element.innerHTML = category_name;


                a_element.onclick = function(event){
                    var event1 = event || window.event || arguments.callee.caller.arguments[0];
                    var target_element = event1.srcElement || event1.currentTarget || event1.target;
                    show_price_list(category_array[target_element.id].category_id,category_array[target_element.id].category_name,category_array[target_element.id].category_description);
                }

                div_element.appendChild(a_element);


                var span_element = document.createElement("span");
                span_element.className = "category_description";
                span_element.innerHTML = (category_description != "") ? "&nbsp;(" + category_description + ")" : "";
                div_element.appendChild(span_element);

                document.getElementById("category").appendChild(div_element);

            }
            clearTimeout(timer);
            show_div(0.00);
        }

    }
    ajax_object.open("GET","index.php?id=fetch_menus_ajax",true);
    ajax_object.send(null);
}
