// JavaScript Document

	$(function () {
				
		$('img[id=driver1]').show();
		$('a[id=driver1]').addClass('active');
				
		$('a.driver_thumb').mouseout( function() {
		
			var $id = $(this).attr("id");			
			
			$('img.driver_frame_img').hide()
			$('img[id=driver1]').show();
			$('a[id=driver1]').addClass('active');
		
		});
				
		$('a.driver_thumb').mouseover(function() {
				
			var $id = $(this).attr("id");
		
			$('img.driver_frame_img').hide();
			$("img[id='" + $id + "']").show();
			$('a[id=driver1]').removeClass('active');
		
		});
		
		$('#cycleme').cycle({
							
			fx:		'fade',
			speed:	500,
			timeout: 3500,
			pause:		1,
			pager:	'#cyclecontrol'
			
		});


	});
	
	

/***********************************************

	COUNTDOWN SCRIPT

***********************************************/

function cdtime(container, targetdate){
if (!document.getElementById || !document.getElementById(container)) return
this.container=document.getElementById(container)
this.currentTime=new Date()
this.targetdate=new Date(targetdate)
this.timesup=false
this.updateTime()
}

cdtime.prototype.updateTime=function(){
var thisobj=this
this.currentTime.setSeconds(this.currentTime.getSeconds()+1)
setTimeout(function(){thisobj.updateTime()}, 1000) //update time every second
}

cdtime.prototype.displaycountdown=function(baseunit, functionref){
this.baseunit=baseunit
this.formatresults=functionref
this.showresults()
}

cdtime.prototype.showresults=function(){
var thisobj=this


var timediff=(this.targetdate-this.currentTime)/1000 //difference btw target date and current date, in seconds
if (timediff<0){ //if time is up
this.timesup=true
this.container.innerHTML=this.formatresults()
return
}
var oneMinute=60 //minute unit in seconds
var oneHour=60*60 //hour unit in seconds
var oneDay=60*60*24 //day unit in seconds
var dayfield=Math.floor(timediff/oneDay)
var hourfield=Math.floor((timediff-dayfield*oneDay)/oneHour)
var minutefield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour)/oneMinute)
var secondfield=Math.floor((timediff-dayfield*oneDay-hourfield*oneHour-minutefield*oneMinute))
if (this.baseunit=="hours"){ //if base unit is hours, set "hourfield" to be topmost level
hourfield=dayfield*24+hourfield
dayfield="n/a"
}
else if (this.baseunit=="minutes"){ //if base unit is minutes, set "minutefield" to be topmost level
minutefield=dayfield*24*60+hourfield*60+minutefield
dayfield=hourfield="n/a"
}
else if (this.baseunit=="seconds"){ //if base unit is seconds, set "secondfield" to be topmost level
var secondfield=timediff
dayfield=hourfield=minutefield="n/a"
}
this.container.innerHTML=this.formatresults(dayfield, hourfield, minutefield, secondfield)
setTimeout(function(){thisobj.showresults()}, 1000) //update results every second
}

/////CUSTOM FORMAT OUTPUT FUNCTIONS BELOW//////////////////////////////

//Create your own custom format function to pass into cdtime.displaycountdown()
//Use arguments[0] to access "Days" left
//Use arguments[1] to access "Hours" left
//Use arguments[2] to access "Minutes" left
//Use arguments[3] to access "Seconds" left

//The values of these arguments may change depending on the "baseunit" parameter of cdtime.displaycountdown()
//For example, if "baseunit" is set to "hours", arguments[0] becomes meaningless and contains "n/a"
//For example, if "baseunit" is set to "minutes", arguments[0] and arguments[1] become meaningless etc


function formatresults(){
if (this.timesup==false){//if target date/time not yet met
var displaystring=arguments[0]+" days "+arguments[1]+" hours "+arguments[2]+" minutes "+arguments[3]+" seconds left until March 23, 2009 18:25:00"
}
else{ //else if target date/time met
var displaystring="Future date is here!"
}
return displaystring
}

