$(document).ready(function(){
  $(".templates_img").mouseover(function(){
    $(this).removeClass("templates_img").addClass("templates_img_active");
  });
  
  $(".templates_img").mouseout(function(){
    $(this).removeClass("templates_img_active").addClass("templates_img");
  });
  
  $(".templates_img").live('click',function(){
    if (($(this).attr("class") == "templates_img_select") || ($(this).attr("class") == "templates_img templates_img_select")) {
      $(this).removeClass("templates_img_select").addClass("templates_img_active");
      $("#"+$(this).attr("cname")).attr("checked","");
    } else {
      $(this).removeClass("templates_img_active").addClass("templates_img_select");
      $("#"+$(this).attr("cname")).attr("checked","checked");
    }
  });
  
  
  $(".templates_pager_btn").live("click",function(){
    var page = $(this).attr("page");
    var act = $(this).attr("act");
    var tag = $(this).attr("tag");
    var countTemplatesOnPage = $("#templates_block").attr("countTemplatesOnPage");
    if (act == "first") {
      getTemplates(1,countTemplatesOnPage,true);   
    } else {
      getTemplates(page,countTemplatesOnPage,false,act,tag);  
    }
  });


  $(".tagClick").live("click",function(){
    var page=1;
    var act = "tag";
    var tag = $(this).attr("tag");
    var countTemplatesOnPage = $("#templates_block").attr("countTemplatesOnPage");
    getTemplates(page,countTemplatesOnPage,false,act,tag);  
  });

  $(".clickNextPopular").live("click",function(){
    var page=1;
    var act = "mostpopular";
    var countTemplatesOnPage = $("#templates_block").attr("countTemplatesOnPage");
    getTemplates(page,countTemplatesOnPage,false,act);  
  });

  $(".clickNextNew").live("click",function(){
    var page=1;
    var act = "new";
    var countTemplatesOnPage = $("#templates_block").attr("countTemplatesOnPage");
    getTemplates(page,countTemplatesOnPage,false,act);  
  });

  if ($("#templates_block")) {
    var countTemplatesOnPage = $("#templates_block").attr("countTemplatesOnPage");
    getTemplates(1,countTemplatesOnPage,true);   
  }

  function addLoader(selector){
    var loader = '<div id="AJAXloader" align="center"></div>';
    loader += '<div id="AJAXloaderImg" align="center"><img src="/joomla-builder2/ajax-loader2.gif"></div>';
    $(selector).append(loader);
    var left = $(selector).offset().left;
    var top = $(selector).offset().top
    var width = $(selector).width() - 20;
    var height = $(selector).height();
    if (height == 0) {
      height=50;
      var paddingTop = 5;
      var background="none";
    } else {
      var paddingTop = 200;
      var background="";
    }
    height = height - paddingTop;
    $("#AJAXloader").css({
      "left": left,
      "top": top,
      "width": width,
      "height": height,
      "padding-top": paddingTop,
      "background": background
    });
    
    $("#AJAXloaderImg").css({
      "left": (left+(width / 2) - 20),
      "top": (top+(height / 2) -20)
      
    });
    
  }
  
  function remoteLoader(selector){
    $(selector).find("AJAXloader").empty();
    $(selector).find("AJAXloaderImg").empty();
  }


function getTemplates(page,count,first,act,tag){
  if (!page) page = 1;
  if (!count) count = 12;
  addLoader("#templates_block");
  if (first) {
    var url = "/joomla-builder2/getFirstTemplates.php";
  } else {
    var url = "/joomla-builder2/getTemplates.php";
  }

 $.ajax({
    type: "POST",
    url: url,
    data: "lang="+lang+"&page="+page+"&count="+count+"&act="+act+"&tag="+tag,
    error: function (text) {
      remoteLoader("#templates_block");
      alert("error:"+text);
    },
    success: function(result) {
      remoteLoader("#templates_block");
      $("#templates_block").html(result);
      $(".templatesCheckBoxHidden").each(function(){
        if ($(this).attr("checked")) {
	  $("#"+$(this).attr("name")+"_img").addClass("templates_img_select");
	}
      });
    }
  });
}

});