https://gruberpeplab.com/index.php

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2<html xmlns="http://www.w3.org/1999/xhtml">
3<head>
4<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5<title>Positive Emotion and Psychopathology Lab - Director Dr. June Gruber</title>
6<link href="june-gruber.css" rel="stylesheet" type="text/css" />
7

8<script type="text/javascript">
9var sc_project=9711685; 
10var sc_invisible=1; 
11var sc_security="66eda3da"; 
12var scJsHost = (("https:" == document.location.protocol) ?
13"https://secure." : "http://www.");
14document.write("<sc"+"ript type='text/javascript' src='" +
15scJsHost+
16"statcounter.com/counter/counter.js'></"+"script>");
17</script>

17
18<noscript><div class="statcounter"><a title="web counter"
19href="http://statcounter.com/free-hit-counter/"
20target="_blank"><img class="statcounter"
21src="http://c.statcounter.com/9711685/0/66eda3da/1/"
22alt="web counter"></a></div></noscript>
23</head>
24
25<body>
26
27<div id="header-wrap"> <a href="index.php"><img src="images/logo.png" alt="Positive Emotion and Psychopathology Lab - Director Dr. June Gruber" width="980" height="132" border="0" class="logo" /></a>
28<div id="nav-container">
29  <ul id="navList">
30<li><a id="navHomeCurrentPage" href="index.php" title="Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Home"><span>Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Home</span></a></li>
31
32<li><a id="navPeople" href="people.php" title="Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - People"><span>Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - People </span></a></li>
33
34<li><a id="navResearch" href="research.php" title="Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Research"><span>Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Research</span></a></li>
35
36<li><a id="navPublications" href="publications.php" title="Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Publications"><span>Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Publications</span></a></li>
37
38<li><a id="navNews" href="news.php" title="Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - News"><span>Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - News</span></a></li>
39
40<li><a id="navClasses" href="classes.php" title="Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Classes"><span>Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Classes</span></a></li>
41
42<li><a id="navContact" href="contact.php" title="Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Contact"><span>Positive Emotion and Psychopathology Lab - Director Dr. June Gruber - Contact</span></a></li>
43</ul>
44</div>
45
46</div>
47
48
49
50<div id="content-wrap">
51
52<div id="content-left">
53<div id="images-container">

