// If your presentation is longer than 200 slides,
// you could change the array size below.
filename = new Array(200);

first_slide = 0;
last_slide = 0;
current_slide = 1;
slides_inserted = 0;
slides_deleted = 0;
show_slide_filename = 0;


/* function AddSlide adds a slide to the presentation at the end.      */
/*                                                                     */
/* parameter name is the name of the file, without the .htm extension. */

function AddSlide(name)
{
	last_slide++;
	if(name == null) name = last_slide-slides_inserted+slides_deleted;
	else {
		slides_inserted++;
	}
	filename[last_slide] = name + ".htm";
}


// DON'T EDIT ANY OF THE TEXT ABOVE THIS LINE!!!
// It's source code you don't need to touch and should not touch.
//
// To add, delete, and reorder slides, 
// just add, delete, and reorder the AddSlide("FILENAME")
// entries below.  Each name in double quotes is the name
// of an HTML file in this presentation directory.
//
// If you want to include an HTML file which is in a subdirectory,
// separate the subdirectory name and the HTML file name with a
// forward slash like this: AddSlide("DIRECTORYNAME/FILENAME")
// (This works fine across platforms, even on Windows.) 
//
// Within the quotes, don't include an extension like .htm or .html.
// This application automatically adds .htm to the name when it
// looks in the directory for the file.  In the directory, the
// HTML file *must* have the three letter extension .htm.


// include joke page referring to MS's slogan for IE?
var includeMSjoke = false

// version to put on the WWW
var online  = true

// display URLs for people to write down
var showURLs = true

// Running online as Visual Tutorial with explanatory text.
var tutorialMode = true



// Keep these first three slides (Logopage, Title, S_agenda)
// in your presentation so we have a standard look and feel.
// (Edit the contents of the Title and S_agenda slide.)

if (!online) { AddSlide("logopage"); }

// Add *either* the tutorial title page or the presentation
// title page, depending on whether we're running in tutorialMode.
if (tutorialMode) { AddSlide("titletut"); }
else if (online) { AddSlide("titleonl"); }
else { AddSlide("title"); }	// title slide

if (tutorialMode || online ) { AddSlide("howto"); }
if (tutorialMode) { AddSlide("howtotu2"); }
else if (online) { AddSlide("howto2"); }

AddSlide("D_agenda");

AddSlide("D_agend1");


AddSlide("J_whatdo");
if (tutorialMode) { AddSlide("JTwhatdo"); }

if (tutorialMode) { 
  AddSlide("J_benef")
  AddSlide("JTbenef1")
  AddSlide("JTbenef2")
  AddSlide("JTbenef3")
  AddSlide("JTbenef4")
  AddSlide("JTbenef5")
}
else { AddSlide("J_benef") 
       AddSlide("J_benef2")
} 

if (tutorialMode) { AddSlide("JTwhatCS"); }
else { AddSlide("J_whatCS"); }


AddSlide("U_CS1onl")

// SLIDES COPIED FROM EURODHTM ON CSSP
if (tutorialMode) { AddSlide("PTwhatP"); }
else { AddSlide("P_whatP"); }

AddSlide("U_CSPonl")


AddSlide("J_whyJS");
AddSlide("J_whyJS2");

AddSlide("D_agend2");


AddSlide("J_agenda");

AddSlide("CTnewta0");
if (tutorialMode) { 
    AddSlide("CTnewta1")
    AddSlide("CTnewta2")
    AddSlide("CTnewta3")
}

if (tutorialMode) { AddSlide("JTdefn_a") }

AddSlide("J_newjso");

if (tutorialMode) { 
    AddSlide("J_newse1");
    AddSlide("J_newse2");
    AddSlide("J_newse3");
}
else AddSlide("J_newsel");  // note: that's an l (L)

if (tutorialMode) { 
    AddSlide("J_conse1");  // note: that's a 1 (one)
    AddSlide("J_conse2");
}
else AddSlide("J_consel");


