function callService(method, parameters, procesFunction) {
             var soapEnv =
                '<soap:Envelope xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns:soap="http://schemas.xmlsoap.org/soap/envelope/">\
                  <soap:Body>\
                    <'+ method +' xmlns="http://tempuri.org/">';
                    
                    for (var key in parameters)
                    {
                    soapEnv +='<'+ key +'>'+parameters[key]+'</'+ key +'>';
                    }
                    
                 soapEnv +='</'+ method +'>\
                  </soap:Body>\
                </soap:Envelope>';
                

             $.ajax({
                 url: "/eSKategorije.asmx",
                 type: "POST",
                 dataType: "xml",
                 data: soapEnv,
                 complete: procesFunction,
                 contentType: "text/xml; charset=\"utf-8\""
             });
             
         }




function response2RootMenu(xData, element){
    var html = '';
    html = '<div class="teme1">';
    $(xData.responseXML).find('SubWebs:first').children("SimpleWeb:even").each(function() {
             html+='<h3><a href="contentpage.aspx?kat_id='+$(this).find('ID:first').text()+'" class="bg">'
                 + $(this).find('Title:first').text()
                 +'</a></h3>';
             $(this).find('SimpleWeb').each(function() {
                   html+=$(this).find('Title').text()+', ';
             });
              
             });
         
    html+='</div>';
    html += '<div class="teme2">';
    $(xData.responseXML).find('SubWebs:first').children("SimpleWeb:odd").each(function() {
             html+='<h3><a href="contentpage.aspx?kat_id='+$(this).find('ID:first').text()+'" class="bg">'
                 + $(this).find('Title:first').text()
                 +'</a></h3>';
             $(this).find('SimpleWeb').each(function() {
                   html+=$(this).find('Title').text()+', ';
             });
              
             });
         
    html+='</div>';
         
       
    element.append(html);
   
             

}

function response2LeftNavMenu(xData, element){
    
    var html = '';
    var id = $(xData.responseXML).find('ID:first').text();
   
    html = '<ul class="menu">';
    $(xData.responseXML).find('SiblingWebs').children('SimpleWeb').each(function() {
             html+='<li class="item1">';
             html+='<a href="javascript:updateLeftNav(\''+$(this).find('ID').text()+'\')"><span>'+ $(this).find('Title').text()+'</span></a>'
                         
             
             if(id==$(this).find('ID').text())
             {
             html+='<ul>';
             
             $(xData.responseXML).find('SubWebs').children('SimpleWeb').each(function() {
                   html+='<li class="item1">';
                   html+='<a href="javascript:updateMainContent(\''+$(this).find('ID').text()+'\')"><span>'+ $(this).find('Title').text()+'</span></a>';
                   html+='</li>';
             });
             
             html+='</ul>';
             
             }
             
             html+='</li>';
              
             });
         
    html+='</ul>';
    
         
     
    element.empty();
    element.append(html);
   

}

function response2MainContent(xData, element){
    var html = '';
    var id =  $(xData.responseXML).find('ID:first').text();
    
    html += '<div class="module">'+
      '<div class="maintitle">'+$(xData.responseXML).find('Parent').children('Title').text()+'</div>'+
      '<div class="mainmodulecontent">'+
          '<h2>'+$(xData.responseXML).find('Title:first').text()+'</h2>'+
          '<img class="mainimg" src="photo/vrticphoto.gif" align="left" width="150" height="100" alt="<%= sw.Description %>"/>'+
          '<span class="mainmoduletext">'+$(xData.responseXML).find('Description:first').text()+'</span>'+
      '</div>'+
    '</div>'+
    '<div class="mainmodulecontent2">';
    
    
    html += '<div class="teme1">';
    $(xData.responseXML).find('Pages').children("SimplePage:even").each(function() {
             html+='<h3><a href="javascript:updatePageContent(\''+id+'\', \''+$(this).find('ID:first').text()+'\')" class="bg">'
                 + $(this).find('Title:first').text()
                 +'</a></h3>';
                 
             html+='<p>'
             html+= $(this).find('Description:first').text()
             html+='<p>'           
              
             });         
    html+='</div>';
    
    html += '<div class="teme2">';
    $(xData.responseXML).find('Pages').children("SimplePage:odd").each(function() {
             html+='<h3><a href="javascript:updatePageContent(\''+id+'\', \''+$(this).find('ID:first').text()+'\')" class="bg">'
                 + $(this).find('Title:first').text()
                 +'</a></h3>';
             
             html+='<p>'
             html+= $(this).find('Description:first').text()
             html+='<p>' 
              
             });         
    html+='</div>';
    
    html+='<p>&nbsp;</p></div>';
      
    element.empty();
    element.append(html);           

}

function response2Page(xData, element){
    var html = '';
    html +=' <div class="module">\
                <div class="maintitle">'+
                   $(xData.responseXML).find('Parent').children('Title').text() +
                '</div>\
                <div class="mainmodulecontent">\
                    <h2>\
                    '+$(xData.responseXML).find('SimplePage').children('Title').text()+'\
                    </h2>\
                    '+$(xData.responseXML).find('SimplePage').children('Content').text()+'\
                </div>\
            </div>';
    
    element.empty();
    element.append(html);      
}

function response2PageNavMenu(xData, element){

}