54<script type="text/javascript">
55/***********************************************
56* Ultimate Fade-In Slideshow (v1.51): © Dynamic Drive (http://www.dynamicdrive.com)
57* This notice MUST stay intact for legal use
58* Visit http://www.dynamicdrive.com/ for this script and 100s more.
59***********************************************/
60 
61var fadeimages=new Array()
62//SET IMAGE PATHS. Extend or contract array as needed
63fadeimages[0]=["images/slideshow-01.jpg", "#", ""] //image with link syntax
64fadeimages[1]=["images/slideshow-02.jpg", "#", ""] //image with link syntax
65fadeimages[2]=["images/slideshow-03.jpg", "#", ""] //image with link syntax
66 
67var fadebgcolor="white"
68
69////NO need to edit beyond here/////////////
70 
71var fadearray=new Array() //array to cache fadeshow instances
72var fadeclear=new Array() //array to cache corresponding clearinterval pointers
73 
74var dom=(document.getElementById) //modern dom browsers
75var iebrowser=document.all
76 
77function fadeshow(theimages, fadewidth, fadeheight, borderwidth, delay, pause, displayorder){
78this.pausecheck=pause
79this.mouseovercheck=0
80this.delay=delay
81this.degree=10 //initial opacity degree (10%)
82this.curimageindex=0
83this.nextimageindex=1
84fadearray[fadearray.length]=this
85this.slideshowid=fadearray.length-1
86this.canvasbase="canvas"+this.slideshowid
87this.curcanvas=this.canvasbase+"_0"
88if (typeof displayorder!="undefined")
89theimages.sort(function() {return 0.5 - Math.random();}) //thanks to Mike (aka Mwinter) :)
90this.theimages=theimages
91this.imageborder=parseInt(borderwidth)
92this.postimages=new Array() //preload images
93for (p=0;p<theimages.length;p++){
94this.postimages[p]=new Image()
95this.postimages[p].src=theimages[p][0]
96}
97 
98var fadewidth=fadewidth+this.imageborder*2
99var fadeheight=fadeheight+this.imageborder*2
100 
101if (iebrowser&&dom||dom) //if IE5+ or modern browsers (ie: Firefox)

102document.write('<div id="master'+this.slideshowid+'" style="position:relative;width:'+fadewidth+'px;height:'+fadeheight+'px;overflow:hidden;"><div id="'+this.canvasbase+'_0" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div><div id="'+this.canvasbase+'_1" style="position:absolute;width:'+fadewidth+'px;height:'+fadeheight+'px;top:0;left:0;filter:progid:DXImageTransform.Microsoft.alpha(opacity=10);opacity:0.1;-moz-opacity:0.1;-khtml-opacity:0.1;background-color:'+fadebgcolor+'"></div></div>')
103else
104document.write('<div><img name="defaultslide'+this.slideshowid+'" src="'+this.postimages[0].src+'"></div>')
105 
106if (iebrowser&&dom||dom) //if IE5+ or modern browsers such as Firefox
107this.startit()
108else{
109this.curimageindex++
110setInterval("fadearray["+this.slideshowid+"].rotateimage()", this.delay)
111}
112}
113
114function fadepic(obj){
115if (obj.degree<100){
116obj.degree+=10
117if (obj.tempobj.filters&&obj.tempobj.filters[0]){
118if (typeof obj.tempobj.filters[0].opacity=="number") //if IE6+
119obj.tempobj.filters[0].opacity=obj.degree
120else //else if IE5.5-
121obj.tempobj.style.filter="alpha(opacity="+obj.degree+")"
122}
123else if (obj.tempobj.style.MozOpacity)
124obj.tempobj.style.MozOpacity=obj.degree/101
125else if (obj.tempobj.style.KhtmlOpacity)
126obj.tempobj.style.KhtmlOpacity=obj.degree/100
127else if (obj.tempobj.style.opacity&&!obj.tempobj.filters)
128obj.tempobj.style.opacity=obj.degree/101
129}
130else{
131clearInterval(fadeclear[obj.slideshowid])
132obj.nextcanvas=(obj.curcanvas==obj.canvasbase+"_0")? obj.canvasbase+"_0" : obj.canvasbase+"_1"
133obj.tempobj=iebrowser? iebrowser[obj.nextcanvas] : document.getElementById(obj.nextcanvas)
134obj.populateslide(obj.tempobj, obj.nextimageindex)
135obj.nextimageindex=(obj.nextimageindex<obj.postimages.length-1)? obj.nextimageindex+1 : 0
136setTimeout("fadearray["+obj.slideshowid+"].rotateimage()", obj.delay)
137}
138}
139 
140fadeshow.prototype.populateslide=function(picobj, picindex){
141var slideHTML=""
142if (this.theimages[picindex][1]!="") //if associated link exists for image
143slideHTML='<a href="'+this.theimages[picindex][1]+'" target="'+this.theimages[picindex][2]+'">'
144slideHTML+='<img src="'+this.postimages[picindex].src+'" border="'+this.imageborder+'px">'
145if (this.theimages[picindex][1]!="") //if associated link exists for image
146slideHTML+='</a>'
147picobj.innerHTML=slideHTML
148}
149 
150 
151fadeshow.prototype.rotateimage=function(){
152if (this.pausecheck==1) //if pause onMouseover enabled, cache object
153var cacheobj=this
154if (this.mouseovercheck==1)
155setTimeout(function(){cacheobj.rotateimage()}, 100)
156else if (iebrowser&&dom||dom){
157this.resetit()
158var crossobj=this.tempobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
159crossobj.style.zIndex++
160fadeclear[this.slideshowid]=setInterval("fadepic(fadearray["+this.slideshowid+"])",50)
161this.curcanvas=(this.curcanvas==this.canvasbase+"_0")? this.canvasbase+"_1" : this.canvasbase+"_0"
162}
163else{
164var ns4imgobj=document.images['defaultslide'+this.slideshowid]
165ns4imgobj.src=this.postimages[this.curimageindex].src
166}
167this.curimageindex=(this.curimageindex<this.postimages.length-1)? this.curimageindex+1 : 0
168}
169 
170fadeshow.prototype.resetit=function(){
171this.degree=10
172var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
173if (crossobj.filters&&crossobj.filters[0]){
174if (typeof crossobj.filters[0].opacity=="number") //if IE6+
175crossobj.filters(0).opacity=this.degree
176else //else if IE5.5-
177crossobj.style.filter="alpha(opacity="+this.degree+")"
178}
179else if (crossobj.style.MozOpacity)
180crossobj.style.MozOpacity=this.degree/101
181else if (crossobj.style.KhtmlOpacity)
182crossobj.style.KhtmlOpacity=this.degree/100
183else if (crossobj.style.opacity&&!crossobj.filters)
184crossobj.style.opacity=this.degree/101
185}
186 
187 
188fadeshow.prototype.startit=function(){
189var crossobj=iebrowser? iebrowser[this.curcanvas] : document.getElementById(this.curcanvas)
190this.populateslide(crossobj, this.curimageindex)
191if (this.pausecheck==1){ //IF SLIDESHOW SHOULD PAUSE ONMOUSEOVER
192var cacheobj=this
193var crossobjcontainer=iebrowser? iebrowser["master"+this.slideshowid] : document.getElementById("master"+this.slideshowid)
194crossobjcontainer.onmouseover=function(){cacheobj.mouseovercheck=1}
195crossobjcontainer.onmouseout=function(){cacheobj.mouseovercheck=0}
196}
197this.rotateimage()
198}
199
200function MM_preloadImages() { //v3.0
201  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
202    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
203    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
204}
205</script>

