// JavaScript Document

var cS = {
	addEvent: function(elm, evType, fn, useCapture) {
	// cross browser event handling
	if (elm.addEventListener) {
	elm.addEventListener(evType, fn, useCapture);
	return true;
	} else if (elm.attachEvent) {
	var r = elm.attachEvent('on' + evType, fn);
	return r;
	} else {
	elm['on' + evType] = fn;
	}
},


init: function() {
	if (!document.getElementsByTagName || !document.getElementById) return;
	
	/* we include a check for "csThumbsList" so that if we use the random teaser on
	a page without the thumbnails (eg campaigns Home) it won't throw an error */
	if (!document.getElementById("csThumbsList")) return;
	
	var tnParent = document.getElementById("csThumbsList");
	tnAnchors = new Array();
	tnAnchors = tnParent.getElementsByTagName("a");
	for (var i=0; i<tnAnchors.length;i++) {
		cS.addEvent(tnAnchors[i],'mouseover',cS.displayOnHover,false)
	}

},
/* display a case study */
displayRandom: function() {
	var totalCaseStudies = 6;/* change this to the total number if it changes */
	var randnum = 1 + Math.floor(Math.random() * totalCaseStudies);
	
	/* check for presence of an element before proceeding; similar to the one in init() */
	if (!document.getElementById("csTeaserInnerWrapper")) return;
	var el = document.getElementById("csTeaserInnerWrapper");

	el.className = "casestudy-"+randnum;
	var moreLink = document.getElementById("more");
	moreLink.href = "/ukt/campaigns/partners/case_studies.jsp?casestudy=" + randnum;
},

displayOnHover: function(e) {
	var el = window.event ? window.event.srcElement : e ? e.target : null;
	elHref = el.href;
	elId = el.id;
	var glassTeaser = document.getElementById("csTeaserInnerWrapper");
	glassTeaser.style.backgroundImage = "url(/ukt//i/j/photos/campaigns/case_studies/glass_background/"+elId+".jpg)";
	curEl = document.getElementById(elId);
	curEl.style.backgroundImage = " ";
	/* make sure that the "more" link in the teaser box gets the same href attribute as the hovered item */
	var moreLink = document.getElementById("more");

	moreLink.href = elHref;

}
};
cS.addEvent(window, 'load', cS.init, false);
cS.addEvent(window, 'load', cS.displayRandom, false);