jQuery.fn.fancybox.defaults.path = 'fancybox/';
tb_pathToImage = "../images/loading-thickbox.gif";
function mycarousel_getItemHTML(item){
    var url_m = item.url.replace(/_s.jpg/g, '_m.jpg');
    return '<a href="' + url_m + '" title="' + item.title + '"><img src="' + item.url + '" width="75" height="75" border="0" alt="' + item.title + '" /></a>';
};
  $(document).ready(function(){



     $("a.img_single").fancybox({
	   });
     if($.cookie('favoritos')==null){
      $.cookie('favoritos','|');
                $(".menu_label").slideDown("slow");
        $(".menu").slideDown("slow");

     }else{
         $(".menu_label").css('display','block');
         $(".menu").css('display','block');
     }


     if($.cookie('items')==null){
      $.cookie('items','');
     }
     if($.cookie('nombre')==null){
      $.cookie('nombre','visitante');
       $("#nombreonline").html($.cookie('nombre'))
     }else{
       $("#nombreonline").html(unescape($.cookie('nombre')))
     }
      user_status();
  });

//----------------------------------------------------


function listado_inicial_fase1(xmlData){
 $(xmlData).find('ROOT').each(function(h){
      var tr  = document.createElement('TR');
      var trid = new Array();
      var numimg = 0;
      $(xmlData).find('ROOT').each(function(g){
          var paginasx = $(this).attr('pages');
          var actual = $(this).attr('page');
          $("#itemsonline").html($(this).attr('records'));
          var rr = $(this).attr('records');
           $.cookie('items',rr);
          $("#listado_inicial").empty();
     ///     $("#paginacion").empty();
          navegacion(actual,paginasx,'index.php');

      });
      $(this).find('RECORD').each(function(g){
          description($(this));

      });
  }); //close each(
  $('#loadingbar').hide('slow');
}

