--- /dev/null
+function applyOptimalImagesSize()\r
+{\r
+ var divimages = document.getElementsByClassName("image");\r
+ var images = new Array();\r
+ for(var i = 0 ; i < divimages.length ; ++i)\r
+ {\r
+ images.push(divimages[i].children[0].children[0]);\r
+ }\r
+ var bestHeight = parseInt(document.getElementById("thumbsize").textContent);\r
+ var newHList = getOptimalHeights(images, bestHeight);\r
+ for( var i = 0 ; i < images.length ; ++i)\r
+ {\r
+ images[i].height = newHList[i];\r
+ }\r
+}\r
+\r
+//Renvoi un tuple (with,height) de la taille de la surface d'affichage du navigateur\r
+function getClientWindowSize()\r
+{\r
+ var w = 0;\r
+ var h = 0;\r
+ \r
+ if (document.body)\r
+ {\r
+ w = (document.body.clientWidth);\r
+ h = (document.body.clientHeight);\r
+ }\r
+ else\r
+ {\r
+ w = (window.innerWidth);\r
+ h = (window.innerHeight);\r
+ }\r
+ \r
+ return [w,h];\r
+}\r
+\r
+//renvoie la hauteur optimal de chaque image pour occuper toute la largeur de la surface d'affichage\r
+function getOptimalHeights(images, bestHeight)\r
+{\r
+ var imageHeight = bestHeight;\r
+ var originalSizes = getAllImageSizesForHeight(images, imageHeight);\r
+ var clientSize = getClientWindowSize();\r
+ var newHeights = new Array();\r
+ var allWidth = new Array();\r
+ for(var i = 0 ; i < originalSizes.length ; ++i)\r
+ {\r
+ allWidth.push(originalSizes[i][0]);\r
+ }\r
+ \r
+ var splittedWidth = splitTab(allWidth, clientSize[0]);\r
+ for(var i = 0 ; i < splittedWidth.length ; ++i)\r
+ {\r
+ var sum = 15;\r
+ var ratiosum = 0.0;\r
+ for(var j=0 ; j< splittedWidth[i].length ; ++j)\r
+ { \r
+ sum += splittedWidth[i][j] + 5; \r
+ ratiosum += parseFloat(splittedWidth[i][j]) / parseFloat(imageHeight);\r
+ }\r
+ var deltaHeight = parseInt((clientSize[0] - sum) / parseFloat(ratiosum));\r
+ \r
+ var lastandtoobig = i == (splittedWidth.length-1) && sum < clientSize[0]/2;\r
+\r
+ for(var j=0 ; j< splittedWidth[i].length ; ++j)\r
+ { \r
+ if(lastandtoobig)\r
+ {\r
+ newHeights.push(bestHeight);\r
+ }\r
+ else\r
+ {\r
+ newHeights.push(imageHeight + deltaHeight);\r
+ }\r
+ }\r
+ }\r
+ return newHeights;\r
+}\r
+\r
+//donne la taille de toutes les images affichées\r
+function getAllImageSizes(images)\r
+{\r
+ var sizes = new Array();\r
+ for (var i = 0; i < images.length; i++) {\r
+ sizes.push([images[i].width, images[i].height]);\r
+ }\r
+ return sizes;\r
+}\r
+\r
+//donne la taille de toutes les images affichées, redimensionnées pour une hauteur donnée\r
+function getAllImageSizesForHeight(images, height)\r
+{\r
+ var sizes = new Array();\r
+ for (var i = 0; i < images.length; i++) {\r
+ sizes.push([images[i].width / (images[i].height / height) , height]);\r
+ }\r
+ return sizes;\r
+}\r
+\r
+\r
+\r
+\r
+//Renvoi un tableau de tableau, correspondant au découpage du tableau d'entrée découpé par tranche de MAX\r
+function splitTab(tab, max)\r
+{\r
+ var splitedTabs = [new Array()];\r
+ var sumSize = 15;\r
+ for (var i = 0; i < tab.length; i++)\r
+ {\r
+ element = tab[i];\r
+ \r
+ var total = sumSize + element + 5;\r
+ //regles arbirtaire de découpage en plus de total > max\r
+ //(parce que ca rend mieux visuellement)\r
+ //=> on ajoute la suite l'élement qui dépasse si sa taille fait moins d'1/4 de max\r
+ //=> ou si l'écart restant représente plus de la moitié de l'élément à ajouter\r
+ if((total > max && (sumSize > max ||(max - sumSize) > (element / 2) || element > max / 4)) || element >= max)\r
+ {\r
+ splitedTabs.push(new Array());\r
+ splitedTabs[splitedTabs.length - 1].push(element);\r
+ sumSize = 16 + element + 4;\r
+ }\r
+ else\r
+ {\r
+ splitedTabs[splitedTabs.length - 1].push(element);\r
+ sumSize = total;\r
+ }\r
+ } \r
+ return splitedTabs;\r
+}\r