function showUser(url,str,divname,$dataFlag)
    {
		//alert(url);
		
       var ajaxRequest;
       try
       {
          // Opera 8.0+, Firefox, Safari
          ajaxRequest = new XMLHttpRequest();
         // alert("ajaxRequest created!");
       }
       catch (e)
       {
          // Internet Explorer Browsers
          try
          {
             ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
          }
          catch (e)
          {
             try
             {
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
             }
             catch (e)
             {
                // Something went wrong
                alert("Your browser broke!");
                return false;
             }
          }
       }
       // Create a function that will receive data sent from the server
       ajaxRequest.onreadystatechange = function(str)
       {
		  //alert("Ajax State:- "+ ajaxRequest.readyState);
          if(ajaxRequest.readyState == 4)
          {
             if(ajaxRequest.status == 200 || ajaxRequest.status == 304)
             {
                document.getElementById(divname).innerHTML = ajaxRequest.responseText;        
			
					if(document.getElementById('colorpickerField1'))
				   {
						var myPicker = new jscolor.color(document.getElementById('colorpickerField1'), {});
						myPicker.fromString('colorpickerField1');  
				   }
					if(document.getElementById('colorpickerField2'))
				   {
						var myPicker2 = new jscolor.color(document.getElementById('colorpickerField2'), {});
						myPicker2.fromString('colorpickerField2');
					
					}
					if(document.getElementById('colorpickerField3'))
				   {
						var myPicker3 = new jscolor.color(document.getElementById('colorpickerField3'), {});
						myPicker2.fromString('colorpickerField3');
						//document.getElementById('colorpickerField3').setAttribute("class",'color {required:false}');
						
					
					}
				document.getElementById('displayloaderdiv').innerHTML ="";
             }
          }
		  else
		  {		
			//document.getElementById(divname).innerHTML = '<div class="imageloaderdivmain"><div class="imageloaderdiv"></div><div id="imageloaderspan"></div></div>';
			document.getElementById('displayloaderdiv').innerHTML = '<div class="imageloaderdivmain"><div class="imageloaderdiv"></div><div id="imageloaderspan"></div></div>';
		  }
       }
       //contruct url
if($dataFlag == 'true')
       var url = url +"&data="+ str
	   //var url = url; //+"&data="+ str;
//	alert(url);
       ajaxRequest.open("GET", url, true);

       ajaxRequest.send(null);
    }
	
function submitdata(url,str,divname)
    {
		//alert(url);
       var ajaxRequest;
       try
       {
          // Opera 8.0+, Firefox, Safari
          ajaxRequest = new XMLHttpRequest();
         // alert("ajaxRequest created!");
       }
       catch (e)
       {
          // Internet Explorer Browsers
          try
          {
             ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
          }
          catch (e)
          {
             try
             {
                ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
             }
             catch (e)
             {
                // Something went wrong
                alert("Your browser broke!");
                return false;
             }
          }
       }
       // Create a function that will receive data sent from the server
       ajaxRequest.onreadystatechange = function(str)
       {
		   //alert(ajaxRequest.readyState);
          if(ajaxRequest.readyState == 4)
          {
             if(ajaxRequest.status == 200 || ajaxRequest.status == 304)
             {
				//alert(ajaxRequest.status);
                document.getElementById(divname).innerHTML = ajaxRequest.responseText;
				if(document.getElementById('displayloaderdiv'))
					document.getElementById('displayloaderdiv').innerHTML ="";
               
             }
          }
		  else
		  {
			//obj.innerHtml="Loading...";
			document.getElementById('displayloaderdiv').innerHTML = '<div class="imageloaderdivmain"><div class="imageloaderdiv"></div><div id="imageloaderspan"></div></div>';
		  }
       }
       //contruct url
	  
      
       var keyword = document.getElementById('exactKeyword').value;
	 //  var relKeyword = document.getElementById('relatedKeyword').value;
	
		var data = "&data="+str; // usertype
	   var postpara = "&exactKeyword="+keyword+data;
	  
	  url = url+postpara;
	 
	    ajaxRequest.open("POST", url, true);
	  // alert(postpara);
	   ajaxRequest.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
 	   ajaxRequest.send(postpara);
    }

function showBorderList(url,str,divname)
{
	cId = document.getElementById('category').value;
	sId = document.getElementById('subcategory').value;
	url = url+"&cId="+cId+"&sId="+sId;
//alert(url);
	showUser(url,str,divname);
}