var arVersion = navigator.appVersion.split("MSIE");
var version = parseFloat(arVersion[1]);

function fixPNG(myImage) 
{
    if ((version >= 5.5) && (document.body.filters)) 
    {
       var imgID = (myImage.id) ? "id='" + myImage.id + "' " : ""
	   var imgClass = (myImage.className) ? "class='" + myImage.className + "' " : ""
	   var imgTitle = (myImage.title) ? 
		             "title='" + myImage.title  + "' " : "title='" + myImage.alt + "' "
	   var imgStyle = "display:inline-block;" + myImage.style.cssText
	   var strNewHTML = "<span " + imgID + imgClass + imgTitle
                  + " style=\"" + "width:" + myImage.width 
                  + "px; height:" + myImage.height 
                  + "px;" + imgStyle + ";"
                  + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
                  + "(src=\'" + myImage.src + "\', sizingMethod='scale');\"></span>"
	   myImage.outerHTML = strNewHTML	  
    }
}

//Automatically hides any notes after 30 seconds
new PeriodicalExecuter(function(pe) {
  	if (document.getElementById('note')) {
		new Effect.Fade('note');
   	 	pe.stop();
	}
	else {
		pe.stop();
	}
}, 30);

var pe;
var mediawall = { 
  startup: function() { 
    mwe = new PeriodicalExecuter(mediawall.cycle, 10) // change image every 5 seconds 
  }, 
  swap: function(imageid) { 
	  if (imageid != current_image) {
		//mwe.currentlyExecuting = 'true';
		new Effect.Fade('image_holder', { // the id of the <DIV> containing the photos 
		  duration: 0.5, 
		  afterFinish: function() { 
			current_image = imageid;
			new Ajax.Updater('image_holder','/components/com_mediawall.php?num='+current_image, { // URL for next <IMG> tag 
			  asynchronous: true, 
			  evalScripts:true,
			  onSuccess: function() { 
				new Effect.Appear('image_holder', {
				  duration: 0.5,
				  queue:'end'
				})
				if (mwe) {
					mwe.stop();
					mwe = new PeriodicalExecuter(mediawall.cycle, 60);
				}
			  } 
			}) 
		  } 
		}) 
	  }
  }, 
  cycle: function() { 
    new Effect.Fade('image_holder', { // the id of the <DIV> containing the photos 
      duration: 0.5, 
      afterFinish: function() { 
	  	current_image++;
		if (current_image >= max_thumbs)
			current_image = 0;
        new Ajax.Updater('image_holder','/components/com_mediawall.php?num='+current_image, { // URL for next <IMG> tag 
          asynchronous: true, 
		  evalScripts:true,
          onSuccess: function() { 
            new Effect.Appear('image_holder', {
              duration: 0.5,
              queue:'end'
            })
			mwe.stop();
			mwe = new PeriodicalExecuter(mediawall.cycle, 10)
          } 
        }) 
      } 
    }) 
  } ,
  highlight: function(imageid) { 
  	var elementList = document.getElementsByClassName("carousel-highlight");

	if (elementList[0]) {
		elementList[0].className = 'carousel-nohighlight';
	}
	
	document.getElementById('mw'+imageid).className = 'carousel-highlight';
  }
} 

function showAvailable (id) {
	 document.getElementById(id).innerHTML = '<img src="/images/lightwindow/loading.gif" border="0" alt="Loading" align="absmiddle"> Checking availability...';
	 Element.show(id);
	 new Ajax.Updater(id,'/ajax/availability.php?bib='+id,{  
		 asynchronous:true,
		 onComplete: function(){  
			 Element.hide(id);
			 Effect.SlideDown(id);  
			 Element.hide('show'+id);
			 Element.show('hide'+id);
		 }
	 });  
}

function hideAvailable (id) {
	 Effect.SlideUp(id); 
	 Element.hide('hide'+id);
	 Element.show('show'+id);
}

function selectOther (school){ 
	if (school == 'other' || school == 'Private')
	{
		document.getElementById('other').style.display = 'inline';
	}
	else
	{
		document.getElementById('other').style.display = 'none';
	}
}

function changeSchools (grade,school,container){ 
	if (!document.getElementById(school) || document.getElementById(school).selectedIndex == 0) {
		if (grade == '') {
			new Ajax.Updater(container,'/ajax/school_list.php?levels=all', { 
			  asynchronous: true, 
			  evalScripts:true
			}) 
		}
		else if  (grade == 'None')
		{
			 new Ajax.Updater(container,'/ajax/school_list.php?levels=4', { 
			  asynchronous: true, 
			  evalScripts:true
			}) 
		}
		else if  (grade == 'Preschool')
		{
			new Ajax.Updater(container,'/ajax/school_list.php?levels=4,5,6', { 
			  asynchronous: true, 
			  evalScripts:true
			}) 
		}
		else if  (grade == 'College')
		{
			new Ajax.Updater(container,'/ajax/school_list.php?levels=', { 
			  asynchronous: true, 
			  evalScripts:true
			}) 
		}
		else if (grade == 'Pre-Kindergarten' || grade == 'Kindergarten' ||(grade > 0 && grade <= 5))
		{ 
			new Ajax.Updater(container,'/ajax/school_list.php?levels=1,4,5,6', { 
			  asynchronous: true, 
			  evalScripts:true
			}) 
		}
		else if (grade > 5 && grade <= 8)
		{ 
			new Ajax.Updater(container,'/ajax/school_list.php?levels=2,4,6', { 
			  asynchronous: true, 
			  evalScripts:true
			}) 
		}
		else if (grade > 8 && grade <= 12)
		{ 
			new Ajax.Updater(container,'/ajax/school_list.php?levels=3,4,6', { 
			  asynchronous: true, 
			  evalScripts:true
			}) 
		}
	}
} 

