// I need a function that allows the user to cycle
// through a series of pictures by clicking on the
// picture that is currently displayed.

// The pictures are called
//     bridge1256x192.JPG
//     bridge2256x192.JPG
//     . . .
//     bridge9256x192.JPG

// Define and initialize a variable: var bridgeNumber = 0;
// Increment the variable by 1: bridgeNumber = bridgeNumber + 1
// if(bridgeNumber == 10) 
//     bridgeNumber = 1;
// document.getElementById("bridgeImg").scr = "images/bridge" + var + "256x192.JPG";


var bridgeNumber = 3;
// The 3rd image is the preferred one the pages loads with that one displayed.


function incrementBridge() {
    bridgeNumber = bridgeNumber + 1;
    if(bridgeNumber == 10)
       bridgeNumber = 1;
    var bridgeJPG = "images/bridge" + String(bridgeNumber) + "256x192.JPG";
      document.getElementById("bridgeImg2").src = bridgeJPG;
}


// We should load all the bridge images first.
function getBridgeImages() {
    (new Image()).src="images/bridge1256x192.JPG";
    (new Image()).src="images/bridge2256x192.JPG";
    (new Image()).src="images/bridge3256x192.JPG";
    (new Image()).src="images/bridge4256x192.JPG";
    (new Image()).src="images/bridge5256x192.JPG";
    (new Image()).src="images/bridge6256x192.JPG";
    (new Image()).src="images/bridge7256x192.JPG";
    (new Image()).src="images/bridge8256x192.JPG";
    (new Image()).src="images/bridge9256x192.JPG";
}

// Now do exactly the same thing for the 2009 bridge pictures.

var NewbridgeNumber = 5;
// The 5th image is the preferred one the pages loads with that one displayed.


function NewincrementBridge() {
    NewbridgeNumber = NewbridgeNumber + 1;
    if(NewbridgeNumber == 7)
       NewbridgeNumber = 1;
    var NewbridgeJPG = "images/2009bridge" + String(NewbridgeNumber) + "256x192.JPG";
      document.getElementById("NewbridgeImg2").src = NewbridgeJPG;
}


// We should load all the bridge images first.
function getNewBridgeImages() {
    (new Image()).src="images/2009bridge1256x192.JPG";
    (new Image()).src="images/2009bridge2256x192.JPG";
    (new Image()).src="images/2009bridge3256x192.JPG";
    (new Image()).src="images/2009bridge4256x192.JPG";
    (new Image()).src="images/2009bridge5256x192.JPG";
    (new Image()).src="images/2009bridge6256x192.JPG";
}


var yogaNumber = 4;
// The 4th image is the preferred one the pages loads with that one displayed.


function incrementYoga() {
    yogaNumber = yogaNumber + 1;
    if(yogaNumber == 5)
       yogaNumber = 1;
    var yogaJPG = "images/yoga" + String(yogaNumber) + ".jpg";
      document.getElementById("yogaImg2").src = yogaJPG;
}

function getYogaImages()  {
    (new Image()).src="images/yoga1.jpg";
    (new Image()).src="images/yoga2.jpg";
    (new Image()).src="images/yoga3.jpg";
    (new Image()).src="images/yoga4.jpg";
}


var sculptureNumber = 1;
// The 1st image is the preferred one the pages loads with that one displayed.


function incrementSculpture() {
    sculptureNumber = sculptureNumber + 1;
    if(sculptureNumber == 4)
       sculptureNumber = 1;
    var sculptureJPG = "images/sculpture" + String(sculptureNumber) + "256x192" + ".JPG";
      document.getElementById("Sculpture").src = sculptureJPG;
}

function getSculptureImages()  {
    (new Image()).src="images/sculpture1256x192.JPG";
    (new Image()).src="images/sculpture2256x192.JPG";
    (new Image()).src="images/sculpture3256x192.JPG";
}


var glassesNumber = 1;
// The 1st image is the preferred one the pages loads with that one displayed.


function incrementGlasses() {
    glassesNumber = glassesNumber + 1;
    if(glassesNumber == 5)
       glassesNumber = 1;
    var glassesJPG = "images/glasses" + String(glassesNumber) + "256x192" + ".jpg";
      document.getElementById("Glasses").src = glassesJPG;
}

function getGlassesImages()  {
    (new Image()).src="images/glasses1256x192.jpg";
    (new Image()).src="images/glasses2256x192.jpg";
    (new Image()).src="images/glasses3256x192.jpg";
}





// One set takes care of FireFox and Safari
// The other set takes care of Explorer
function setVisible() {
     var allcookies=document.cookie;
	 var pos = allcookies.indexOf('logged_on=');
       if (pos != -1) 
            {                 
            var myElementLogon = document.getElementById('logon');
//            var myElementAddress = document.getElementById('addresses');
//            var myElementCalendar = document.getElementById('calendar');
//            var myElementSurvey = document.getElementById('survey');
            var myElementLogoff = document.getElementById('logoff');            
            
            myElementLogon.setAttribute('style', 'visibility:hidden;');            
//            myElementAddress.setAttribute('style', 'visibility:visible;');
//            myElementCalendar.setAttribute('style', 'visibility:visible;');
//            myElementSurvey.setAttribute('style', 'visibility:visible;');
            myElementLogoff.setAttribute('style', 'visibility:visible;');            
            
            myElementLogon.style.setAttribute('visibility', 'hidden');
//            myElementAddress.style.setAttribute('visibility', 'visible');
//            myElementCalendar.style.setAttribute('visibility', 'visible');
//            myElementSurvey.style.setAttribute('visibility', 'visible');
            myElementLogoff.style.setAttribute('visibility', 'visible');
            }
}             

function readCookie() {
	var nameEQ = "logged_on=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) alert('logged_on = ' + c.substring(nameEQ.length,c.length));
	}
	alert('no more cookies');
}

function readCookie2() {
	var nameEQ = "status=";
	var ca = document.cookie.split(';');
	for(var i=0;i < ca.length;i++) {
		var c = ca[i];
		while (c.charAt(0)==' ') c = c.substring(1,c.length);
		if (c.indexOf(nameEQ) == 0) alert('logged_on = ' + c.substring(nameEQ.length,c.length));
	}
	alert('no more cookies');
}

function readCookie3(cookieName) {
 var theCookie=""+document.cookie;
 var ind=theCookie.indexOf(cookieName);
 if (ind==-1 || cookieName=="") return ""; 
 var ind1=theCookie.indexOf(';',ind);
 if (ind1==-1) ind1=theCookie.length; 
 return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
}