205
206
207  

207<script type="text/javascript">
208		//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
209		new fadeshow(fadeimages, 622, 345, 0, 4000, 1)
210		//new fadeshow(fadeimages2, 140, 225, 0, 3000, 0)
211 		</script>

211
212</div>
213
214<h1>WELCOME TO THE POSITIVE EMOTION &amp; PSYCHOPATHOLOGY (PEP) LAB</h1>
215
216
217
218<p class="homequote">&quot;The most beautiful thing we can experience is the mysterious. It is the source of all true art and science.&quot;</p>
219<p class="homequote-attribution" align="right"> – Albert Einstein</p>
220
221
222<p>We know that positive emotions motivate us to pursue important goals, savor experiences, counteract the cardiovascular effects of stress, and maintain vital social bonds. However, a relatively untouched question remains — Can positive emotions also be a source of dysfunction in particular degrees, contexts, or when not appropriately managed? Our work seeks to delineate the nature of positive emotion disturbance using the theoretical lens and methodological tools of clinical and affective science in people with and without a history of mood difficulties. <br /></p> 
223
224<p><b>YOU CAN DONATE TO SUPPORT OUR RESEARCH ON MENTAL HEALTH AND THE SCIENCE OF HAPPINESS & WELL-BEING <a href="https://giving.cu.edu/fund/positive-emotion-psychopathology-pep-lab-gruber-gift-fund0" target="_blank">HERE</b></a>.<br /></p></div>
225
226<div id="content-right">
227<h1>Donate</h1>	
228	<p>Donate to support research and education on positive emotion and mental heatlh directly here:</p>
229	<a href="http://www.cufund.org/giving-opportunities/fund-description/?id=18524">
230<img src="images/givenow_button-04.png" alt="Give Online" style="border:0" /></a><br /><br />
231	<div id="horizline"></div>
232<h1>Twitter Feed</h1>
233<a class="twitter-timeline" href="https://twitter.com/junegruber" data-widget-id="582387283497627648">Tweets by @junegruber</a> 

233<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

233
234	
235<div id="horizline"></div>
236<h1>Lab Photo Stream</h1>
237<div id="flickrbox">

238<script type="text/javascript" src="javascript-flickr-badge.min.js"></script>

238

239<script type="text/javascript">
240  jsFlickrBadge(document.getElementById('flickrbox'), {
241      // your Flickr ID (find it here)
242      flickrId: '38188251@N05',
243      // feed type. user, group, contacts, etc.
244      feed: 'user',
245      // optional comma-delimited tags to filter by, only used with 'user' feed
246      tags: '',
247      // number of rows to display
248      rows: 4,
249      // number of columns to display
250      columns: 4,
251      // size of each thumbnail (any bigger than 75 will cause pixelization)
252      size: 60,
253      // animation to use.
254      // one of: vscroll, random, vscroll, shuffle, zoom, scroll, flipX, flipY
255      animation: 'random',
256      // seconds each animation takes
257      animationSpeed: 1,
258      // seconds between each animation
259      animationPause: 2
260    });
261</script>

261</div>
262</div>
263
264<div id="floatbreaker"></div>
265
266</div>
267
268<div id="footer-container">
269<div id="horizline"></div>
270  <p><a href="index.php">Home</a>   |   <a href="people.php">People</a>   |   <a href="research.php">Research</a>   |   <a href="publications.php">Publications</a>   |   <a href="news.php">News</a>   |   <a href="links.php">Links</a>   |   <a href="classes.php">Teaching</a>   |   <a href="contact.php">Contact</a></p>
271  <p class="footer-text">© 2013 June Gruber, All Rights Reserved   |   Website designed by <a href="http://crossroadscreative.com/" target="_blank">Crossroads Creative</a></p>
272</div>
273
274</body>
275</html>