function updateImage (divHolder, imageid) {
	new Effect.Fade(divHolder, { // the id of the <DIV> containing the photos 
      duration: 0.5, 
      afterFinish: function() { 
        new Ajax.Updater(divHolder,'/components/com_get_thumb.php?id='+imageid, { // URL for next <IMG> tag 
          asynchronous: true, 
		  evalScripts:true,
          onSuccess: function() { 
            new Effect.Appear(divHolder, {
              duration: 0.5,
              queue:'end'
            })
          } 
        }) 
      } 
    });
}

function swapImage (currentImage) {
	var imageSrc, ext;
	
	if (currentImage.getAttribute('src').indexOf('grey') != -1) {
		imageSrc = currentImage.getAttribute('src').replace('_grey','');
		currentImage.setAttribute('src',imageSrc);
	}
	else {
		imageSrc = currentImage.getAttribute('src');
		ext = imageSrc.substring(currentImage.getAttribute('src').indexOf('.',imageSrc.length - 4));
		imageSrc = imageSrc.substring(0,currentImage.getAttribute('src').indexOf('.',imageSrc.length - 4));
		imageSrc = imageSrc + '_grey' + ext;
		currentImage.setAttribute('src',imageSrc);
	}
}

function changePage (page) {
	var currentPage, newPage, activePage , total = 0;
	
	var divs = document.getElementsByTagName("div");
	for(var i=0; i < divs.length;i++)
	{
		if(String(divs.item(i).id).substring(0,4) == "page")
			total = total + 1;
	}
	
	
	for (var i=0; i<total; i++) {
		var element = document.getElementById("page"+i);
		if (element.style.display == "block")
			currentPage = i;
	}
	
	if (page == "next") {
		newPage = parseInt(currentPage) + 1;
		
		if (newPage >= total)
			newPage = 0;
		
		page = "page"+newPage;
	}
	else if (page == "prev") {
		newPage = parseInt(currentPage) - 1;
		
		if (newPage < 0)
			newPage = (total - 1);
		
		page = "page"+newPage;
	}
	
	
	for (var i=0; i<total; i++) {
		var element = document.getElementById("page"+i);
		var image = document.getElementById("circle"+i);
		element.style.display = (page == ("page"+i)) ? "block" : "none";
		image.setAttribute('src', ((page == ("page"+i)) ? "../images/circle_closed.png" : "../images/circle_open.png" ));
	}
	

	
	
}

function popUp(URL,width,height) {
day = new Date();
id = day.getTime();
eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=1,width=" + width + ",height=" + height + "');");
}

function MM_jumpMenu(targ,selObj,restore){ //v3.0
   eval(targ+".location='"+selObj.options[selObj.selectedIndex].value+"'");
   if (restore) selObj.selectedIndex=0;
}

function cancel(page) {
	window.location = page;
}

//Add Captions to Images
if(typeof window.addEventListener != 'undefined') {
   window.addEventListener('load', addCaptionsToImages, false);
}
else if(typeof document.addEventListener != 'undefined') {
   document.addEventListener('load', addCaptionsToImages, false);
}
else if(typeof window.attachEvent != 'undefined') {
   window.attachEvent('onload', addCaptionsToImages);
}

function addCaptionsToImages() {
	$$('img.captioned').each(function(img) {						
		var captionText = ( img.readAttribute('title')!=null ) ? img.readAttribute('title') : img.readAttribute('alt');
		if ( captionText!=null ) {
			var parent = img.parentNode;
			var frame = document.createElement('div');
			var captionFrame = document.createElement('div');
			var txt = document.createTextNode(captionText);
			var className = "";
			parent.insertBefore(frame, img);
			parent.removeChild(img);
			frame.appendChild(img);
			frame.appendChild(captionFrame);
			captionFrame.appendChild(txt);
			frame.style.width = img.getAttribute('width') + 'px';
			img.removeAttribute('align');
			if (document.all) {   // very basic browser detection
			  className = "className";
			} else {
			  className = "class";
			}
			//if (img.getAttribute('align') != null) {
			//	frame.style[sFloat] = img.getAttribute('align');
			//}
			frame.setAttribute(className, 'image_with_caption');
		}
	 });
}