{showpage:header/header}


<script type="text/javascript">

function display(a)
{

	$("#label"+a).css("display","none");
	$("#textbox"+a).css("display","");
	
	$("#edit"+a).css("display","none");
	$("#savebutton"+a).css("display","");

}

function test(a)
{
  	var catname=document.getElementById("catname2"+a).value;
  	
  	var encatname=encodeURIComponent(catname);
  	
  	var modrewrite={$mod_re};

 	xmlhttp=GetXmlHttpObject();
 	
 	xmlhttp1=GetXmlHttpObject();
 
    if (xmlhttp==null)
	{
		alert ("Your browser does not support XML HTTP Request");
		return;
	}
	
	if (xmlhttp1==null)
	{
		alert ("Your browser does not support XML HTTP Request");
		return;
	}

	document.getElementById("catname1"+a).value=catname;
	
	var urlencode="{url:(user/encode)}";
	
	if(modrewrite==1)
	{
	urlencode=urlencode+"/"+encatname;
	}
	else
	{
	urlencode=urlencode+"/"+encatname;
	}
	
	var url="{url:(user/categoryprocess)}";
	

xmlhttp1.onreadystatechange=function()
{
	if (xmlhttp1.readyState==4)
	{
	      my_result_test=xmlhttp1.responseText;
	   //   alert(my_result_test);
	  
var parameters="post_catname="+my_result_test+"&post_catid="+a;


xmlhttp.onreadystatechange=statechanged;

xmlhttp.open("POST",url,true);

xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');

xmlhttp.send(parameters);
	  
	}
};



 
xmlhttp1.open("GET",urlencode,true);

xmlhttp1.send(null);

}


