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','|');
     }
      if($.cookie('nombre')==null){
      $.cookie('nombre','visitante');
       $("#nombreonline").html($.cookie('nombre'))
     }else{
       $("#nombreonline").html(unescape($.cookie('nombre')))
     }
      user_status();
  });
//-_______________________________________________________________________________________
// ---------------------------------------------------------------------------------------
function listado_inicial_fase1(xmlData,filtros){

 $(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');
          if(paginasx=="0"){

          }else{
             $("#otross").empty();
             var div = document.createElement('DIV');
                $(div).attr('style','background-color:#696969; font-family:Arial; color: #FFF; font-size:12px; font-weight:bolder')
                  $(div).html("&nbsp;"+filtros);
              $("#otross").append(div);

          }
          var actual = $(this).attr('page');
          $("#itemsonline").html( $.cookie('items'));
          $("#paginacion").empty();
            navegacion(actual,paginasx,'vista_comprimida.php',global_url);

      });
      var inicial = "listado_inicial";
      var segundo = "listado_inicial2";
      var tercero = "listado_inicial3";
      var cuarto = "listado_inicial4";
      var frac = 1;
      $(this).find('RECORD').each(function(g){
          if(frac == 1){
            description($(this),inicial);
            frac = frac + 1;
          }else if(frac == 2){
            description($(this),segundo);
            frac = frac + 1;
          }else if(frac == 3){
            description($(this),tercero);
            frac = frac + 1;
          }else if(frac == 4){
            description($(this),cuarto);
            frac = 1;
          }


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

function description(xmlData,ancla){
  //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")
    $(table).css('width','60px');
  var tr    = document.createElement('tr');
  var td    = document.createElement('td');
// *************************************************************************
  var divtop = document.createElement("DIV");
  var alink  = document.createElement("A");
  var divtopstr ="."+ $(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","40px");
// *************************************************************************
  //$(table).append($(tr).clone().append($(tdsepc).clone().html("# Item:"), $(td).clone().html(itemid)  ));
  //$(table).append($(tr).clone().append($(tdsepc).clone().html("Transmisión:"), $(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( $(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) ));
  var td2    = document.createElement('td');
  $(td2).css('backgroundColor','#FFFACD');
  $(td2).css('fontWeight','bolder');

  $(table).append($(tr).clone().append($(td).clone().html("$MN:"+   ($(xmlData).attr('preciomx')==undefined?"":$(xmlData).attr('preciomx'))    )));
  $(table).append($(tr).clone().append($(td2).clone().html("$USD:"+  ($(xmlData).attr('precioam')==undefined?"":$(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("backgroundColor","#D8BFD8");



  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=60&h=60&q=100&sia=custom-filename");
  $(img).attr('border','0');
  $(img).css('border','solid 1px #696969');
  $(a).append(img);
  $(table2).append($(tr2).clone().append($(td2).clone().append(a)));
 // *************************************************************************
  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");
       $(td3).css("verticalAlign","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");
     $(divdesc).css("height","100%");
     $(divdesc).css("backgroundColor","gray");
     $(divdesc).css("color","white");
     $(divdesc).css("fontWeight","bolder");
     $(divdesc).css("textAlign","center");
     $(divdesc).css("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("DESCRIPCION:\n"+desc);
     $(divdescstr).css("display","none");
     $(divdescstr).css("position","absolute");
     $(divdescstr).css("width","280px");
     $(divdescstr).css("height","110px");
     $(divdescstr).attr("readonly",true);
     $(divdescstr).css("color","#000000");
     $(divdescstr).css("fontSize","11px")
     $(divdescstr).css("backgroundColor","whitesmoke");
     $(divdescstr).css("border","solid 1px #000000");


 //kinky div


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


  var dfinal = document.createElement('DIV');
  $(dfinal).append(divtop,table3);
  $(dfinal).css("width","180px");
  $('#'+ancla+'').append(dfinal);

  $(dfinal).bind('mouseover',function(){
      //$(this).css("backgroundColor","#F5F5F5");

        //$(this).css("border","solid 1px #696969");
        $(this).css("backgroundColor","#F5F5DC");

  });
  $(dfinal).bind('mouseout',function(){
        //$(this).css("border","solid 1px lightgrey");
        $(this).css("backgroundColor","#FFF");
  });


}