// JavaScript Document
//Featured Content Glider: By http://www.dynamicdrive.com
//Created: Dec 22nd, 07'
//Updated (Jan 29th, 08): Added four possible slide directions: "updown", "downup", "leftright", or "rightleft"
//Updated (Feb 1st, 08): Changed glide behavior to reverse direction when previous button is clicked
//Updated (Feb 12th, 08): Added ability to retrieve gliding contents from an external file using Ajax ("remotecontent" variable added to configuration)

var featuredcontentglider={
	csszindex: 100,
	ajaxloadingmsg: '<b>Fetching Content. Please wait...</b>',
	glide:function(config, showpage, isprev){
		var selected=parseInt(showpage)
		if (selected>=config.$contentdivs.length){ //if no content exists at this index position
			alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.")
			selected=0
		}
		var $target=config.$contentdivs.eq(selected)
		//Test for toggler not being initialized yet, or user clicks on the currently selected page):
		if (config.$togglerdiv.attr('lastselected')==null || parseInt(config.$togglerdiv.attr('lastselected'))!=selected){
			var $selectedlink=config.$toc.eq(selected)
			config.$next.attr('loadpage', (selected<config.$contentdivs.length-1)? selected+1+'pg' : 0+'pg')
			config.$prev.attr('loadpage', (selected==0)? config.$contentdivs.length-1+'pg' : selected-1+'pg')
			var startpoint=(isprev=="previous")? -config.startpoint : config.startpoint
			$target.css(config.leftortop, startpoint).css("zIndex", this.csszindex++) //hide content so it's just out of view before animating it
			var endpoint=(config.leftortop=="left")? {left:0} : {top:0} //animate it into view
			$target.animate(endpoint, config.speed)
			config.$toc.removeClass('selected')
			$selectedlink.addClass('selected')
			config.$togglerdiv.attr('lastselected', selected+'pg')
		}
	},

	getremotecontent:function(config){
		config.$glider.html(this.ajaxloadingmsg)
		$.ajax({
			url: config.remotecontent,
			error:function(ajaxrequest){
				config.$glider.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)
			},
			success:function(content){
				config.$glider.html(content)
				featuredcontentglider.setuptoggler(config)
			}
		})
	},

	aligncontents:function(config){
		config.$contentdivs=$("#"+config.gliderid+" ."+config.contentclass)
		config.$contentdivs.css(config.leftortop, config.startpoint).css({height: config.$glider.height(), visibility: 'visible'}) //position content divs so they're out of view:
	},

	setuptoggler:function(config){
		this.aligncontents(config)
		config.$togglerdiv.hide()
		config.$toc.each(function(index){
				$(this).attr('pagenumber', index+'pg')
				if (index > (config.$contentdivs.length-1))
					$(this).css({display: 'none'}) //hide redundant "toc" links
		})
		var $nextandprev=$("#"+config.togglerid+" .next, #"+config.togglerid+" .prev")
		$nextandprev.click(function(event){ //Assign click behavior to 'next' and 'prev' links
			featuredcontentglider.glide(config, this.getAttribute('loadpage'), this.getAttribute('buttontype'))
			event.preventDefault() //cancel default link action
		})
		config.$toc.click(function(event){ //Assign click behavior to 'toc' links
			featuredcontentglider.glide(config, this.getAttribute('pagenumber'))
			event.preventDefault()
		})
		config.$togglerdiv.fadeIn(1000, function(){
			featuredcontentglider.glide(config, config.selected)
			if (config.autorotate==true){ //auto rotate contents?
				config.stepcount=0 //set steps taken
				config.totalsteps=config.$contentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles)
				featuredcontentglider.autorotate(config)
			}
		})
		config.$togglerdiv.click(function(){
			featuredcontentglider.cancelautorotate(config.togglerid)
		})
	},

	autorotate:function(config){
		var rotatespeed=config.speed+config.autorotateconfig[0]
		window[config.togglerid+"timer"]=setInterval(function(){
			if (config.totalsteps>0 && config.stepcount>=config.totalsteps){
				clearInterval(window[config.togglerid+"timer"])
			}
			else{
				config.$next.click()
				config.stepcount++
			}
		}, rotatespeed)
	},

	cancelautorotate:function(togglerid){
		if (window[togglerid+"timer"])
			clearInterval(window[togglerid+"timer"])
	},

	getCookie:function(Name){ 
		var re=new RegExp(Name+"=[^;]+", "i") //construct RE to search for target name/value pair
		if (document.cookie.match(re)) //if cookie found
			return document.cookie.match(re)[0].split("=")[1] //return its value
		return null
	},

	setCookie:function(name, value){
		document.cookie = name+"="+value
	},

	init:function(config){
		$(document).ready(function(){
			config.$glider=$("#"+config.gliderid)
			config.$togglerdiv=$("#"+config.togglerid)
			config.$toc=config.$togglerdiv.find('.toc')
			config.$next=config.$togglerdiv.find('.next')
			config.$prev=config.$togglerdiv.find('.prev')
			config.$prev.attr('buttontype', 'previous')
			var selected=(config.persiststate)? featuredcontentglider.getCookie(config.gliderid) : config.selected
			config.selected=(isNaN(parseInt(selected))) ? config.selected : selected //test for cookie value containing null (1st page load) or "undefined" string	
			config.leftortop=(/up/i.test(config.direction))? "top" : "left" //set which CSS property to manipulate based on "direction"
			config.heightorwidth=(/up/i.test(config.direction))? config.$glider.height() : config.$glider.width() //Get glider height or width based on "direction"
			config.startpoint=(/^(left|up)/i.test(config.direction))? -config.heightorwidth : config.heightorwidth //set initial position of contents based on "direction"
			if (typeof config.remotecontent!="undefined" && config.remotecontent.length>0)
				featuredcontentglider.getremotecontent(config)
			else
				featuredcontentglider.setuptoggler(config)
			$(window).bind('unload', function(){ //clean up and persist
				config.$togglerdiv.unbind('click')
				config.$toc.unbind('click')
				config.$next.unbind('click')
				config.$prev.unbind('click')
				if (config.persiststate)
					featuredcontentglider.setCookie(config.gliderid, config.$togglerdiv.attr('lastselected'))
				config=null
				
			})
		})
	}
}


