/*
tContent[0] = '<span class="graphical">{</span><a href="#design" class="designOn">Web Design</a><span class="graphical">}</span>'
tContent[1] = '<span class="graphical">{</span><a href="#marketing" class="marketingOn">Marketing</a><span class="graphical">}</span>'
tContent[2] = '<span class="graphical">{</span><a href="#branding" class="brandingToggle">Branding</a><span class="graphical">}</span>'
tContent[3] = '<span class="graphical">{</span><a href="#strategy" class="strategyToggle">Strategy</a><span class="graphical">}</span>'
tContent[4] = '<span class="graphical">{</span><a href="#copywriting" class="copywritingToggle">Copywriting</a><span class="graphical">}</span>'
tContent[5] = '<span class="graphical">{</span><a href="#photography" class="photographyToggle">Photography</a><span class="graphical">}</span>'

var iDelay = 8000;
var isIE = (document.all)? true : false;
var frame = 60;
var st = 1;
var wait = iCur = 1;
var index = iCurMoz = 0;
var iDir = false;
var frameHalf = frame / 2;
var iTimer;
var frame_m = frame;
var wait_m = wait;

*/
var tContent = [];

tContent[0] = "a.designOn";
tContent[1] = "a.marketingOn";
tContent[2] = "a.brandingOn";
tContent[3] = "a.strategyOn";
tContent[4] = "a.copywritingOn";
tContent[5] = "a.photographyOn";

var show = true;
var index = (tContent.length - 1.0);
//all times in ms
var outTime = 5000;
var inTime = 1000;
var fadeTime = 1000;

function fade(){
	if (show) {
		//while out switch what we see
		$(tContent[index]).hide();
		index ++;
		if(index >= tContent.length){ index = 0; }
		$(tContent[index]).show();
	
		$("#blurb").fadeIn(fadeTime);
		show = false;
		setTimeout("fade()", outTime);
	} else {
		$("#blurb").fadeOut(fadeTime);
		show = true;
		setTimeout("fade()", inTime);
	}	
}



/*
function opacityFade(){ 
  var fScroll = document.getElementById("blurb"); 
  if(frame > 0){ 
    if(frame == frameHalf && wait > 0){ 
      if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } 
      else { fScroll.style.MozOpacity = iCurMoz; } wait --; setTimeout("opacityFade()", iDelay); } 
      else { if(iDir){ iCur -= 3; iCurMoz -= 0.03; } 
      else { iCur += 3; iCurMoz += 0.03; } 
    if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } 
      else { fScroll.style.MozOpacity = iCurMoz; } 
    if(frame == (frameHalf + 1)){ if(isIE){ fScroll.style.filter = "alpha(opacity=" + iCur + ")"; } 
      else { fScroll.style.MozOpacity = iCurMoz; } iDir = true; } frame --; setTimeout("opacityFade()", st); } 
  } else { fScroll.innerHTML = " "; frame = frame_m; wait = wait_m; iDir = false; setTimeout("fade()", st); }
}
*/


$(document).ready(function() {
	//hide them all
	$('a.designOn').hide();
	$('a.marketingOn').hide();
	$('a.brandingOn').hide();
	$('a.strategyOn').hide();
	$('a.copywritingOn').hide();
	$('a.photographyOn').hide();

	fade();
});