function equalHeight(group) {
   tallest = 0;
   group.each(function() {
      thisHeight = $(this).height();
      if(thisHeight > tallest) {
         tallest = thisHeight;
      }
   });
   group.height(tallest);
}
function dimensionCapa(capa,alto,ancho){
	(alto == '') ? alto=$(capa).outerHeight() : '';
	(ancho == '') ? ancho =$(capa).outerWidth() : '';
	//console.log(alto);
	$(capa).append('<div class="loading" style="width:'+ancho+'px; height:'+alto+'px;"></div>');	
}

var pageIndex = 0, pageSize = 9, cont=0;
function showMovies(categoria,marca) {
	dimensionCapa('#cont_productos','',''); 
	$.ajax({
		url: "listas.php",
		data: {'funcion':'paginacion', 'skip':(pageIndex * pageSize), 'top':pageSize,'categoria':categoria,'marca':marca},
		type: "post",
		dataType: "json",
		success: showMoviesComplete
	});
}	

function showMoviesComplete(result) {
	// unwrap results
	var movies = result["result"];
	var movieCount = result["count"];
	var html = "";
	var showMovie;
	if (movieCount!=0){
	 	// Show movies using template
		var b=0;
		showMovie = tmpl('<div class="producto"><div class="imagen"><a href="images/productos/<%=imagen%>" class="hs-expa" rel="imgs[productos]"><img src="images/productos/thumb-209x155/<%=imagen%>"  onerror="javascript:imgError(this)" /></a></div><div class="descripcion"><h4><%=titulo%></h4><p><strong>Clave:</strong></p><p><%=clave%></p><br /><p><strong>Caracter&iacute;sticas:</strong></p><p><%=descripcion%></p><br /><p><strong>Mas informaci&oacute;n:</strong></p><p><a href="http://<%=referencia%>" target="_blank"><%=referencia%></a></p><br /></div><div class="masinfo"><img src="images/masinfo.png"  /></div></div>');
		showMovie1 = tmpl('<div class="producto sb"><div class="imagen"><a href="images/productos/<%=imagen%>" class="hs-expa" rel="imgs[productos]"><img src="images/productos/thumb-209x155/<%=imagen%>" onerror="javascript:imgError(this)" /></a></div><div class="descripcion"><h4><%=titulo%></h4><p><strong>Clave:</strong></p><p><%=clave%></p><br /><p><strong>Caracter&iacute;sticas:</strong></p><p><%=descripcion%></p><br /><p><strong>Mas informaci&oacute;n:</strong></p><p><a href="http://<%=referencia%>" target="_blank"><%=referencia%></a></p><br /></div><div class="masinfo"><img src="images/masinfo.png"  /></div></div><div class="clear"></div>');
		for (var i = 0; i < movies.length; i++) {
			b++;
			if(b==3){
				html += showMovie1(movies[i]);
				b=0;
			} else {
				html += showMovie(movies[i]);
			}
		}
	} else {
		html = showMovie = tmpl('<div class="producto_noexiste">No se encontro ningun articulo.</div>');
	}
	$("#cont_productos").html(html);
	
	// show pager
	$(".Pagination").pagination(movieCount, {
		items_per_page:pageSize,
		num_display_entries:5,
		next_text: '&gt;',
		prev_text: '&lt;',
		current_page:pageIndex,
		callback:selectPage
	});
	$('.cols').css('height','auto');
	equalHeight($('.cols'));
	setTimeout(function(){ $('.loading').remove(); },750);
	$('a.hs-expa').prettyPhoto({
		show_title: false,
		social_tools: '',
		deeplinking: false
	});
}

function imgError(elem){
	//console.log(elem);
	elem.src='images/productos/thumb-209x155/nodisp.jpg';
	$(elem).parent().attr('href','images/productos/nodisp.jpg');
}

function selectPage(pageNumber, contenedor) {
	pageIndex = pageNumber; 
	return false;
}

function IsLetter(input){
    var RE = /^([a-z]|[A-Z])+$/
    return (RE.test(input));
}

function positionFooter(capa){
	$(capa).css({position: "absolute",top:($(window).scrollTop()+$(window).height()-$(capa).height())+"px"})   
}