var bustcachevar=0 //bust potential caching of external pages after initial request? (1=yes, 0=no)

var loadstatustext="<div align=center><br><br><img src='http://www.motionx.com/1_layout/loading-animation.gif' /></div>"



////NO NEED TO EDIT BELOW////////////////////////

var loadedobjects=""

var defaultcontentarray=new Object()

var bustcacheparameter=""

var slidesarr
var container

function ajaxpage(url, containerid, targetobj){

var page_request = false

if (window.XMLHttpRequest) // if Mozilla, Safari etc

page_request = new XMLHttpRequest()

else if (window.ActiveXObject){ // if IE

try {

page_request = new ActiveXObject("Msxml2.XMLHTTP")

} 

catch (e){

try{

page_request = new ActiveXObject("Microsoft.XMLHTTP")

}

catch (e){}

}

}

else

return false

var ullist=document.getElementById("panelwidget").getElementsByTagName("li")

for (var i=0; i<ullist.length; i++)

ullist[i].className=""  //deselect all tabs

targetobj.parentNode.className="selected"  //highlight currently clicked on tab

if (url.indexOf("#default")!=-1){ //if simply show default content within container (verus fetch it via ajax)

document.getElementById(containerid).innerHTML=defaultcontentarray[containerid]

return

}

document.getElementById(containerid).innerHTML=loadstatustext

page_request.onreadystatechange=function(){

loadpage(page_request, containerid)

}

if (bustcachevar) //if bust caching of external page

bustcacheparameter=(url.indexOf("?")!=-1)? "&"+new Date().getTime() : "?"+new Date().getTime()

page_request.open('GET', url+bustcacheparameter, true)

page_request.send(null)

}



function loadpage(page_request, containerid){

if (page_request.readyState == 4 && (page_request.status==200 || window.location.href.indexOf("http")==-1))

document.getElementById(containerid).innerHTML=page_request.responseText

if(document.getElementById("first"))
{
   slidesarr = new Array('http://drive.motionx.com/app-drive/tips/content/tutorial1/0.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/1.jpg', 
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/2.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/3.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/4.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/5.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/6.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/7.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/8.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/9.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/10.jpg',
						 'http://drive.motionx.com/app-drive/tips/content/tutorial1/11.jpg');
	container = new SlideShow(slidesarr, "container", true, 110, true);
}
else if(document.getElementById("second"))
{
	slidesarr = new Array('http://drive.motionx.com/app-drive/tips/content/tutorial2/0.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial2/1.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial2/2.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial2/3.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial2/4.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial2/5.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial2/6.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial2/7.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial2/8.jpg');
   container = new SlideShow(slidesarr, "container", true, 110, true);
}
else if(document.getElementById("third"))
{
	slidesarr = new Array('http://drive.motionx.com/app-drive/tips/content/tutorial3/0.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial3/1.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial3/2.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial3/3.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial3/4.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial3/5.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial3/6.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial3/7.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial3/8.jpg');
   container = new SlideShow(slidesarr, "container", true, 110, true);
}
else if(document.getElementById("fourth"))
{
	slidesarr = new Array('http://drive.motionx.com/app-drive/tips/content/tutorial4/0.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/1.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/2.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/3.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/4.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/5.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/6.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/7.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/8.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/9.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/10.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/11.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/12.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/13.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/14.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/15.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial4/16.jpg');
   container = new SlideShow(slidesarr, "container", true, 110, true);
}
else if(document.getElementById("fifth"))
{
	slidesarr = new Array('http://drive.motionx.com/app-drive/tips/content/tutorial5/0.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial5/1.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial5/2.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial5/3.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial5/4.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial5/5.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial5/6.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial5/7.jpg');
   container = new SlideShow(slidesarr, "container", true, 110, true);
}
else if(document.getElementById("sixth"))
{
	slidesarr = new Array('http://drive.motionx.com/app-drive/tips/content/tutorial6/0.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial6/1.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial6/2.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial6/3.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial6/4.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial6/5.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial6/6.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial6/7.jpg',
						  'http://drive.motionx.com/app-drive/tips/content/tutorial6/8.jpg');
   container = new SlideShow(slidesarr, "container", true, 110, true);
}

}



function loadobjs(revattribute){

if (revattribute!=null && revattribute!=""){ //if "rev" attribute is defined (load external .js or .css files)

var objectlist=revattribute.split(/\s*,\s*/) //split the files and store as array

for (var i=0; i<objectlist.length; i++){

var file=objectlist[i]

var fileref=""

if (loadedobjects.indexOf(file)==-1){ //Check to see if this object has not already been added to page before proceeding

if (file.indexOf(".js")!=-1){ //If object is a js file

fileref=document.createElement('script')

fileref.setAttribute("type","text/javascript");

fileref.setAttribute("src", file);

}

else if (file.indexOf(".css")!=-1){ //If object is a css file

fileref=document.createElement("link")

fileref.setAttribute("rel", "stylesheet");

fileref.setAttribute("type", "text/css");

fileref.setAttribute("href", file);

}

}

if (fileref!=""){

document.getElementsByTagName("head").item(0).appendChild(fileref)

loadedobjects+=file+" " //Remember this object as being already added to page

}

}

}

}



function savedefaultcontent(contentid){// save default ajax tab content

if (typeof defaultcontentarray[contentid]=="undefined") //if default content hasn't already been saved

defaultcontentarray[contentid]=document.getElementById(contentid).innerHTML

}



function startajaxtabs(){

for (var i=0; i<arguments.length; i++){ //loop through passed UL ids

var ulobj=document.getElementById(arguments[i])

var ulist=ulobj.getElementsByTagName("li") //array containing the LI elements within UL

for (var x=0; x<ulist.length; x++){ //loop through each LI element

var ulistlink=ulist[x].getElementsByTagName("a")[0]

if (ulistlink.getAttribute("rel")){

var modifiedurl=ulistlink.getAttribute("href").replace(/^http:\/\/[^\/]+\//i, "http://"+window.location.hostname+"/")

ulistlink.setAttribute("href", modifiedurl) //replace URL's root domain with dynamic root domain, for ajax security sake

savedefaultcontent(ulistlink.getAttribute("rel")) //save default ajax tab content

ulistlink.onclick=function(){

ajaxpage(this.getAttribute("href"), this.getAttribute("rel"), this)

loadobjs(this.getAttribute("rev"))

return false

}

if (ulist[x].className=="selected"){

ajaxpage(ulistlink.getAttribute("href"), ulistlink.getAttribute("rel"), ulistlink) //auto load currenly selected tab content

loadobjs(ulistlink.getAttribute("rev")) //auto load any accompanying .js and .css files

}

}

}

}

}