var tableauImage="";
var Ydom = YAHOO.util.Dom;
function initGrid(){
	skinGrid("GridMesImages");
	
	Ext.ux.Lightbox.register('a[rel^=galerie]',true);	
	var grid = ColdFusion.Grid.getGridObject("GridMesImages");
	
	cm = grid.getColumnModel();
	dt= grid.getDataSource();
	dt.on("load", placeImage);
	

  var gridFoot = grid.getView().getFooterPanel(true);

    // add a paging toolbar to the grid's footer
    var paging = new Ext.PagingToolbar(gridFoot, dt, {
        pageSize: nombreImageParPage,
        displayInfo: true,
        displayMsg: '{0} - {1} / {2}',
        emptyMsg: "Aucune image"
    });
	
    //recherche();
	


 
	} 

getSearchString = function(){
var s = ColdFusion.getElementValue('searchString');
   return s;
}
getSearchMesImages = function(){
if (document.getElementById("mesimages").checked) return ColdFusion.getElementValue('mesimages');
}	
getSearchGaspesiejetaime = function(){
if (document.getElementById("gaspesiejetaime").checked) return ColdFusion.getElementValue('gaspesiejetaime');
}	
getSearchFlicker = function(){
if (document.getElementById("flickr").checked) return ColdFusion.getElementValue('flickr');
}	
getNbrPage =function(){
var s = ColdFusion.getElementValue('nbrPage');
   return s;
}	

recherche=function(){
ColdFusion.Grid.refresh('GridMesImages', false);
StartLoad();
}

	placeImage=function(){
	
	var myGrid = ColdFusion.Grid.getGridObject("GridMesImages");
	var dt= myGrid.getDataSource();
	resetDiv();    

 for(var i=0,_8=dt.data.items.length;i<_8;i++){
   
		  var row = dt.data.items[i].data.IMG;
		   if(row!=null){
		  var divPreview=document.getElementById("div_"+i);
		   var divIMGPreview=document.getElementById("photo_"+i);
		  var flickr = dt.data.items[i].data.FLICKR;
			document.getElementById("Nom_"+i).innerHTML=dt.data.items[i].data.NAME;
			document.getElementById("fonctionsImg_"+i).innerHTML=dt.data.items[i].data.FONCTIONS;
			
			  if(flickr!=1){
				divIMGPreview.innerHTML='<a href="photos/640x480'+dt.data.items[i].data.INFO+'" rel="galerie" title="'+dt.data.items[i].data.NAME+'">'+row+'</a>';	
				divPreview.style.display="block";
				document.getElementById("Reseau_"+i).innerHTML='Photo de '+dt.data.items[i].data.USER+' membre de '+dt.data.items[i].data.RESEAU;
			  }else if(flickr==1){
				divPreview.style.display="block";
				ColdFusion.navigate("flickr.cfm?n="+dt.data.items[i].data.INFO+"&img="+dt.data.items[i].data.IMG, "photo_"+i);
				document.getElementById("Reseau_"+i).innerHTML='Photo de '+dt.data.items[i].data.USER+' membre de '+dt.data.items[i].data.RESEAU;
				
			  }
		  
		   }
		   EndLoad();
		  
   } 
	
	}
	function resetDiv(){
		 for(var i=0;i<=nombreImageParPage;i++){
			document.getElementById("photo_"+i).innerHTML="";
		  document.getElementById("div_"+i).style.display="none";
   } 
	}
	
   function returnInfo(n) {
	 var myGrid = ColdFusion.Grid.getGridObject("GridMesImages");
	var dt= myGrid.getDataSource();
	 var flickr = dt.data.items[n].data.FLICKR;
	str=dt.data.items[n].data.NAME+"<br/>";
	if (flickr)  str+='<a href="'+dt.data.items[n].data.SRC+'" target="_blank">';
	str+=dt.data.items[n].data.USER;
	if (flickr)  str+='</a>';
	str+="<br/>"+dt.data.items[n].data.RESEAU;
	 str+='<br/>'+dt.data.items[n].data.LICENSE;
	return str;//images[activeImage][1]   
   }
   
   function skinGrid (mGrid){  
	 var grid = ColdFusion.Grid.getGridObject(mGrid);
	 Ydom.setStyle(grid.id, 'border', 'none');

	 }





function StartLoad(){
	document.getElementById("loading-mask").style.display="block";
}


function EndLoad() {
//sprytooltipfondecran = new Spry.Widget.Tooltip("sprytooltipfondecran", ".tooltipfondecran", {useEffect:"fade", showDelay: 200,offsetX: -20, offsetY: 0});
var sprytooltipcartepostal=new Spry.Widget.Tooltip("sprytooltipcartepostal", ".tooltipcartepostal", {offsetX: 0, offsetY: 20});
document.getElementById("loading-mask").style.display="none";
}
activeFonction=function (goto,n){
if (document.getElementById("CPmcpMessage")){
var mm = ColdFusion.getElementValue('CPmcpMessage');
document.getElementById("mailmessage").value=mm;
var mailtomail = ColdFusion.getElementValue('CPmcpCourrielA');
document.getElementById("mailtomail").value=mailtomail;
var mailto = ColdFusion.getElementValue('CPmcpNomA');
document.getElementById("mailto").value=mailto;
}
var mygrid = ColdFusion.Grid.getGridObject('GridMesImages');
var mydata = mygrid.getDataSource();
var params = mydata.lastOptions.params;
ColdFusion.Grid.getGridObject('GridMesImages').getSelectionModel().selectRow(n-params.start);
ColdFusion.navigate(goto,"fonctionsWindow");
}