var themesArray = {"Actualite" : {"widget_height" : 40,"img_path" : "public/comment/","img_baseN" : "actualite","commented_msg" : "Vous avez déjà commenté","img_height" : 35,"img_width" : 35,"tooltip_time" : 2000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"Presse" : {"widget_height" : 40,"img_path" : "public/comment/","img_baseN" : "presse","commented_msg" : "Vous avez déjà commenté","img_height" : 35,"img_width" : 35,"tooltip_time" : 2000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"Produit" : {"widget_height" : 40,"img_path" : "public/comment/","img_baseN" : "produit","commented_msg" : "Vous avez déjà commenté","img_height" : 35,"img_width" : 35,"tooltip_time" : 2000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"Projet" : {"widget_height" : 40,"img_path" : "public/comment/","img_baseN" : "projet","commented_msg" : "Vous avez déjà commenté","img_height" : 35,"img_width" : 35,"tooltip_time" : 2000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"RD" : {"widget_height" : 40,"img_path" : "public/comment/","img_baseN" : "RD","commented_msg" : "Vous avez déjà commenté","img_height" : 35,"img_width" : 35,"tooltip_time" : 2000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"Salon" : {"widget_height" : 40,"img_path" : "public/comment/","img_baseN" : "salon","commented_msg" : "Vous avez déjà commenté","img_height" : 35,"img_width" : 35,"tooltip_time" : 2000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"Vie" : {"widget_height" : 40,"img_path" : "public/comment/","img_baseN" : "vie","commented_msg" : "Vous avez déjà commenté","img_height" : 35,"img_width" : 35,"tooltip_time" : 2000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"default" : {"widget_height" : 30,"img_path" : "comment/","img_baseN" : "buz","commented_msg" : "Vous avez déjà commenté","img_height" : 25,"img_width" : 25,"tooltip_time" : 2000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"elearningGds" : {"widget_height" : 30,"img_path" : "public/comment/","img_baseN" : "gds","commented_msg" : "Vous avez déjà commenté","img_height" : 25,"img_width" : 25,"tooltip_time" : 3000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"elearningLv" : {"widget_height" : 30,"img_path" : "public/comment/","img_baseN" : "lv","commented_msg" : "Vous avez déjà commenté","img_height" : 25,"img_width" : 25,"tooltip_time" : 3000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"elearningSjj" : {"widget_height" : 30,"img_path" : "public/comment/","img_baseN" : "sjj","commented_msg" : "Vous avez déjà commenté","img_height" : 25,"img_width" : 25,"tooltip_time" : 3000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'},"elearningTmg" : {"widget_height" : 30,"img_path" : "public/comment/","img_baseN" : "tmg","commented_msg" : "Vous avez déjà commenté","img_height" : 25,"img_width" : 25,"tooltip_time" : 3000,"tooltip_CloseT" : 200,"tooltip_html" : '

',"icon_html" : '

',"logo_html" : '',"msg_html" : '',"init_html" :'en chargement...'}};var typeArray = {"1" : "Très bon sujet, j'en veux encore !","2" : "Sujet intéressant mais j'aurais aimé en savoir plus !","3" : "C'est quoi ce sujet !","4" : "Sympa la vie chez Symetrix ! Vous embauchez ?","5" : "Et à part ça, vous faites quoi déjà ?! Du e-learning ?","6" : "Il vous arrive de bosser des fois ?!","7" : "Intéressant ! Vivement la suite !","8" : "Pédagogique et utile ! Merci !","9" : "J'ai pas tout compris mais c'est sans doute intéressant !","10" : "Boîte sérieuse. Je recommande !","11" : "Vous l'avez payé(e) combien pour dire ça ??","12" : "Trop fort ! Je fais tourner le buzz tout de suite !","13" : "Ca c'est un buzz utile à rappeler ! Merci.","14" : "Euh, vous êtes sûrs que c'est un buzz ?","15" : "J’ai hâte d’en lire plus","16" : "Pas sûr d’avoir tout compris mais c’est intéressant","17" : "Ce sujet ne m’intéresse pas trop","18" : "J’y étais : super rencontre, merci !","19" : "J’y serai : je ne veux pas rater çà","20" : "J’y étais : c’était pas terrible comme évènement…","21" : "Très intéressant. Je veux en savoir plus !","22" : "Un peu enjoliveur comme article mais intéressant.","23" : "Rien de nouveau sur la planète Mars.","24" : "Sympa la vie chez Sym ! Vous embauchez ?","25" : "Et à part çà vous faites quoi déjà ?! Du e-Learning ?","26" : "Ca vous arrive de bosser parfois ?","27" : "Trop fort ! Je fais tourner l’info tout de suite !","28" : "Utile à savoir ! Merci !","29" : "KeSaKo ?!","30" : "Super nouvelle ! Il est où le bon de commande ?","31" : "Je suis curieux de tester tout çà.","32" : "Ah enfin ! C’est pas trop tôt !","33" : "Félicitations ! Projet très intéressant","34" : "Intéressant. A suivre.","35" : "J’aurais aimé en savoir davantage"};var catConfArray = { "1" : {theme_name : "sym au jour le jour", icon_list : [4,5,6]},"2" : {theme_name : "buz de la semaine", icon_list : [12,13,14]},"3" : {theme_name : "lu et vu", icon_list : [1,2,3]},"4" : {theme_name : "temoignages", icon_list : [10,11]},"5" : {theme_name : "grains de savoirs", icon_list : [7,8,9]},"6" : {theme_name : "RD", icon_list : [15,16,17]},"7" : {theme_name : "salon", icon_list : [18,19,20]},"8" : {theme_name : "presse", icon_list : [21,22,23]},"9" : {theme_name : "vie chez sym", icon_list : [24,25,26]},"10" : {theme_name : "actualites", icon_list : [27,28,29]},"11" : {theme_name : "produit", icon_list : [30,31,32]},"12" : {theme_name : "projet", icon_list : [33,34,35]}};var widgetBaseName = "Symetrix_cc";var targetUrl = "ComSymetrix.php?"; var timeouts = new Array(); function animate(elementID, newLeft, newTop, newWidth, newHeight, time, callback){ var el = document.getElementById(elementID); if(el == null) return; var cLeft = parseInt(el.style.left); var cTop = parseInt(el.style.top); var cWidth = parseInt(el.style.width); var cHeight = parseInt(el.style.height); var totalFrames = 1; if(time> 0) totalFrames = time/40; var fLeft = (newLeft != null) ? (newLeft - cLeft) : 0; if(fLeft != 0) fLeft /= totalFrames; var fTop = (newTop != null) ? (newTop - cTop) : 0; if(fTop != 0) fTop /= totalFrames; var fWidth = (newWidth != null) ? (newWidth - cWidth) : 0; if(fWidth != 0) fWidth /= totalFrames; var fHeight = (newHeight != null) ? (newHeight - cHeight) : 0; if(fHeight != 0) fHeight /= totalFrames; //doFrame(elementID, cLeft, newLeft, fLeft, // cTop, newTop, fTop, cWidth, newWidth, fWidth, //cHeight, newHeight, fHeight, callback); doFrame(elementID, cLeft, cLeft, fLeft, cTop, cTop, fTop, cWidth,cWidth, fWidth, cHeight, newHeight, fHeight, callback); } function doFrame(eID, cLeft, nLeft, fLeft, cTop, nTop, fTop, cWidth, nWidth, fWidth, cHeight, nHeight, fHeight, callback) { var el = document.getElementById(eID); if(el == null) return; cLeft = moveSingleVal(cLeft, nLeft, fLeft); cTop = moveSingleVal(cTop, nTop, fTop); cWidth = moveSingleVal(cWidth, nWidth, fWidth); cHeight = moveSingleVal(cHeight, nHeight, fHeight); el.style.left = Math.round(cLeft) + 'px'; el.style.top = Math.round(cTop) + 'px'; el.style.width = Math.round(cWidth) + 'px'; el.style.height = Math.round(cHeight) + 'px'; if(cLeft == nLeft && cTop == nTop && cHeight == nHeight && cWidth == nWidth) { if(callback != null) callback(); return; } setTimeout( 'doFrame("'+eID+'",'+cLeft+','+nLeft+','+fLeft+',' +cTop+','+nTop+','+fTop+','+cWidth+','+nWidth+','+fWidth+',' +cHeight+','+nHeight+','+fHeight+','+callback+')', 40); } function moveSingleVal(currentVal, finalVal, frameAmt) { if(frameAmt == 0 || currentVal == finalVal) return finalVal; currentVal += frameAmt; if((frameAmt> 0 && currentVal>= finalVal) || (frameAmt <0 && currentVal <= finalVal)) { return finalVal; } return currentVal; } function runSymetrix(){ /** * Fonction qui permet de r�cuperer un element par sa classe **/ function getElementsByClassName(className, tag, elm){ var testClass = new RegExp("(^|\\\\s)" + className + "(\\\\s|$)"); var tag = tag || "*"; var elm = elm || document; var elements = (tag == "*" && elm.all)? elm.all : elm.getElementsByTagName(tag); var returnElements = []; var current; var length = elements.length; for(var i=0; i/g,Images_path); tooltip.innerHTML = myhtml; tooltip.onmouseover = function(e) { tooltip_halt_close(); }; tooltip.onmouseout = function(e) { tooltip_hide(100); }; document.body.appendChild(tooltip); } var tt = tooltip; var h = tooltip_h(obj); var w = tooltip_w(obj); //bouge(tt,100,100); bouge(tt,w+x-10,y-h+(-10)); obj.parentNode.appendChild(tt); var msg = document.createElement('div'); //msg.style.font = TOOLTIP_FONT; msg.style.fontVariant = 'normal'; msg.style.textTransform = 'none'; msg.style.whiteSpace = 'nowrap'; msg.innerHTML = html; var tmp = document.getElementById('tooltip_content'); //alert(tmp); clear(tmp,msg); nodehide(tt, 0); h = tooltip_h(obj); //alert(obj.widgetNode.offsetLeft + " / " + obj.offsetLeft) ; bouge(tooltip, obj.offsetLeft-5, obj.offsetTop-h+(-10)); } /** * Fonctions utilitaires du widget **/ function tooltip_h(o) { var curtop = 0; if (o.offsetParent) { curtop = o.offsetHeight; } return curtop; } function tooltip_w(o) { var curleft = 0; if (o.offsetParent) { curleft = o.offsetWidth; } return curleft; } function tooltip_hide(delay) { var t = new Date().getTime(); var d = (delay ? t+delay : null); tooltip_halt_close(); if(tooltip) { if(!d || d < t) nodehide(tooltip,1); else { tooltipClose = setTimeout( function() { nodehide(tooltip,1); }, d-t); } } } function tooltip_halt_close() { if(tooltipClose) tooltipClose = clearTimeout(tooltipClose); } function info_halt_close(node) { if(node.timeout) node.timeout = clearTimeout(node.timeout); } function bouge(obj,x,y){ if(!obj.style)return; if(!isNaN(x)&&x !==null)obj.style.left=x+'px'; if(!isNaN(y)&&y !==null)obj.style.top=y+'px'; } function abs_x(node,Parent){ if(!node)return null; var n=node,x=0; while(n&&n.parentNode&&n.parentNode.style&&(!Parent||Parent !=n)){ x+=n.offsetLeft; if(n.style.left==='')n=n.offsetParent; else n=n.parentNode; } return x; } function abs_y(node,Parent){ if(!node)return null; var n=node,y=0; while(node&&node.parentNode&&node.parentNode.style&&(!Parent||Parent !=node)){ y+=node.offsetTop; if(node.style.top==='')node=node.offsetParent; else node=node.parentNode; } return y; } function eventTarget(e) { var targ; if (!e) var e = window.event; if (e.target) targ = e.target; else if (e.srcElement) targ = e.srcElement; if (targ.nodeType == 3) // defeat Safari bug targ = targ.parentNode; return targ; } function nodehide(node,hide){ if(node){ node.style.visibility=(hide ? 'hidden':''); } }; function clear(rnode,node){ while(rnode.childNodes[0]) rnode.removeChild(rnode.childNodes[0]); if(node)rnode.appendChild(node); }; function node_v(nodeId,val){ document.getElementById(nodeId).style.visibility=val; } function imageMouseOver(e) { //Evenement onmouseover var capt = "infos_"+this.widgetNode.data.PostId; clearTimeout(this.widgetNode.data.infoTimeout); if(themesArray[this.widgetNode.data.theme].msg_html != ''){ animate("infos_"+this.widgetNode.data.PostId, null, null, this.widgetNode.data.info_w, this.widgetNode.data.info_h, 150,null); } var ind = this.typid ; var txt = this.src; this.src = txt.replace(/(_out)|(_hover)/,'_hover'); var ttmsg = ''; var cook = getCookie(this.widgetNode.data.BlogId+'_'+this.widgetNode.data.catId+'_'+this.widgetNode.data.PostId); if(cook) { this.widgetNode.data.commented = true; } if(!this.widgetNode.data.commented){ ttmsg = typeArray[ind]; } else { ttmsg = themesArray[this.widgetNode.data.theme].commented_msg+' : '+typeArray[cook] ; } //console.log("tooltip"); //console.log( this, this.widgetNode.offsetLeft, this.widgetNode.offsetTop - 5, ttmsg) ; tooltip_show(this, this.widgetNode.offsetLeft, this.widgetNode.offsetTop - 5, ttmsg); tooltip_hide(themesArray[this.widgetNode.data.theme].tooltip_time); } function imageMouseOut(e) { //Evenement onmouseout var capt = "infos_"+this.widgetNode.data.PostId; if(themesArray[this.widgetNode.data.theme].msg_html != ''){ this.widgetNode.data.infoTimeout = window.setTimeout("animate(\""+capt+"\", null, "+this.widgetNode.data.info_w+", null, 0, 150,null);",2000); } var txt = this.src ; var light = false ; for(var i = 0 ; i= 0){ var lighten = document.getElementById('symicon_'+node.data.BlogId+'_'+node.data.PostId+'_'+this.isLight[i]); var txt = lighten.src; lighten.setAttribute('src',lighten.src.replace(/(_out)|(_hover)/,'_hover')); //lighten.onmouseover(); } } }, setCompteur : function(tableau){ this.compteurs = tableau; var max = 0; var tabl = new Array(this.compteurs[0]) ; for(var i=0;i this.compteurs[max]){ max=i; tabl = [this.cptIndices[i]]; } else if(this.compteurs[i] == this.compteurs[max]){ tabl.push(this.cptIndices[i]); } } //alert(tabl); if( max>=0 && this.compteurs[max] > 0){ this.isLight = tabl; } else {this.isLight = [-1];} this.refresh(); }, initialize : function() { params = 'd='+(new Date()).getTime()+'&type=getv&bid='+this.BlogId+'&pid='+ this.PostId+'&cid='+this.catId; var myXHR = this.xhr = getXhr(); var myres = this; var th = this.theme; var infon = document.getElementById("infos_"+this.PostId); myXHR.onreadystatechange = function(e) { if (myXHR.readyState == 4 && myXHR.status == 200) { ret = eval('(' + myXHR.responseText + ')') ; myres.commented = ret.commented; myres.setCompteur(ret.values); infon.childNodes[0].innerHTML = themesArray[th].msg_html; myres.refresh(); } else { infon.childNodes[0].innerHTML = '

Loading...'; infon.style.width = infon.parentNode.offsetWidth; } }; myXHR.open("GET", targetUrl+params, true); myXHR.send(null); this.refresh(); }, initWidget : function(){ var nid = this.noeud.id; var nums = nid.match(/(\d+)+/g); var sptab = nid.match(/([a-zA-Z0-9]+)/g); this.theme = sptab[0]; this.BlogId = sptab[1]; this.catId = nums[0]; this.PostId = nums[1]; this.cptIndices = catConfArray[this.catId].icon_list ; for(var i=0 ; i/g,ich) ; html = html.replace(//g,icw) ; html = html.replace(//g,iconName) ; html = html.replace(//g,imgId) ; html = html.replace(//g,valueCell) ; //bloc icone /*ico.setAttribute('class','sym_wimg') ; ico.innerHTML = html ; */ ico.setAttribute('class','sym_wimg') ; ico.appendChild(icodiv); icodiv.setAttribute('style', 'position:relative;'); icodiv.innerHTML = html ; //Bloc valeur valcell.setAttribute('class','sym_wval') ; valcell.setAttribute('id',valueCell) ; } node.style.overflow = "visible" ; node.style.height = themesArray[node.data.theme].widget_height ; node.style.width = "0" ; node.data.info_w = grow2.offsetWidth ; if(Nav.name=='MSIE'){ node.data.info_y = parseInt(abs_y(grow2,document))+parseInt(node.offsetHeight)+11 ; } else { //node.data.info_y = abs_y(grow2,document)+11; node.data.info_y = parseInt(abs_y(node,document))+parseInt(node.offsetHeight)+11 ; } //node.data.info_x = abs_x(grow2,document); if(Nav.name=='MSIE'){ node.data.info_x = abs_x(wtable,document.body.firstChild) ; } else { node.data.info_x = node.offsetLeft ; } /** * On cree le bloc infos **/ var winfo = '

' ; if(themesArray[node.data.theme].msg_html != ''){ winfo += '

'+themesArray[node.data.theme].msg_html+'

' ; } else { winfo += '

' ; } winfo += '

' ; node.innerHTML += winfo ; var gr = document.getElementById('slider_'+node.data.Post_Id) ; var wi = document.getElementById('infos_'+node.data.PostId) ; wi.widgetNode = node ; //wi.style.left = node.data.info_x+'px'; node.data.info_h = wi.firstChild.offsetHeight+2 ; animate('infos_'+node.data.PostId, null, null, null, 0, 5,null); wi.onmouseout = infoMouseOut ; wi.onmouseover = infoMouseOver ; gr.style.overflow = "visible"; gr.style.height = "0px"; //var lo = document.getElementById('sym_wlogo_'+node.data.PostId); //lo.innerHTML = node.data.info_x+' '+node.data.info_y+' '+node.data.info_w+' '+node.data.info_h; node.data.initialize(); for( var i=0 ; i