//** Featured Content Slider script- (c) Dynamic Drive DHTML code library: http://www.dynamicdrive.com.
//** May 2nd, 08'- Script rewritten and updated to 2.0.
//** June 12th, 08'- Script updated to v 2.3, which adds the following features:
			//1) Changed behavior of script to actually collapse the previous content when the active one is shown, instead of just tucking it underneath the later.
			//2) Added setting to reveal a content either via "click" or "mouseover" of pagination links (default is former).
			//3) Added public function for jumping to a particular slide within a Featured Content instance using an arbitrary link, for example.

//** July 11th, 08'- Script updated to v 2.4:
			//1) Added ability to select a particular slide when the page first loads using a URL parameter (ie: mypage.htm?myslider=4 to select 4th slide in "myslider")
			//2) Fixed bug where the first slide disappears when the mouse clicks or mouses over it when page first loads.

var featuredcontentslider={

	//3 variables below you can customize if desired:
	ajaxloadingmsg: '<div style="margin: 20px 0 0 20px"><img src="loading.gif" /> Fetching slider Contents. Please wait...</div>',
	bustajaxcache: true, //bust caching of external ajax page after 1st request?
	enablepersist: true, //persist to last content viewed when returning to page?
	
	settingcaches: {}, //object to cache "setting" object of each script instance
	
	jumpTo:function(fcsid, pagenumber){ //public function to go to a slide manually.
		this.turnpage(this.settingcaches[fcsid], pagenumber)
	},
	
	ajaxconnect:function(setting){
		var page_request = false
		if (window.ActiveXObject){ //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
			try {
			page_request = new ActiveXObject("Msxml2.XMLHTTP")
			} 
			catch (e){
				try{
				page_request = new ActiveXObject("Microsoft.XMLHTTP")
				}
				catch (e){}
			}
		}
		else if (window.XMLHttpRequest) // if Mozilla, Safari etc
			page_request = new XMLHttpRequest()
		else
			return false
		var pageurl=setting.contentsource[1]
		page_request.onreadystatechange=function(){
			featuredcontentslider.ajaxpopulate(page_request, setting)
		}
		document.getElementById(setting.id).innerHTML=this.ajaxloadingmsg
		var bustcache=(!this.bustajaxcache)? "" : (pageurl.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()
		page_request.open('GET', pageurl+bustcache, true)
		page_request.send(null)
	},
	
	ajaxpopulate:function(page_request, setting){
		if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1)){
			document.getElementById(setting.id).innerHTML=page_request.responseText
			this.buildpaginate(setting)
		}
	},
	
	buildcontentdivs:function(setting){
		var alldivs=document.getElementById(setting.id).getElementsByTagName("div")
		for (var i=0; i<alldivs.length; i++){
			if (this.css(alldivs[i], "contentdiv", "check")){ //check for DIVs with class "contentdiv"
				setting.contentdivs.push(alldivs[i])
					alldivs[i].style.display="none" //collapse all content DIVs to begin with
			}
		}
	},
	
	buildpaginate:function(setting){
		this.buildcontentdivs(setting)
		var sliderdiv=document.getElementById(setting.id)
		var pdiv=document.getElementById("paginate-"+setting.id)
		var phtml=""
		var toc=setting.toc
		var nextprev=setting.nextprev
		if (typeof toc=="string" && toc!="markup" || typeof toc=="object"){
			for (var i=1; i<=setting.contentdivs.length; i++){
				phtml+='<a href="#'+i+'" class="toc">'+(typeof toc=="string"? toc.replace(/#increment/, i) : toc[i-1])+'</a> '
			}
			phtml=(nextprev[0]!=''? '<a href="#prev" class="prev">'+nextprev[0]+'</a> ' : '') + phtml + (nextprev[1]!=''? '<a href="#next" class="next">'+nextprev[1]+'</a>' : '')
			pdiv.innerHTML=phtml
		}
		var pdivlinks=pdiv.getElementsByTagName("a")
		var toclinkscount=0 //var to keep track of actual # of toc links
		for (var i=0; i<pdivlinks.length; i++){
			if (this.css(pdivlinks[i], "toc", "check")){
				if (toclinkscount>setting.contentdivs.length-1){ //if this toc link is out of range (user defined more toc links then there are contents)
					pdivlinks[i].style.display="none" //hide this toc link
					continue
				}
				pdivlinks[i].setAttribute("rel", ++toclinkscount) //store page number inside toc link
				pdivlinks[i][setting.revealtype]=function(){
					featuredcontentslider.turnpage(setting, this.getAttribute("rel"))
					return false
				}
				setting.toclinks.push(pdivlinks[i])
			}
			else if (this.css(pdivlinks[i], "prev", "check") || this.css(pdivlinks[i], "next", "check")){ //check for links with class "prev" or "next"
				pdivlinks[i].onclick=function(){
					featuredcontentslider.turnpage(setting, this.className)
					return false
				}
			}
		}
		this.turnpage(setting, setting.currentpage, true)
		if (setting.autorotate[0]){ //if auto rotate enabled
			pdiv[setting.revealtype]=function(){
				featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
			}
			sliderdiv["onclick"]=function(){ //stop content slider when slides themselves are clicked on
				featuredcontentslider.cleartimer(setting, window["fcsautorun"+setting.id])
			}
			setting.autorotate[1]=setting.autorotate[1]+(1/setting.enablefade[1]*50) //add time to run fade animation (roughly) to delay between rotation
		 this.autorotate(setting)
		}
	},
	
	urlparamselect:function(fcsid){
		var result=window.location.search.match(new RegExp(fcsid+"=(\\d+)", "i")) //check for "?featuredcontentsliderid=2" in URL
		return (result==null)? null : parseInt(RegExp.$1) //returns null or index, where index (int) is the selected tab's index
	},
	
	turnpage:function(setting, thepage, autocall){
		var currentpage=setting.currentpage //current page # before change
		var totalpages=setting.contentdivs.length
		var turntopage=(/prev/i.test(thepage))? currentpage-1 : (/next/i.test(thepage))? currentpage+1 : parseInt(thepage)
		turntopage=(turntopage<1)? totalpages : (turntopage>totalpages)? 1 : turntopage //test for out of bound and adjust
		if (turntopage==setting.currentpage && typeof autocall=="undefined") //if a pagination link is clicked on repeatedly
			return
		setting.currentpage=turntopage
		setting.contentdivs[turntopage-1].style.zIndex=++setting.topzindex
		this.cleartimer(setting, window["fcsfade"+setting.id])
		setting.cacheprevpage=setting.prevpage
		if (setting.enablefade[0]==true){
			setting.curopacity=0
			this.fadeup(setting)
		}
		if (setting.enablefade[0]==false){ //if fade is disabled, fire onChange event immediately (verus after fade is complete)
			setting.contentdivs[setting.prevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
			setting.onChange(setting.prevpage, setting.currentpage)
		}
		setting.contentdivs[turntopage-1].style.visibility="visible"
		setting.contentdivs[turntopage-1].style.display="block"
		if (setting.prevpage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
			this.css(setting.toclinks[setting.prevpage-1], "selected", "remove")
		if (turntopage<=setting.toclinks.length) //make sure pagination link exists (may not if manually defined via "markup", and user omitted)
			this.css(setting.toclinks[turntopage-1], "selected", "add")
		setting.prevpage=turntopage
		if (this.enablepersist)
			this.setCookie("fcspersist"+setting.id, turntopage)
	},
	
	setopacity:function(setting, value){ //Sets the opacity of targetobject based on the passed in value setting (0 to 1 and in between)
		var targetobject=setting.contentdivs[setting.currentpage-1]
		if (targetobject.filters && targetobject.filters[0]){ //IE syntax
			if (typeof targetobject.filters[0].opacity=="number") //IE6
				targetobject.filters[0].opacity=value*100
			else //IE 5.5
				targetobject.style.filter="alpha(opacity="+value*100+")"
		}
		else if (typeof targetobject.style.MozOpacity!="undefined") //Old Mozilla syntax
			targetobject.style.MozOpacity=value
		else if (typeof targetobject.style.opacity!="undefined") //Standard opacity syntax
			targetobject.style.opacity=value
		setting.curopacity=value
	},
	
	fadeup:function(setting){
		if (setting.curopacity<1){
			this.setopacity(setting, setting.curopacity+setting.enablefade[1])
			window["fcsfade"+setting.id]=setTimeout(function(){featuredcontentslider.fadeup(setting)}, 50)
		}
		else{ //when fade is complete
			if (setting.cacheprevpage!=setting.currentpage) //if previous content isn't the same as the current shown div (happens the first time the page loads/ script is run)
				setting.contentdivs[setting.cacheprevpage-1].style.display="none" //collapse last content div shown (it was set to "block")
			setting.onChange(setting.cacheprevpage, setting.currentpage)
		}
	},
	
	cleartimer:function(setting, timervar){
		if (typeof timervar!="undefined"){
			clearTimeout(timervar)
			clearInterval(timervar)
			if (setting.cacheprevpage!=setting.currentpage){ //if previous content isn't the same as the current shown div
				setting.contentdivs[setting.cacheprevpage-1].style.display="none"
			}
		}
	},
	
	css:function(el, targetclass, action){
		var needle=new RegExp("(^|\\s+)"+targetclass+"($|\\s+)", "ig")
		if (action=="check")
			return needle.test(el.className)
		else if (action=="remove")
			el.className=el.className.replace(needle, "")
		else if (action=="add")
			el.className+=" "+targetclass
	},
	
	autorotate:function(setting){
	 window["fcsautorun"+setting.id]=setInterval(function(){featuredcontentslider.turnpage(setting, "next")}, setting.autorotate[1])
	},
	
	getCookie:function(Name){ 
		var re=new RegExp(Name+"=[^;]+", "i"); //construct RE to search for target name/value pair
		if (document.cookie.match(re)) //if cookie found
			return document.cookie.match(re)[0].split("=")[1] //return its value
		return null
	},
	
	setCookie:function(name, value){
		document.cookie = name+"="+value
	
	},
	
	
	init:function(setting){
		var persistedpage=this.getCookie("fcspersist"+setting.id) || 1
		var urlselectedpage=this.urlparamselect(setting.id) //returns null or index from: mypage.htm?featuredcontentsliderid=index
		this.settingcaches[setting.id]=setting //cache "setting" object
		setting.contentdivs=[]
		setting.toclinks=[]
		setting.topzindex=0
		setting.currentpage=urlselectedpage || ((this.enablepersist)? persistedpage : 1)
		setting.prevpage=setting.currentpage
		setting.revealtype="on"+(setting.revealtype || "click")
		setting.curopacity=0
		setting.onChange=setting.onChange || function(){}
		if (setting.contentsource[0]=="inline")
			this.buildpaginate(setting)
		if (setting.contentsource[0]=="ajax")
			this.ajaxconnect(setting)
	}

}


var hotspotglider = featuredcontentslider;
var newsglider = featuredcontentslider;
var bonusglider = featuredcontentslider;
var clientPromotionGlider = featuredcontentslider;
var clientJackpotGlider = featuredcontentslider;