function description(xmlData){
  //itemid,userid,foto1,anio,marca,modelo,tipo,color,preciomx,precioam,negociable,descripcion
  var itemid      = $(xmlData).attr('itemid');
  var userid      = $(xmlData).attr('userid');
  var foto1       = $(xmlData).attr('foto1');
  var anio        = $(xmlData).attr('anio');
  var marca       = $(xmlData).attr('marca');
  var modelo      = $(xmlData).attr('modelo');
  var tipo        = $(xmlData).attr('tipo');
  var color       = $(xmlData).attr('color');
  var preciomx    = $(xmlData).attr('preciomx');
  var precioam    = $(xmlData).attr('precioam');
  var negociable  = $(xmlData).attr('negociable');
  var desc        = $(xmlData).text();

  var table = document.createElement('table'); table.border="0";
    $(table).attr("class","tabla_listado_0")
  var tr    = document.createElement('tr');
  var td    = document.createElement('td');
// *************************************************************************
  var divtop = document.createElement("DIV");
  var alink  = document.createElement("A");
  var divtopstr ="<img src='imagenes/arrow_right.png' border='0' />"+ $(xmlData).attr('marca') +" " + $(xmlData).attr('modelo') +" " + $(xmlData).attr('anio');
  $(alink).html(divtopstr);
  $(alink).attr("href","item.php?userid="+userid+"&item="+itemid);
  $(alink).css("cursor","pointer");
  $(alink).css("textDecoration","none");
  $(alink).css("color","#0033CC")
  $(alink).bind("mouseover",function(){
    $(this).css("textDecoration","underline");
  });
   $(alink).bind("mouseout",function(){
    $(this).css("textDecoration","none");
  })
  $(divtop).append(alink)
  $(divtop).attr("class","tabla_listado_toplabel");
   var tdsepc =  document.createElement("TD");
       $(tdsepc).attr("width","80px");
// *************************************************************************
  //$(table).append($(tr).clone().append($(tdsepc).clone().html("# Item:"), $(td).clone().html(itemid)  ));
  $(table).append($(tr).clone().append($(tdsepc).clone().html("Transmision:"), $(td).clone().html($(xmlData).attr('transmision'))));
  $(table).append($(tr).clone().append($(tdsepc).clone().html("Interiores:"), $(td).clone().html($(xmlData).attr('interiores'))));
  $(table).append($(tr).clone().append($(tdsepc).clone().html("Tipo:"), $(td).clone().html($(xmlData).attr('tipo'))));
      var dcolor = document.createElement("DIV");
      $(dcolor).css("width","23px");
      $(dcolor).css("height","12px");
      $(dcolor).css("backgroundColor",color);
      $(dcolor).css("border","solid 1px #000000");

  $(table).append($(tr).clone().append($(tdsepc).clone().html("Color"), $(td).clone().append(dcolor) ));
  $(table).append($(tr).clone().append($(tdsepc).clone().html("Precio MN:"), $(td).clone().html($(xmlData).attr('preciomx'))));
  $(table).append($(tr).clone().append($(tdsepc).clone().html("Precio USD:"), $(td).clone().html($(xmlData).attr('precioam'))));
  $(table).append($(tr).clone().append($(tdsepc).clone().html("Negociable:"), $(td).clone().html(negociable=="T"?"SI":"NO")));
// *************************************************************************
  var table2 = document.createElement('table'); table2.border="0";
   // $(table2).attr("class","tabla_listado_2");
    $(table2).css("border-collapse","collapse");
    $(table2).css("width","100px");
    //$(table2).css("background","#D8BFD8");


  var div2   = document.createElement('div');
      $(div2).attr("class","test_zone")
  var a      = document.createElement('a');
  var img    = document.createElement('img');
  var tr2    = document.createElement('tr');
  var td2    = document.createElement('td');
  if($(xmlData).attr('foto1').indexOf('imagenes/noimage.gif')!=-1){
     var imgurl =  "imagenes/noimage.gif";
  }else{
    var imgurl =  "users/usr_"+userid+"/item_"+itemid+"/"+foto1;
  }
  $(a).attr("href",imgurl);
     var imgstr = marca +", " + modelo +"," + anio +", " + tipo;
  $(a).attr("title",imgstr);
  $(a).attr("class","img_single");

  $(a).fancybox();
  $(img).attr("src","phpThumb/phpThumb.php?src=../"+imgurl+"&w=100&h=100&q=100&sia=custom-filename&fltr=ric|12|12]");
  $(table2).append($(tr2).clone().append($(td2).clone().append($(div2).append($(a).append(img)))));
 // *************************************************************************
  var table3 = document.createElement('table'); table3.border="0";
    $(table3).attr("class","tabla_listado_3");
  var tr3    = document.createElement('tr');
  var td3    = document.createElement('td');
      $(td3).attr("valign","top");

  var divfavorito = document.createElement("DIV");
     $(divfavorito).css("width","15px");
     $(divfavorito).css("height","100%");
     $(divfavorito).css("backgroundColor","gray");
     $(divfavorito).css("color","white");
     //$(divfavorito).css("fontWeight","bolder");
     $(divfavorito).css("textAlign","center");
     $(divfavorito).css("cursor","pointer");
     $(divfavorito).css("marginTop","1px");
     $(divfavorito).attr('id',$(xmlData).attr('userid')+","+$(xmlData).attr('itemid'))

         var a = $.cookie('favoritos');
         var id = $(divfavorito).attr('id');
         var favs = a.split("|");
         //alert(favs + " >>" + id +" >>" + jQuery.inArray(id,favs));
         if(jQuery.inArray(id,favs) != -1){
            $(divfavorito).html("<img src='imagenes/award_star_gold_2.png' border='0' title='en mi lista'/>");
         }else{
             $(divfavorito).html("<a title='agregado a favoritos'>f</a>");
         }
         $(divfavorito).bind("click",function(){
                 var a = $.cookie('favoritos');
                 var id = $(this).attr('id');
                 var favs = a.split("|");
                 if(jQuery.inArray(id,favs) == -1 || a ==""){
                  var b = a +"|"+$(this).attr('id');
                  $.cookie('favoritos',b);
                  //alert("agreagado a a lista");
                  $(this).html("<img src='imagenes/award_star_gold_2.png' border='0' title='en mi lista'/>");
                 }else{
                    var a = $.cookie('favoritos');
                     var id = $(this).attr('id');
                     var favs = a.split("|");
                     var newa = new Array();
                      for(var i in favs){
                        if(favs[i] != id){
                          newa.push(favs[i]);
                        }
                      }
                      var jo = newa.join('|');
                      $.cookie('favoritos',jo);
                        $(this).html("<a title='agregado a favoritos'>f</a>");
                 }
                //$(divdescstr).toggle('fast');

             });

  var divdesc = document.createElement("DIV");
     $(divdesc).css({"width":"15px","height":"100%","backgroundColor":"gray","color":"white","fontWeight":"bolder","textAlign":"center","cursor":"pointer"});
     $(divdesc).html("<a title='ver descripción'>+</a>");
     $(divdesc).bind("click",function(){
        $(divdescstr).toggle('fast');
     });

  var divdescstr = document.createElement("TEXTAREA");
     var odesc = escape(desc);
     //alert(odesc);
     $(divdescstr).val(desc);
     $(divdescstr).css({"display":"none","position":"absolute","width":"260px","height":"150px","color":"#000000","fontSize":"11px","backgroundColor":"#F5F5F5","border":"solid 1px #000000"});
     $(divdescstr).attr("readonly",true);


 //kinky div

  var kdiv = document.createElement("td");
  $(kdiv).html("");
  $(kdiv).css("width","2px");
  $(kdiv).css("backgroundColor","#696969");

  var kdiv2 = document.createElement("td");
  $(kdiv2).html("");
  $(kdiv2).css("width","10px");

  $(table3).append($(tr3).clone().append(
        $(kdiv).clone(),
        $(kdiv2).clone(),
        $(td3).clone().append(table),
        $(td3).clone().append(table2),
        $(td3).clone().append(divdesc,divfavorito),
        $(td3).clone().append(divdescstr) ));

  $('#listado_inicial').append(divtop);
  $('#listado_inicial').append(table3);

  $(table3).bind('mouseover',function(){
      //$(this).css("backgroundColor","#F5F5F5");
      $(this).find('TD:first').each(function(){
        //$(this).css("border","solid 1px #696969");
        $(this).css("backgroundColor","blue");
      });
  });
  $(table3).bind('mouseout',function(){
      //$(this).css("backgroundColor","#FFFFFF");
      $(this).find('TD:first').each(function(){
        //$(this).css("border","solid 1px lightgrey");
        $(this).css("backgroundColor","#696969");
      })
  });


}