$(document).ready(function(){
    var newPhoto01 = new Image();
    var newPhoto02 = new Image();
    var newPhoto03 = new Image();
    var newPhoto04 = new Image();
    var newPhoto05 = new Image();
    var newPhoto06 = new Image();
    var newPhoto07 = new Image();
    
    newPhoto01.src = 'images/button2.jpg';
    newPhoto02.src = 'images/button4.jpg';
    newPhoto03.src = 'images/portfolio/smallthumbnail01_1.jpg';
    newPhoto04.src = 'images/portfolio/smallthumbnail02_1.jpg';
    newPhoto05.src = 'images/portfolio/smallthumbnail03_1.jpg';
    newPhoto06.src = 'images/portfolio/smallthumbnail04_1.jpg';
    newPhoto07.src = 'images/MPA-Logo_1.jpg';

    $('#button1').mouseover(function() {
      $(this).attr('src', newPhoto01.src);
    });

    $('#button1').mouseout(function() {
      $(this).attr('src', 'images/button1.jpg');
    });

    $('#button2').mouseover(function() {
      $(this).attr('src', newPhoto02.src);
    });

    $('#button2').mouseout(function() {
      $(this).attr('src', 'images/button3.jpg');
    });

    $('#folio01').mouseover(function() {
      $(this).attr('src', newPhoto03.src);
    });

    $('#folio01').mouseout(function() {
      $(this).attr('src', 'images/portfolio/smallthumbnail01.jpg');
    });

    $('#folio02').mouseover(function() {
      $(this).attr('src', newPhoto04.src);
    });

    $('#folio02').mouseout(function() {
      $(this).attr('src', 'images/portfolio/smallthumbnail02.jpg');
    });

    $('#folio03').mouseover(function() {
      $(this).attr('src', newPhoto05.src);
    });

    $('#folio03').mouseout(function() {
      $(this).attr('src', 'images/portfolio/smallthumbnail03.jpg');
    });

    $('#folio04').mouseover(function() {
      $(this).attr('src', newPhoto06.src);
    });

    $('#folio04').mouseout(function() {
      $(this).attr('src', 'images/portfolio/smallthumbnail04.jpg');
    });

    $('#idmpa').mouseover(function() {
      $(this).attr('src', newPhoto07.src);
    });

    $('#idmpa').mouseout(function() {
      $(this).attr('src', 'images/MPA-Logo.jpg');
    });

 });