function formatresults2(){
if (this.timesup==false){ //if target date/time not yet met
var displaystring="<div id='count_title'>Countdown to New Hampshire</div><ul id='timer'><li><div class='value'>"+arguments[0]+"</div><div class='sub_value'>Days</div></li><li><div class='value'>"+arguments[1]+"</div><div class='sub_value'>Hours</div></li><li><div class='value'>"+arguments[2]+"</div><div class='sub_value'>Mins</div></li><li><div class='value'>"+arguments[3]+"</div><div class='sub_value'>Secs</div></li></ul>"
}
else{ //else if target date/time met
var displaystring="<div id='count_title'>New Hampshire is Here!</div><ul id='timer'><li><div class='value'>00</div><div class='sub_value'>Days</div></li><li><div class='value'>00</div><div class='sub_value'>Hours</div></li><li><div class='value'>00</div><div class='sub_value'>Mins</div></li><li><div class='value'>00</div><div class='sub_value'>Secs</div></li></ul>" //Don't display any text
// alert("Christmas is here!") //Instead, perform a custom alert
}
return displaystring
}


/*******************************************************************************

		START TICKER

*******************************************************************************/

		function domticker(content, divId, divClass, delay, fadeornot){
		this.content=content
		this.tickerid=divId //ID of master ticker div. Message is contained inside first child of ticker div
		this.delay=delay //Delay between msg change, in miliseconds.
		this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over ticker (and pause it if it is)
		this.pointer=1
		this.opacitystring=(typeof fadeornot!="undefined")? "width: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1" : ""
		if (this.opacitystring!="") this.delay+=500 //add 1/2 sec to account for fade effect, if enabled
		this.opacitysetting=0.2 //Opacity value when reset. Internal use.
		document.write('<div id="'+divId+'" class="'+divClass+'"><div style="'+this.opacitystring+'">'+content[0]+'</div></div>')
		var instanceOfTicker=this
		setTimeout(function(){instanceOfTicker.initialize()}, delay)
		}
		
		domticker.prototype.initialize=function(){
		var instanceOfTicker=this
		this.contentdiv=document.getElementById(this.tickerid).firstChild //div of inner content that holds the messages
		document.getElementById(this.tickerid).onmouseover=function(){instanceOfTicker.mouseoverBol=1}
		document.getElementById(this.tickerid).onmouseout=function(){instanceOfTicker.mouseoverBol=0}
		this.rotatemsg()
		}
		
		domticker.prototype.rotatemsg=function(){
		var instanceOfTicker=this
		if (this.mouseoverBol==1) //if mouse is currently over ticker, do nothing (pause it)
		setTimeout(function(){instanceOfTicker.rotatemsg()}, 100)
		else{
		this.fadetransition("reset") //FADE EFFECT- RESET OPACITY
		this.contentdiv.innerHTML=this.content[this.pointer]
		this.fadetimer1=setInterval(function(){instanceOfTicker.fadetransition('up', 'fadetimer1')}, 100) //FADE EFFECT- PLAY IT
		this.pointer=(this.pointer<this.content.length-1)? this.pointer+1 : 0
		setTimeout(function(){instanceOfTicker.rotatemsg()}, this.delay) //update container
		}
		}
		
		// -------------------------------------------------------------------
		// fadetransition()- cross browser fade method for IE5.5+ and Mozilla/Firefox
		// -------------------------------------------------------------------
		
		domticker.prototype.fadetransition=function(fadetype, timerid){
		var contentdiv=this.contentdiv
		if (fadetype=="reset")
		this.opacitysetting=0.2
		if (contentdiv.filters && contentdiv.filters[0]){
		if (typeof contentdiv.filters[0].opacity=="number") //IE6+
		contentdiv.filters[0].opacity=this.opacitysetting*100
		else //IE 5.5
		contentdiv.style.filter="alpha(opacity="+this.opacitysetting*100+")"
		}
		else if (typeof contentdiv.style.MozOpacity!="undefined" && this.opacitystring!=""){
		contentdiv.style.MozOpacity=this.opacitysetting
		}
		else
		this.opacitysetting=1
		if (fadetype=="up")
		this.opacitysetting+=0.2
		if (fadetype=="up" && this.opacitysetting>=1)
		clearInterval(this[timerid])
		}
		
/*******************************************************************************

		END TICKER

*******************************************************************************/