$(document).ready(function(){
	$('input:radio').checkbox({cls:'jquery-sw-radio'});
	$("input:radio").bind('check', function() {showFolio();});
	
	$(".divFolioFilter").css('display','block');
	
	showFolio();
});

function showFolio(){
	var sDomain = $("input:radio[name='chkDomaine']:checked").val();
	var sCategorie = $("input:radio[name='chkCategorie']:checked").val();
	var sDateLive = $("input:radio[name='radDateLive']:checked").val();
	
	$.ajax({
		type: "POST",
		url: "./frame/get-portfolio.php",
		data: "d=" + sDomain + "&c=" + sCategorie + "&dl=" + sDateLive,
		success: function(msg){
			$("#folios").html("");
			if(msg != 'null'){
				var JSONobject = JSON.parse(msg);
				aFolio = JSONobject.rows;
				var iCount = 0;
				bHaut = false;
				
				for(i=0;i<aFolio.length;i++){
					insertFolio(aFolio[i].id, aFolio[i].title, aFolio[i].desc, aFolio[i].file2, iCount)
					iCount++;
					if(iCount>3){iCount=0;}
				}

				$('.folioData').fancybox({
					'transitionIn'	:	'elastic',
					'transitionOut'	:	'elastic',
					'speedIn'		:	500, 
					'speedOut'		:	300,
					'padding'		:	8,
					'titlePosition'  : 'over',
					onComplete:function(){setFolioData();}
				});
				$('.btnUp img').click(function(){
					$("html,body").animate({scrollTop: 0}, { duration: 'slow', easing: 'swing'});
				})
	
				if(typeof(window['idFolio']) != "undefined"){
					if(idFolio != 0){
						$("<a />", {
									"href": 'folio.php?id='+idFolio,
									"class": "folioOpen",
									"style": "display:none;",
									"title": "-"
								}
							)
						.appendTo("#folios");
					
						$('.folioOpen').fancybox({
							'transitionIn'	:	'elastic',
							'transitionOut'	:	'elastic',
							'speedIn'		:	500, 
							'speedOut'		:	300,
							'padding'		:	8,
							'titlePosition'  : 'over',
							onComplete:function(){setFolioData();}
						});
						
						$("a.folioOpen").trigger('click');
						
						idFolio = 0;
					}
				}
			}
		},
		beforeSend: function(){
			$("#divLoader").dialog("open");
		},
		complete: function(){
			$("#divLoader").dialog("close");
		},
		error:function (xhr, ajaxOptions, thrownError){
			alert(xhr.status);
			alert(xhr.responseText);
		} 
	});
}
var bHaut = false;
function insertFolio(id, title, desc, file2, iCount){
	$("<div />", {"class":"folio " + (iCount==0 ? 'folioL' : '')})
		.append($("<a />", {
					"href": 'folio.php?id='+id,
					"class": "folioData",
					"title": title,
					"rel": "portfolio"
				}
			)
			.append($("<img />", {
					"src": "./images/portfolio/thumb/" + file2,
					"alt": title
			}))
			.append($("<div />", {
					"html": title + '<br /><small>' + desc + '</small>'
			}))
		)
	.appendTo("#folios");
	
	if(iCount==3){
		if(bHaut){
			$("<div />", {"class":"btnUp "})
				.append($("<img />", {
					"src": "./styles/images/haut2.gif",
					"alt": "Portfolio"
				}))
			.appendTo("#folios");
		}else{
			$("<div />", {"class":"btnUp "})
			.appendTo("#folios");
		}
		bHaut = !bHaut;
	}
}