/* Helper CSS Express Drop-Down Menu IE6 and lower only  which does not support :hover on <li>*/
function ExpressMenu(){ //v1.1.0.2 by PVII-www.projectseven.com
 /*@cc_on @if (@_jscript_version <= 5.6)
 var i,k,g,lg,r=/\s*hvr/,nn='',c,cs='hvr',bv='menubar';
 for(i=0;i<10;i++){g=document.getElementById(bv+nn);if(g){
 lg=g.getElementsByTagName("LI");if(lg){for(k=0;k<lg.length;k++){
 lg[k].onmouseover=function(){c=this.className;cl=(c)?c+' '+cs:cs;
 this.className=cl;};lg[k].onmouseout=function(){c=this.className;
 this.className=(c)?c.replace(r,''):'';};}}}nn=i+1;}
 /*@end @*/
}
/* Function takes an array of div Id's */
function setDivHeights(sArray){
  var arrayDivID = [];

  var iMaxDivHeight = 0;
  var strDivHeight = '';
  var strPaddingTop, strPaddingBottom = '';
  var iPaddingTop, iPaddingBottom = 0;
  
  var i1 = 0;
  for (i1 = 0; i1 < sArray.length; i1++)
       arrayDivID[i1] = sArray[i1];
  /* First find tallest div in array */  
  for (i1 = 0; i1 < sArray.length; i1++){
       if (iMaxDivHeight < document.getElementById(arrayDivID[i1]).offsetHeight)
           iMaxDivHeight = document.getElementById(arrayDivID[i1]).offsetHeight;
      }
      
  for (i1 = 0; i1 < sArray.length; i1++){
       strPaddingTop = strPaddingBottom = '';
       iPaddingTop = iPaddingBotton = 0;
       
        /* The recovered height includes padding get this. This assumes both divs have the same padding */
       if (document.getElementById(arrayDivID[i1]).offsetHeight < iMaxDivHeight){
           /* Firefox does not use currentStyle it uses getComputedStyle, Opera uses both */
           if (document.defaultView && document.defaultView.getComputedStyle){
               strPaddingTop = document.defaultView.getComputedStyle(document.getElementById(arrayDivID[i1]),null).paddingTop;
               strPaddingBottom = document.defaultView.getComputedStyle(document.getElementById(arrayDivID[i1]),null).paddingBottom;
           }
           else{
                /* Opera uses both so would do above, IE and Safari uses this */
                strPaddingTop = document.getElementById(arrayDivID[i1]).currentStyle.paddingTop;
                strPaddingBottom = document.getElementById(arrayDivID[i1]).currentStyle.paddingBottom;
           }
           /* Extract padding from height of tallest div in array */
           iPaddingTop = parseInt(strPaddingTop);
           iPaddingBottom = parseInt(strPaddingBottom);
           iMaxDivHeight -= iPaddingTop;
           iMaxDivHeight -= iPaddingBottom;
           strDivHeight = iMaxDivHeight + 'px';
           document.getElementById(arrayDivID[i1]).style.height = strDivHeight;
          }       
       }
}
/* Function takes an array of div Id's */
function setDivWidths(sArray){
  var arrayDivID = [];

  var iMaxDivWidth = 0;
  var strDivWidth = '';
  var strPaddingRight, strPaddingLeft = '';
  var iPaddingRight, iPaddingLeft = 0;
  
  var i1 = 0;
  for (i1 = 0; i1 < sArray.length; i1++)
       arrayDivID[i1] = sArray[i1];
  
  /* First find widest div in array */  
  for (i1 = 0; i1 < sArray.length; i1++){
       if (iMaxDivWidth < document.getElementById(arrayDivID[i1]).offsetWidth)
           iMaxDivWidth = document.getElementById(arrayDivID[i1]).offsetWidth;
      }
      
  for (i1 = 0; i1 < sArray.length; i1++){
       strPaddingRight = strPaddingLeft = '';
       iPaddingRight = iPaddingBotton = 0;
       
       /* The recovered width includes padding get this. This assumes both divs have the same padding */
       if (document.getElementById(arrayDivID[i1]).offsetWidth < iMaxDivWidth){
           /* Firefox does not use currentStyle it uses getComputedStyle, Opera uses both */
           if (document.defaultView && document.defaultView.getComputedStyle){
               strPaddingRight = document.defaultView.getComputedStyle(document.getElementById(arrayDivID[i1]),null).paddingRight;
               strPaddingLeft = document.defaultView.getComputedStyle(document.getElementById(arrayDivID[i1]),null).paddingLeft;
           }
           else{
                /* Opera uses both so would do above, IE and Safari uses this */
                strPaddingRight = document.getElementById(arrayDivID[i1]).currentStyle.paddingRight;
                strPaddingLeft = document.getElementById(arrayDivID[i1]).currentStyle.paddingLeft;
           }
           /* Extract padding from width of widest div in array */
           iPaddingRight = parseInt(strPaddingRight);
           iPaddingLeft = parseInt(strPaddingLeft);
           iMaxDivWidth -= iPaddingRight;
           iMaxDivWidth -= iPaddingLeft;
           strDivWidth = iMaxDivWidth + 'px';
           document.getElementById(arrayDivID[i1]).style.height = strDivWidth;
          }       
       }
}

// Remove all errors on page within parentTag
function rmv_err_elements(parentTag){
    // alert("Removing errors");
    // Recover hidden error id's table from form
    var strErrorTable = document.getElementById("iderrtbl").value;
    // Create aray for id's
    var arrayErrors = new Array();
    if (strErrorTable)
        arrayErrors = strErrorTable.split(' ');
     // alert("arrayErrors = " + arrayErrors + "     errorTable = " + document.getElementById("iderrtbl").value);
    // If we have displayed any errors remove them from div
    if (arrayErrors.length){
        var i1 = 0;
        var objRemoveNode;
        for (i1 = arrayErrors.length; i1 > 0; i1--){
             // alert("Error " + arrayErrors[i1-1]);
             objRemoveNode = document.getElementById(arrayErrors[i1-1]);
             document.getElementById(parentTag).removeChild(objRemoveNode);
        }
     document.getElementById("iderrtbl").value = '';
    }
    // alert("arrayErrors = " + arrayErrors + "     errorTable = " + document.getElementById("iderrtbl").value);
}
// Remove specific error on page (errNode) within parentTag
function rmv_err_element(parentTag, errNode){
    // alert("Remove node  " + errNode);
    var objErrNode = document.getElementById(errNode);
    
    // Remove error from div
    if (objErrNode){
       document.getElementById(parentTag).removeChild(objErrNode);
       // Recover hidden error id's table from form
       var strErrorTable = document.getElementById("iderrtbl").value;
       // Create aray for id's
       var arrayErrors = new Array();
       if (strErrorTable)
           arrayErrors = strErrorTable.split(' ');
       
       // alert("arrayErrors = " + arrayErrors + "     errorTable = " + document.getElementById("iderrtbl").value);
       if (arrayErrors.length){
           var i1 = 0;
           var i2 = 0;
           // zap page error table
           document.getElementById("iderrtbl").value = '';
           // If current error array element is NOT same as error removed from div copy back to page error table
           for (i1 = 0; i1 < arrayErrors.length; i1++){
                if (arrayErrors[i1] != errNode){
                    if (i2)
                        document.getElementById("iderrtbl").value += ' ';
                       
                    document.getElementById("iderrtbl").value += arrayErrors[i1];
                    i2++;
                   }
           }
         // alert("arrayErrors = " + arrayErrors + "     errorTable = " + document.getElementById("iderrtbl").value);
       }
    }
}