// change the css class of an html element
function classChange(element, newClass) {
	element.className = newClass;
}

function setVisibility(id, visibility) {
document.all[id].style.display = visibility;
}

var _CASE_STUDY_ROTATE_TIMER = null;
var _CURRENT_CASE_STUDY = 1;
var _NUM_CASE_STUDIES = 0;

function countCaseStudies() {
	var childNodes = document.getElementById('MeetKarenNavBar').childNodes;
	var count = 0;
	
	for( var i = 0; i < childNodes.length; i++ )
		if( childNodes[i].tagName && childNodes[i].tagName.toLowerCase() == 'a' )
			count++;
			
	// There is no link for the introduction, so it is not counted
	return count + 1;
}

function resetCaseStudyTimer() {
	if( _CASE_STUDY_ROTATE_TIMER )
		window.clearTimeout( _CASE_STUDY_ROTATE_TIMER );
	
	_CASE_STUDY_ROTATE_TIMER = window.setTimeout( 'rotateCaseStudy()', 15000 );
}



function rotateCaseStudy() {
	
	if( _CURRENT_CASE_STUDY == _NUM_CASE_STUDIES ) {
		_CURRENT_CASE_STUDY = 1;
	} else
		_CURRENT_CASE_STUDY += 1;
		
	hidem( _CURRENT_CASE_STUDY, _NUM_CASE_STUDIES );	
}

function hidem(idnumber,iterations) {
	
	_CURRENT_CASE_STUDY = idnumber;
	
	var oldTitleObj = $('MeetKarenTitle'+(idnumber-1));
	var newTitleObj = $('MeetKarenTitle'+idnumber);
	for (i=1; i<=iterations; i++) {
		if (i==idnumber) {
			// only fade if title is different or first object doesnt exist
			if(
				!oldTitleObj 
				|| (oldTitleObj && newTitleObj && oldTitleObj.innerHTML != newTitleObj.innerHTML)
			) {
				if($('MeetKarenTitle'+idnumber)) new Effect.Appear('MeetKarenTitle'+idnumber);
			}
			if($('MeetKarenUsers'+idnumber)) new Effect.Appear('MeetKarenUsers'+idnumber);
			if($('MeetKarenUsersImg'+idnumber)) new Effect.Appear('MeetKarenUsersImg'+idnumber);
		}
		else {
			// only fade if title is different or first object doesnt exist
			if(
				!oldTitleObj 
				|| (oldTitleObj && newTitleObj && oldTitleObj.innerHTML != newTitleObj.innerHTML)
			) {
				$('MeetKarenTitle'+i).hide();
			}
			$('MeetKarenUsers'+i).hide();
			$('MeetKarenUsersImg'+i).hide();
		}
	}
	
	resetCaseStudyTimer();
}

function showMeetKarenUsers() {
	if( $('MeetKarenUsers1') && $('MeetKarenUsersImg1') && $('MeetKarenTitle1')) {
		new Effect.Appear('MeetKarenTitle1');
		new Effect.Appear('MeetKarenUsers1');
		new Effect.Appear('MeetKarenUsersImg1');
	}
	
	if(document.getElementById('MeetKarenNavBar')) {
		resetCaseStudyTimer();
		_NUM_CASE_STUDIES = countCaseStudies();
	}
}

var __log = "";
function log(arg) {
  __log = arg + '<br><br>' + __log;
  if(document.getElementById('log')) document.getElementById('log').innerHTML = __log;
}

//<![CDATA[
/*

var infinity = {
src: {
  '7': 'karen/flash/infinity-7.swf'
  ,'8': 'karen/flash/infinity-8.swf'
}
}

sIFR.prefetch(infinity);

sIFR.compatMode = false;
sIFR.activate();

sIFR.replace(infinity, {
selector: '.Title h1'
,css: [
  '.sIFR-root { color: #005b76; }'
  ,'a { text-decoration: none }'
  ,'a:link { color: #000000 }'
  ,'a:hover { color: #CCCCCC }'
]
,verticalSpacing: 20
});

sIFR.replace(infinity, {
selector: '#HomeSectionHeading p'
,wmode: 'transparent'
,css: [
  '.sIFR-root { color: #2c7d9a; }'
  ,'a { text-decoration: none }'
  ,'a:link { color: #000000 }'
  ,'a:hover { color: #CCCCCC }'
]
,verticalSpacing: 20
});

sIFR.replace(infinity, {
selector: '#HomeSectionHeading h2'
,wmode: 'transparent'
,css: [
  '.sIFR-root { color: #9bccd9; }'
  ,'a { text-decoration: none }'
  ,'a:link { color: #000000 }'
  ,'a:hover { color: #CCCCCC }'
]
,verticalSpacing: 20
});
*/
//]]>

function magicMenu() {
	document.getElementById('Something1').style.width = "300px";
}

function findDimensions() {
	var w=document.getElementById('Something1').offsetWidth+"px";
	var h=document.getElementById('Something1').offsetHeight+"px";
	
	alert('The div id="Something1"\n has a width equal to '+w+'\n and a height equal to '+h); 
}

function setExactWidth(NOI,Title) {
	StringTitle=Title+'';
	var w=(StringTitle.length)*8;
	var exactw=Math.ceil(w/10)*10;
	document.getElementById('Some'+NOI).style.width = exactw+"px";
}

function setExactWidthSecond(NOI,Title) {
	StringTitle=Title+'';
	var w=(StringTitle.length)*8;
	var exactw=Math.ceil(w/10)*10;
	document.getElementById('Thing'+NOI).style.width = exactw+"px";
}