function GetXmlHttpObject()
{
	if (window.XMLHttpRequest)
	{
		return new XMLHttpRequest();
	}
	if (window.ActiveXObject)
	{
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
return null;

}



function statechanged()
{
	if (xmlhttp.readyState==4)
	{
	var d=xmlhttp.responseText;
	var catarray=new Array();
	catarray=d.split("[split]");
	var token=catarray[0];
    var response=catarray[1];
    var a=catarray[2];
	
	if(token==1)
	{
	document.getElementById("man").innerHTML="{cfn:getmessage(557)}";
	document.getElementById("man").style.color="green";
	document.getElementById("catname1"+a).value=response;
	document.getElementById("catname2"+a).value=response;
	}
	if(token==0)
	{
	document.getElementById("man").innerHTML="{cfn:getmessage(555)}";
	document.getElementById("man").style.color="red";
	document.getElementById("catname1"+a).value=response;
	document.getElementById("catname2"+a).value=response;
	}
	if(token==2)
	{
	document.getElementById("man").style.color="red";
	document.getElementById("man").innerHTML="{cfn:getmessage(554)}";
	}

	document.getElementById("label"+a).style.display="";
	document.getElementById("textbox"+a).style.display="none";

	document.getElementById("edit"+a).style.display="";
	document.getElementById("savebutton"+a).style.display="none";
	
	document.getElementById("man1").innerHTML="";

	}

}

</script>
<SCRIPT LANGUAGE="JavaScript">

function confirmation(id)
{
	 var modrewrite={$mod_re};
	
     var answer = confirm("You are about to delete this Category. All Favourities added to this Category will also be deleted. Press OK to continue.")
     if (answer)
     {
     	var url1="{url:(user/deletecategory)}";
	
		if(modrewrite==1)
		{
			url1=url1+"?catid="+id;
		}
		else
		{
			url1=url1+"&catid="+id;
		}
		
		window.location=url1;exit;
    }

}

</SCRIPT>
<script type="text/javascript">
$(document).ready(function(e) {
 
   $('.clickbtn').click(function(){
   $('.edit_delete').slideToggle();
  });

  
});
</script>
<script type="text/javascript" language="javascript" src="js/dropdown.js"></script>

 <div class="content_area_wrapper">
<div class="content_area">
<div class="paddingin">
<div class="innerlogouser">
<a  class="p_hlogo" alt="{$home}" title="{$home}" href="{url:()}">{if($logostatus==0)}		
		<img {if($logo=="")} src="images/search_engines.gif" {else} src="userdata/{$logo}" {endif} border="0">{else}
 <img src="userdata/seasonallogo/{$logoid}/{$logo}"  border="0"> {endif}</a>
</div>

<div class="index_enginewrappper">


   
   <div class="topmenu">
     <div class="menuright">
       <ul>
         <li><a  href="{url:(user/member)}"><i class="fa fa-star leftpdd"></i>{cfn:getmessage(520)}</a></li>
          <li><a class="active" href="{url:(user/createcategory)}"><i class="fa fa-cogs leftpdd"></i>{cfn:getmessage(552)}</a></li>
           <li><a  href="{url:(user/myprofile)}"><i class="fa fa-user leftpdd"></i>{cfn:getmessage(522)}</a></li>
            <li><a   href="{url:(user/changepassword)}"><i class="fa fa-unlock leftpdd"></i>{cfn:getmessage(523)}</a></li>
             <li><a href="{url:(user/logout)}"><i class="fa fa-unlock-alt leftpdd"></i>{cfn:getmessage(525)}</a></li>
       </ul>
     </div>
   </div>



    
      

</div>
    

</div>

<div class="otherpages">
<div class="content_area">
<div class="paddingin">

  <div class="inner_center">
  {formstart:newcat:{url:(user/categoryprocess)}:POST}
   <div class="inner_gride">
    <h2>Create New Category Below</h2>
     <div class="reg_area">
      <div class="reg_list pdd">
	{if($error!="")}{if($msg_type=="success")}<span id="mandatory" style="color: green;">{else}<span id="mandatory">{endif}{$error}</span></span>{endif}
       
       
        <div class="catgries_pp">
        <div class="catgries_ppbox boxsizing">{cfn:getmessage(553)} :</div>
        <div class="catgries_ppbox boxsizing">
        <input type="text" placeholder="Category Name" class="catgo_input"  name="category" value="{if($category!="")}{$category}{endif}">
        </div>
        <div class="catgries_ppbox boxsizing">
        <button type="submit" class="catago_btna" name="submit" value="submit">{cfn:getmessage(593)}</button>
        </div>
</div>
       
      </div>
     </div>
   </div>
   {validate:newcat:isNotNull("category","Enter Category Name!")}
   {formend:newcat}

   <div class="inner_gride">
    <h2>Manage Existing Categories</h2>
     <div class="reg_area">
      <div class="reg_list">
       <span id="man" style="color: red"></span>
<span id="man1" style="color: green;">{if($manageerror!="")}{$manageerror}{endif}</span>
        <div class="first_box cat pdd_btm">
         <h3><strong>Category Name</strong></h3>
         <h3 class="gridess2"><strong>Actions</strong></h3>
        </div>
	{loopstart:categories:1000}
         <div class="second_box">
          <div class="gridess">
          
<span id="label{$categories[0]}">
<input  readonly="readonly"  type="text"  name="categoryname1" id="catname1{$categories[0]}" value="{$categories[1]}"></span>
<span id="textbox{$categories[0]}" style="display: none">
<input class="catgo_input"  type="text" name="categoryname2" id="catname2{$categories[0]}" value="{$categories[1]}">
</span>

</div>

           <div class="gridess gridess2">
          

<span style="display: none; " id="savebutton{$categories[0]}">
<button class="catago_btna" type="submit" name="save" value="{cfn:getmessage(592)}" onclick="test({$categories[0]})">
{cfn:getmessage(592)}
</button>
</span>
<span   id="edit{$categories[0]}">
<!-- <a href="javascript:display({$categories[0]})"><i class="fa fa-pencil-square-o " title="{cfn:getmessage(541)}"></i></a>-->
<button class="catago_btna" onclick="javascript:display({$categories[0]})">{cfn:getmessage(541)}</button>
</span>
<span >
<!-- <a href="javascript:confirmation({$categories[0]})"><i class="fa fa-trash-o" title="{cfn:getmessage(564)}"></i></a>-->
<button class="catago_btna" onclick="javascript:confirmation({$categories[0]})">{cfn:getmessage(564)}</button>
</span>
           </div>
         </div>
       {loopend:categories}
      </div>
     </div>
   </div>
   
  </div>
</div>
</div>
</div>

</div>
<script type="text/javascript">
$(window).load(function() {
    // footer fit in bottom jquary
        $(".slabe").css("visibility","visible");
        var windheight = $(window).outerHeight();
       
        var c_mainwrperheight = $('.header_wrapper').outerHeight(true);
        var c_langheight = $('.content_area_wrapper').outerHeight(true);
       // var c_wraperheight = $('.copy_right_wrapper').outerHeight(true);
       
        var total_he = c_mainwrperheight  +c_langheight ;
       
       
        var margin_topvalue = windheight - total_he;
       
        if(total_he < windheight ){
       
        $('.copy_right_wrapper').css({"margin-top" : margin_topvalue });
        }
       
        // window resize  jquary
        $(window).resize(function(){
       
       
        var windheight = $(window).outerHeight();
        var c_mainwrperheight = $('.header_wrapper').outerHeight(true);
        var c_langheight = $('.content_area_wrapper').outerHeight(true);
      //  var c_wraperheight = $('.copy_right_wrapper').outerHeight(true);
       
        var total_he = c_mainwrperheight + c_langheight;
       
        var margin_topvalue = windheight - total_he;
       
        if(total_he < windheight ){
        $('.copy_right_wrapper').css({"margin-top" : margin_topvalue });       
        }
       
        });
});
        </script>
{showpage:footer/footer}