if (tutorialMode) { 
    AddSlide("J_newpr1");
}
else AddSlide("J_newprp");


if (tutorialMode) { AddSlide("JTwhere1"); }
AddSlide("J_where");
AddSlide("J_wherea");
AddSlide("J_where2");
AddSlide("J_where1");
AddSlide("J_wherec");
AddSlide("J_scrsty");
AddSlide("J_scrst2");
AddSlide("J_where3");

if (tutorialMode) { AddSlide("CTunit1"); }
AddSlide("J_units");
AddSlide("C_units2");
AddSlide("J_counit");
AddSlide("J_couni2");
AddSlide("J_coment");

if (tutorialMode) { AddSlide("CTblock"); }
AddSlide("J_block");
//AddSlide("J_block2"); ////
AddSlide("GrMargin");
AddSlide("J_layout");
AddSlide("J_lay2");
AddSlide("J_margns"); ////* 
AddSlide("J_marga4");
AddSlide("J_padprp"); ////* 
AddSlide("J_pading"); ////* 
AddSlide("J_pada4"); ////* 
AddSlide("J_borda"); ////* 
AddSlide("J_border"); ////* 
AddSlide("J_borda4");
AddSlide("J_bordst");
AddSlide("J_bordco");
AddSlide("J_bord3")
AddSlide("J_bord3a")
AddSlide("J_bord4")
AddSlide("J_bord4a")
//// LATER, ADD IN JS ACCESSIBILITY DEMOS OF CSS BORDER TYPES



AddSlide("J_color");

AddSlide("J_with"); //// 

AddSlide("J_class");
AddSlide("J_class2");
AddSlide("J_ids");
AddSlide("J_idsa");
AddSlide("J_ids2");

AddSlide("J_div");
AddSlide("J_span");

AddSlide("J_fontS");
AddSlide("J_fontW");

if (tutorialMode) { 
  AddSlide("JTfntSA1") 
  AddSlide("JTfntSA2") }
else { AddSlide("J_fntSzA") }

AddSlide("J_fntSzR");

AddSlide("J_fontFm");
AddSlide("J_decor");
AddSlide("J_xform");
AddSlide("J_align");
AddSlide("J_indent");
AddSlide("J_listST");
AddSlide("J_listUL");
AddSlide("J_listOL");

if (tutorialMode) { 
  AddSlide("CTcascd"); 
  AddSlide("CTcascd2"); 
  AddSlide("CTcascd3"); 
  AddSlide("CTcascd4"); 
}
AddSlide("C_cascda")
AddSlide("C_cascdb")
AddSlide("C_cascdc")

AddSlide("J_cssjss")

AddSlide("J_DevEx1");
AddSlide("J_DevCo1");
AddSlide("J_DevCo2");
AddSlide("J_DevCo3");
AddSlide("J_DevCo4");
AddSlide("J_DevAd1");

if (includeMSjoke) {
AddSlide("J_DevAd2");
}

AddSlide("J_summ");

AddSlide("D_agend3");


AddSlide("L_syntax");
AddSlide("L_JSeqCS");
AddSlide("L_JSeqC2");
AddSlide("L_prop");
AddSlide("L_Laypos");
AddSlide("L_prop1");
AddSlide("L_hddemo");
AddSlide("L_prop2");
AddSlide("L_prop3");
AddSlide("L_Laydst");
AddSlide("L_methxy");
AddSlide("L_Laymv");
AddSlide("L_methz")
AddSlide("L_Layzmv");
AddSlide("L_meth2");
AddSlide("L_layjs2");

AddSlide("J_summ2")

if (showURLs) {
AddSlide("J_SCURL");
AddSlide("J_SCURL2");
AddSlide("J_SCURL3") //

}

// Keep this last slide (logopage) in your presentation 
// so every presentation ends with the logo.

AddSlide("logopage");	//