$(function() {
	$('a.lightbox').lightBox();

/*var karty = $('div.karty');
var objektivy = $('div.objektivy');
var ostatne = $('div.ostatne');
*/
	var categories = {
	
		karty:"Pamäťové karty",
		objektivy:"Objektívy",
		puzdra:"Puzdrá, brašny",
		napajanie:"Batérie, akumulátory, sieťové zdroje",
		predsadky:"Predsádky",
		stativy:"Statívy",
		ostatne:"Ostatné",
		filtre:"Filtre",
		blesky:"Blesky",
		prislusenstvo:"Štúdiové príslušenstvo"
	}
	var divs;
	for(x in categories){
		divs = $('div.'+x);
		if(divs.get().length > 0){
			divs.get(0).innerHTML = '<h4>'+categories[x]+' - <a class = \"show '+x+'\"  href=\"javascript:more(\''+x+'\')\">zobraziť všetky ('+divs.get().length+')</a>'+
			'<a class = \"hide '+x+'\" style=\"display:none\"  href=\"javascript:hide(\''+x+'\')\">skryť</a></h4> '+divs.get(0).innerHTML;	
			hide(x,1);
		}
	}
  /*
  $('.popis').css('height','100px');
  $('.popis').each( function (i, item) {
  	
  	id = item.id;
  	$(item).after('<a id="a-'+id+'" href="javascript:moreInfo(\''+id+'\')"> ...viac</a>');
  	
  });
 */
  $('.right-td').append('<iframe style="margin-top: 20px; height: 40px;" src="http://www.facebook.com/plugins/like.php?href='+document.location.href+'&amp;layout=standard&amp;show_faces=false&amp;width=300&amp;action=recommend&amp;colorscheme=light&amp;height=40&amp;locale=sk_SK" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:380px; height:80px;" allowTransparency="true"></iframe>');
  
});

function moreInfo(id){
	$('#'+id).css('height','auto');
	$('#a-'+id).remove();
	$('#'+id).after('<a id="a-'+id+'" href="javascript:lessInfo('+id+')"> ^</a>');
}
function lessInfo(id){
	$('#'+id).css('height','100px');
	$('#'+id).css('display','block');
	$('#a-'+id).remove();
	$('#'+id).after('<a id="a-'+id+'" href="javascript:moreInfo('+id+')"> ...viac</a>');
}

function hide(tagclass, init){
	var elements = $('div.'+tagclass);
	var i = 0;
	
	for(i; i< elements.get().length; i++){
		if(i > 3){
			elements.get(i).style.display = "none";	
		}
	}
	if(i>2 && init){
		elements.get(3).innerHTML = elements.get(3).innerHTML+'<br/><a class=\"show '+tagclass+'\"  href=\"javascript:more(\''+tagclass+'\')\">viac...</a>';}
	$('.'+tagclass+'.show').css("display", "inline");
	$('.'+tagclass+'.hide').css("display", "none");
}
function more(tagclass){
	$('div.'+tagclass).css('display','block');
	$('.'+tagclass+'.show').css("display", "none");
	$('.'+tagclass+'.hide').css("display", "inline");
}