//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>...</b>',	glide:function(config, showpage, isprev){		var selected=parseInt(showpage)		if (selected>=config.jjcontentdivs.length){ //if no content exists at this index position			alert("No content exists at page "+(selected+1)+"! Loading 1st page instead.")			selected=0		}		var jjtarget=config.jjcontentdivs.eq(selected)		//Test for toggler not being initialized yet, or user clicks on the currently selected page):		if (config.jjtogglerdiv.attr('lastselected')==null || parseInt(config.jjtogglerdiv.attr('lastselected'))!=selected){			var jjselectedlink=config.jjtoc.eq(selected)			config.jjnext.attr('loadpage', (selected<config.jjcontentdivs.length-1)? selected+1+'pg' : 0+'pg')			config.jjprev.attr('loadpage', (selected==0)? config.jjcontentdivs.length-1+'pg' : selected-1+'pg')			var startpoint=(isprev=="previous")? -config.startpoint : config.startpoint			jjtarget.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			jjtarget.animate(endpoint, config.speed)			config.jjtoc.removeClass('selected')			jjselectedlink.addClass('selected')			config.jjtogglerdiv.attr('lastselected', selected+'pg')		}	},	getremotecontent:function(config){		config.jjglider.html(this.ajaxloadingmsg)		jQ.ajax({			url: config.remotecontent,			error:function(ajaxrequest){				config.jjglider.html('Error fetching content.<br />Server Response: '+ajaxrequest.responseText)			},			success:function(content){				config.jjglider.html(content)				featuredcontentglider.setuptoggler(config)			}		})	},	aligncontents:function(config){		config.jjcontentdivs=jj("#"+config.gliderid+" ."+config.contentclass)		config.jjcontentdivs.css(config.leftortop, config.startpoint).css({height: config.jjglider.height(), visibility: 'visible'}) //position content divs so they're out of view:	},	setuptoggler:function(config){		this.aligncontents(config)		config.jjtogglerdiv.hide()		config.jjtoc.each(function(index){				jj(this).attr('pagenumber', index+'pg')				if (index > (config.jjcontentdivs.length-1))					jj(this).css({display: 'none'}) //hide redundant "toc" links		})		var jjnextandprev=jj("#"+config.togglerid+" .next, #"+config.togglerid+" .prev")		jjnextandprev.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.jjtoc.click(function(event){ //Assign click behavior to 'toc' links			featuredcontentglider.glide(config, this.getAttribute('pagenumber'))			event.preventDefault()		})		config.jjtogglerdiv.fadeIn(1000, function(){			featuredcontentglider.glide(config, config.selected)			if (config.autorotate==true){ //auto rotate contents?				config.stepcount=0 //set steps taken				config.totalsteps=config.jjcontentdivs.length*config.autorotateconfig[1] //Total steps limit: num of contents x num of user specified cycles)				featuredcontentglider.autorotate(config)			}		})		config.jjtogglerdiv.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.jjnext.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){		jj(document).ready(function(){			config.jjglider=jj("#"+config.gliderid)			config.jjtogglerdiv=jj("#"+config.togglerid)			config.jjtoc=config.jjtogglerdiv.children('.toc')			config.jjnext=config.jjtogglerdiv.children('.next')			config.jjprev=config.jjtogglerdiv.children('.prev')			config.jjprev.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.jjglider.height() : config.jjglider.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)			jj(window).bind('unload', function(){ //clean up and persist				config.jjtogglerdiv.unbind('click')				config.jjtoc.unbind('click')				config.jjnext.unbind('click')				config.jjprev.unbind('click')				if (config.persiststate)					featuredcontentglider.setCookie(config.gliderid, config.jjtogglerdiv.attr('lastselected'))				config=null							})		})	}}
