﻿function dotNetObj(id,tag)
{
    if (!tag) tag = 'input';
        
    var arFld = document.getElementsByTagName(tag);
    var serverCtrlName = id.replace(/_/g,'$');
    var regExId = new RegExp(id+"$", "ig");

    for (var i = 0; i < arFld.length; i++)
    {
        if (arFld[i].id)
        {            
            if (arFld[i].id.match(regExId))
                return arFld[i];
        }
        else if (arFld[i].name)
        {
            (arFld[i].name == serverCtrlName)
                return arFld[i];
        }
    }
    
    return false;
}

function getDocObj(id)
{
    return document.getElementById(id);
}

function check_option(obj)
{
    /*This function checks if the right arrow is clicked. The id of the image are stored into an array and based on the name
      it is determined which arrow is clicked. For every right arrow clicked, the current "right arrow" is replaced by the "down arrow".
      Also when the right arrow is clicked the 'div' expands and it gets populated by the neccessary data. If a selection does not have
      four pictures, the last picture is replaced by the MWM emblem. -Erald Gjoni 03/26/2007-
    */
    var arDivs = ["churchimg","eduimg","foodimg","healthimg","lawimg","manuimg","resimg","officeimg","retailimg"]; //image id	
	var divid = obj.id;
    for (i=0; i<arDivs.length; i++)
    {
        if (arDivs[i] != divid)
        {
            document.getElementById(arDivs[i]+'div').style.display = 'none'; //div id
            document.getElementById(arDivs[i]).src = "images/arrow_right.gif";
        }
    }
	divid+="div";
	var divobj = document.getElementById(divid);
	var src1 = getDocObj('src1'); //first grey image
	var src2 = getDocObj('src2'); //second grey image
	var src3 = getDocObj('src3'); //third grey image
	var src4 = getDocObj('src4'); //fourth grey image
	     
	    switch(obj.id)
		{   
		    case "churchimg": //when clicked the data displayed and the 4 gray images displayed
		                   
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'>• Christ the King - Sioux Falls, SD<br /></a>"+
		                    "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'> • Eastside Lutheran - Sioux Falls, SD <br /></a>"+
		                    "<a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'> • Shalom - Sioux Falls, SD  <br /></a>"+
		                    "<a href = 'javascript:check(getDocObj(\"src4\"))' style='text-decoration:none'> • St. Thomas Moore - Brookings, SD</a>";
		                    src1.src = "images/thmb_bw_ChristKing.jpg";  
		                    src2.src = "images/thmb_bw_EastsideLuth.jpg";
		                    src3.src = "images/thmb_bw_shalom.jpg";
		                    src4.src = "images/thmb_bw_stthomas.jpg";
		                    break;
		                    
		                    
		    case "eduimg": //when clicked the data displayed and the 4 gray images displayed
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'>"+ 
		                    "• BVU Science - Storm Lake, IA </a> <br />" + "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'>• USD School of Medicine - Sioux Falls, SD</a> <br />"
		                    + "<a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'>• USF Stewart Center - Sioux Falls, SD</a>  <br />"
		                    + "<a href = 'javascript:check(getDocObj(\"src4\"))' style='text-decoration:none'> • Worthington Elementary - Wothington, MN </a>";
		                    src1.src = "images/thmb_bw_BVU.jpg";   
		                    src2.src = "images/thmb_bw_USD.jpg";
		                    src3.src = "images/thmb_bw_USF.jpg";
		                    src4.src = "images/thmb_bw_Prairie.jpg";
		                    break;
		                    
            case "foodimg": //when clicked the data displayed and the 4 gray images displayed
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'>• I-HOP - Sioux Falls, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'> • Applebees - Sioux Falls, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'> • McDonald's - Brookings, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src4\"))' style='text-decoration:none'> • Ruby Tuesday - Sioux Falls, SD</a>"; 
		                    src1.src = "images/Thmb_bw_Ihop.jpg";
		                    src2.src = "images/Thmb_bw_applebees.jpg";
		                    src3.src = "images/Thmb_bw_McDonalds.jpg";
		                    src4.src = "images/Thmb_bw_RubyTues.jpg";
		                    break;
            case "healthimg": //when clicked the data displayed and the 4 gray images displayed
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'>• Luverne Medical Center - Luverne, MN</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'> • Orange City Area Health System - Orange City, IA</a><br />"+
		                    " <a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'> • Sanford North Center - Sioux Falls, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src4\"))' style='text-decoration:none'> • Sanford Surgical Tower - Sioux Falls, SD</a>";
		                    src1.src = "images/Thmb_bw_luverne.jpg";
		                    src2.src = "images/Thmb_bw_orangecity.jpg";
		                    src3.src = "images/Thmb_bw_svh.jpg";
		                    src4.src = "images/Thmb_bw_SVHtower.jpg";
		                     break;
            case "lawimg": //when clicked the data displayed and the 4 gray images displayed
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'> • Prairie Justice - Worthington, MN</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'> • Rock County Courthouse - Luverne, MN</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'> • Rock County Law Enforcement - Luverne, MN</a>";
		                    src1.src = "images/Thmb_bw_PrairieJustice.jpg";
		                    src2.src = "images/Thmb_bw_RockCoCourthouse.jpg";
		                    src3.src = "images/Thmb_bw_RockCoLaw.jpg";
		                    src4.src = "images/Thumbnails_PortfolioFill.jpg";
		                     break;
		    case "manuimg": //when clicked the data displayed and the 4 gray images displayed
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'>• Larson Manufacturing - Brookings, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'> • Midwest Precision - Sioux Falls, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'> • Polaris - Sprit Lake, IA</a>";
		                    src1.src = "images/Thmb_bw_Larson.jpg";
		                    src2.src = "images/Thmb_bw_MWPrecision.jpg";
		                    src3.src = "images/Thmb_bw_Polaris.jpg";
		                    src4.src = "images/Thumbnails_PortfolioFill.jpg";
		                     break;
            case "resimg": //when clicked the data displayed and the 4 gray images displayed
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'>• Kings Point - Storm Lake, IA</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'> • The Beck - Cherokee, IA </a><br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'> • Wel Life - Spirit Lake, IA and Alta, IA </a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src4\"))' style='text-decoration:none'> • Inn in Westport - Sioux Falls, SD</a>";
		                    src1.src = "images/Thmb_bw_KingsPointe.jpg";
		                    src2.src = "images/Thmb_bw_TheBeck.jpg";
		                    src3.src = "images/Thmb_bw_WelLife.jpg";
		                    src4.src = "images/Thmb_bw_InnWestport.jpg";
		                     break;
            case "officeimg": //when clicked the data displayed and the 4 gray images displayed
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'>• Fey Industries - Edgerton, MN</a><br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'> • First Federal Bank - Sioux Falls, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'> • First National Bank - Sioux Falls, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src4\"))' style='text-decoration:none'> • Lodgenet - Sioux Falls, SD</a>";
		                    src1.src = "images/Thmb_bw_Fey.jpg";
		                    src2.src = "images/Thmb_bw_FirstFedSavingsBank.jpg";
		                    src3.src = "images/Thmb_bw_FirstNationalBank.jpg";
		                    src4.src = "images/Thmb_bw_Lodgenet.jpg";
		                     break;
            case "retailimg": //when clicked the data displayed and the 4 gray images displayed
		                    divobj.innerHTML = "<a href = 'javascript:check(getDocObj(\"src1\"))' style='text-decoration:none'>• Sunshine Foods - Sioux Falls, SD</a><br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src2\"))' style='text-decoration:none'> • Wal Mart - Sioux Falls, SD</a> <br />"+
		                    "<a href = 'javascript:check(getDocObj(\"src3\"))' style='text-decoration:none'> • Waterfall Plaza - Sioux Falls, SD</a>";
		                    src1.src = "images/Thmb_bw_Sunshine.jpg";
		                    src2.src = "images/Thmb_bw_WalMart.jpg";
		                    src3.src = "images/Thmb_bw_Waterfall.jpg";
		                    src4.src = "images/Thumbnails_PortfolioFill.jpg";
		                     break;
            default:             
		
		}
		if (divobj.style.display == 'block') //after right arrow clicked, if there is any open categories, close them all and turn the image to 'right arrow'
		{
		    divobj.style.display = 'none';
		    obj.src = "images/arrow_right.gif";
		}
		else //if category closed, open only the one that is clicked, and change the image to 'down arrow'
		{
		    divobj.style.display = 'block';
		    obj.src = "images/arrow_down.gif";
		}
}
    
function check(obj)
{
    /*
        Checks which one of the four right picture is clicked and switch the label above the big picture with the proper description
    */
    var picobj = document.getElementById('imgBig');
    var lab1 = dotNetObj('name_lbl','span'); //Label for the name of the object in the picture
    var lab2 = dotNetObj('State_lbl','span'); //Label for the address of the object in the picture
    var arImgPath = obj.src.split('/');
    var imgPath = arImgPath[arImgPath.length-2] + '/' + arImgPath[arImgPath.length-1];
    var imgPath = imgPath.replace('_bw_', '_clr_');

    switch(imgPath)
    {
            case "images/thmb_clr_ChristKing.jpg":
	                picobj.src = "images/church_ChristtheKing.gif";
	                lab1.innerHTML = "CHRIST THE KING CHURCH";
	                lab2.innerHTML = "Sioux Falls, South Dakota";
	                break;
        	    
	        case "images/thmb_clr_EastsideLuth.jpg":
	            picobj.src = "images/Church_EastsideLuth.jpg";
	                lab1.innerHTML = "EASTSIDE LUTHERAN";
	                lab2.innerHTML = "Sioux Falls, South Dakota";
	                break;
        	    
	        case "images/thmb_clr_shalom.jpg":
	            picobj.src = "images/Church_Shalom.jpg";
	                lab1.innerHTML = "SHALOM"
	                lab2.innerHTML = "Sioux Falls, South Dakota";
	                break;
        	    
	        case "images/thmb_clr_stthomas.jpg":
	            picobj.src = "images/Church_StThomas.jpg";
	                lab1.innerHTML = "ST.THOMAS MOORE";
	                lab2.innerHTML = "Brookings, South Dakota";
	                break;
	                
            case "images/thmb_clr_BVU.jpg":
                picobj.src = "images/Education_BVU.jpg";
                    lab1.innerHTML = "BVU SCIENCE";
                    lab2.innerHTML = "Storm Lake, Iowa";
                break;
            
            case "images/thmb_clr_USD.jpg":
                picobj.src = "images/Education_USD.jpg";
                    lab1.innerHTML = "USD SCHOOL OF MEDICINE";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
	             
            case "images/thmb_clr_USF.jpg":
                picobj.src = "images/Education_USF.jpg";
                    lab1.innerHTML = "USF STEWART CENTER";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
                
            case "images/thmb_clr_Prairie.jpg": 
                 picobj.src = "images/Education_PrarieElementary.jpg";
                    lab1.innerHTML = "WORTHINGTON ELEMENTARY";
                    lab2.innerHTML = "Worthington, Minnesota";
               break; 
                
            case "images/Thmb_clr_Ihop.jpg":
                    picobj.src = "images/FoodPrep_Ihop.jpg";
                    lab1.innerHTML = "IHOP";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
               break;
               
            case "images/Thmb_clr_applebees.jpg":
                    picobj.src = "images/FoodPrep_Applebeeds.jpg";
                    lab1.innerHTML = "APPLEBEES";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
               break;
               
            case "images/Thmb_clr_McDonalds.jpg":
                    picobj.src = "images/FoodPrep_Mcdonalds.jpg";
                    lab1.innerHTML = "McDONALD'S";
                    lab2.innerHTML = "Brookings, South Dakota";
               break;
               
            case "images/Thmb_clr_RubyTues.jpg":
                    picobj.src = "images/FoodPrep_RubyTuesday.jpg";
                    lab1.innerHTML = "RUBY TUESDAY";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
               break;
               
            case "images/Thmb_clr_luverne.jpg":
                    picobj.src = "images/Hospitals_Luverne.jpg";
                    lab1.innerHTML = "LUVERNE MEDICAL CENTER";
                    lab2.innerHTML = "Luverne, Minnesota";
               break;
               
            case "images/Thmb_clr_orangecity.jpg":
                    picobj.src = "images/Hospitals_OrangeCity.jpg";
                    lab1.innerHTML = "ORANGE CITY AREA HEALTH SYSTEM";
                    lab2.innerHTML = "Orange City, Iowa";
               break;
               
            case "images/Thmb_clr_svh.jpg":
                    picobj.src = "images/Hospitals_SVHNorthCenter.jpg";
                    lab1.innerHTML = "SANFORD NORTH CENTER";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
               break;
               
            case "images/Thmb_clr_SVHtower.jpg":
                    picobj.src = "images/Hospitals_SVHsurgical.jpg";
                    lab1.innerHTML = "SANFORD SURGICAL TOWER";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
               break;
               
            case "images/Thmb_clr_PrairieJustice.jpg":
                    picobj.src = "images/Law_PrairieJustice.jpg";
                    lab1.innerHTML = "PRAIRIE JUSTICE";
                    lab2.innerHTML = "Worthington, Minnesota";
               break;
               
            case "images/Thmb_clr_RockCoCourthouse.jpg":
                    picobj.src = "images/Law_RockCoCourthouse.jpg";
                    lab1.innerHTML = "ROCK COUNTY COURTHOUSE";
                    lab2.innerHTML = "Luverne, Minnesota";
               break;
               
            case "images/Thmb_clr_RockCoLaw.jpg":
                    picobj.src = "images/Law_RockCo.jpg";
                    lab1.innerHTML = "ROCK COUNTY LAW ENFORCEMENT";
                    lab2.innerHTML = "Luverne, Minnesota";
               break;
               
            case "images/Thmb_clr_Larson.jpg":
                    picobj.src = "images/Manufactur_Larson.jpg";
                    lab1.innerHTML = "LARSON MANUFACTURING";
                    lab2.innerHTML = "Brookings, South Dakota";
               break;
               
            case "images/Thmb_clr_MWPrecision.jpg":
	                picobj.src = "images/Manufacture_MWPrecision.jpg";
	                lab1.innerHTML = "MIDWEST PRECISION";
	                lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
            
            case "images/Thmb_clr_Polaris.jpg":
                    picobj.src = "images/Manufact_Polaris.jpg";
                    lab1.innerHTML = "POLARIS";
                    lab2.innerHTML = "Spirit Lake, Iowa";
                break;
                
            case "images/Thmb_clr_KingsPointe.jpg":
                    picobj.src = "images/MutliRes_KingsPoint.jpg";
                    lab1.innerHTML = "KINGS POINT";
                    lab2.innerHTML = "Storm Lake, Iowa";
                break;
                 
            case  "images/Thmb_clr_TheBeck.jpg":
                    picobj.src = "images/Multires_TheBeck.jpg";
                    lab1.innerHTML = "THE BECK";
                    lab2.innerHTML = "Cherokee, Iowa";
                break;
                
            case  "images/Thmb_clr_WelLife.jpg":
                    picobj.src = "images/MultiRes_WelLife.jpg";
                    lab1.innerHTML = "WEL LIFE";
                    lab2.innerHTML = "Spirti Lake, Iowa and Alta, Iowa";
                break;
                
            case "images/Thmb_clr_InnWestport.jpg":
                    picobj.src = "images/MultiRes_InnWestport.jpg";
                    lab1.innerHTML = "INN IN WESTPORT";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
                
            case "images/Thmb_clr_Fey.jpg":
                    picobj.src = "images/Offices_FeyIndustries.jpg";
                    lab1.innerHTML = "FEY INDUSTRIES";
                    lab2.innerHTML = "Edgerton, Minnesota";
                break;
                
            case "images/Thmb_clr_FirstFedSavingsBank.jpg":
                    picobj.src = "images/Offices_FirstFedSavingsBank.jpg";
                    lab1.innerHTML = "FIRST FEDERAL BANK";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
                
            case "images/Thmb_clr_FirstNationalBank.jpg":
                    picobj.src = "images/Offices_FirstNationalBank.jpg";
                    lab1.innerHTML = "FIRST NATIONAL BANK";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
            
            case  "images/Thmb_clr_Lodgenet.jpg":
                    picobj.src =  "images/Offices_Lodgenet.jpg";
                    lab1.innerHTML = "LODGENET";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
                
            case "images/Thmb_clr_Sunshine.jpg":
                    picobj.src = "images/Retail_Sunshine.jpg";
                    lab1.innerHTML = "SUNSHINE FOODS";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
                
            case "images/Thmb_clr_WalMart.jpg":
                    picobj.src = "images/Retail_WalMart.jpg";
                    lab1.innerHTML = "WALMART";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;
                
            case "images/Thmb_clr_Waterfall.jpg":
                    picobj.src = "images/Retail_WaterFall.jpg";
                    lab1.innerHTML = "WATERFALL PLAZA";
                    lab2.innerHTML = "Sioux Falls, South Dakota";
                break;

            default:
	 }	
}

function change(obj)
{
    //On mouse over any of the four grey pictures, the same grey picture turns into the same picture but colored.
    // takes http://localhost/midwestern/images/file.jpg to arImgPath['http:','localhost','midwestern','images','file.jpg'];
    
    var arImgPath = obj.src.split('/');
    var imgPath = arImgPath[arImgPath.length-2] + '/' + arImgPath[arImgPath.length-1];
    
    switch(imgPath)
    {
         case "images/thmb_bw_ChristKing.jpg":
            obj.src = "images/thmb_clr_ChristKing.jpg";
            
         break;
         
         case "images/thmb_bw_EastsideLuth.jpg":
            obj.src = "images/thmb_clr_EastsideLuth.jpg";
         break;
            
         case "images/thmb_bw_shalom.jpg":
            obj.src = "images/thmb_clr_shalom.jpg";
         break;
         
         case "images/thmb_bw_stthomas.jpg":
            obj.src = "images/thmb_clr_stthomas.jpg";
         break;
         
         case "images/thmb_bw_BVU.jpg":
            obj.src = "images/thmb_clr_BVU.jpg";
         break;
         
         case "images/thmb_bw_USD.jpg":
            obj.src = "images/thmb_clr_USD.jpg";
         break;
         
         case "images/thmb_bw_USF.jpg":
            obj.src = "images/thmb_clr_USF.jpg";
         break;
         
         case "images/thmb_bw_Prairie.jpg":
            obj.src = "images/thmb_clr_Prairie.jpg";
         break;
         
         case "images/Thmb_bw_Ihop.jpg":
            obj.src = "images/Thmb_clr_Ihop.jpg";
         break;
         
         case  "images/Thmb_bw_applebees.jpg":
            obj.src = "images/Thmb_clr_applebees.jpg";
         break;
         
         case "images/Thmb_bw_McDonalds.jpg":
            obj.src = "images/Thmb_clr_McDonalds.jpg";
         break;
         
         case "images/Thmb_bw_RubyTues.jpg":
            obj.src = "images/Thmb_clr_RubyTues.jpg";
         break;
         
         case "images/Thmb_bw_luverne.jpg":
            obj.src = "images/Thmb_clr_luverne.jpg";
         break;
         
         case "images/Thmb_bw_orangecity.jpg":
           obj.src = "images/Thmb_clr_orangecity.jpg";
         break;
         
         case "images/Thmb_bw_svh.jpg":
            obj.src = "images/Thmb_clr_svh.jpg";
         break;
         
         case "images/Thmb_bw_SVHtower.jpg":
            obj.src = "images/Thmb_clr_SVHtower.jpg";
         break;
         
         case "images/Thmb_bw_PrairieJustice.jpg":
            obj.src = "images/Thmb_clr_PrairieJustice.jpg";
         break;
         
         case "images/Thmb_bw_RockCoCourthouse.jpg":
            obj.src = "images/Thmb_clr_RockCoCourthouse.jpg";
         break;
         
         case "images/Thmb_bw_RockCoLaw.jpg":
            obj.src = "images/Thmb_clr_RockCoLaw.jpg";
         break;
         
         case "images/Thmb_bw_Larson.jpg":
            obj.src = "images/Thmb_clr_Larson.jpg";
         break;
         
         case "images/Thmb_bw_MWPrecision.jpg":
            obj.src = "images/Thmb_clr_MWPrecision.jpg";
         break;
         
         case "images/Thmb_bw_Polaris.jpg":
            obj.src = "images/Thmb_clr_Polaris.jpg";
         break;
         
         case "images/Thmb_bw_KingsPointe.jpg":
            obj.src = "images/Thmb_clr_KingsPointe.jpg";
         break;
         
         case "images/Thmb_bw_TheBeck.jpg":
            obj.src = "images/Thmb_clr_TheBeck.jpg";
         break;
         
         case "images/Thmb_bw_WelLife.jpg":
            obj.src = "images/Thmb_clr_WelLife.jpg";
         break;
         
         case "images/Thmb_bw_InnWestport.jpg":
            obj.src = "images/Thmb_clr_InnWestport.jpg";
         break;
         
         case "images/Thmb_bw_Fey.jpg":
            obj.src = "images/Thmb_clr_Fey.jpg";
         break;
         
         case "images/Thmb_bw_FirstFedSavingsBank.jpg":
            obj.src = "images/Thmb_clr_FirstFedSavingsBank.jpg";
         break;
         
         case "images/Thmb_bw_FirstNationalBank.jpg":
            obj.src = "images/Thmb_clr_FirstNationalBank.jpg";
         break;
         
         case "images/Thmb_bw_Lodgenet.jpg":
            obj.src = "images/Thmb_clr_Lodgenet.jpg";
         break;
         
         case "images/Thmb_bw_Sunshine.jpg":
            obj.src = "images/Thmb_clr_Sunshine.jpg";
         break;
         
         case "images/Thmb_bw_WalMart.jpg":
            obj.src = "images/Thmb_clr_WalMart.jpg";
         break;
         
         case "images/Thmb_bw_Waterfall.jpg":
            obj.src = "images/Thmb_clr_Waterfall.jpg";
         break;
         
         
     default:
            
    }
    
}

function changeback(obj)
{

    var arImgPath = obj.src.split('/');
    var imgPath = arImgPath[arImgPath.length-2] + '/' + arImgPath[arImgPath.length-1];
    /*
        when the mouse leaves the one of the four colored picture to the right, the pictures will turn back to being black and white.
    */
    switch(imgPath)
    {
        case "images/thmb_clr_ChristKing.jpg":
            obj.src = "images/thmb_bw_ChristKing.jpg";
        break;
        
         case "images/thmb_clr_EastsideLuth.jpg":
            obj.src = "images/thmb_bw_EastsideLuth.jpg";
         break;
            
         case "images/thmb_clr_shalom.jpg":
            obj.src = "images/thmb_bw_shalom.jpg";
         break;
         
         case "images/thmb_clr_stthomas.jpg":
            obj.src = "images/thmb_bw_stthomas.jpg";
         break;
         
         case "images/thmb_clr_BVU.jpg":
            obj.src = "images/thmb_bw_BVU.jpg";
         break;
         
         case "images/thmb_clr_USD.jpg":
            obj.src = "images/thmb_bw_USD.jpg";
         break;
         
         case "images/thmb_clr_USF.jpg":
            obj.src = "images/thmb_bw_USF.jpg";
         break;
         
         case "images/thmb_clr_Prairie.jpg":
            obj.src = "images/thmb_bw_Prairie.jpg";
         break;
         
         case "images/Thmb_clr_Ihop.jpg":
            obj.src = "images/Thmb_bw_Ihop.jpg";
         break;
         
         case  "images/Thmb_clr_applebees.jpg":
            obj.src = "images/Thmb_bw_applebees.jpg";
         break;
         
         case "images/Thmb_clr_McDonalds.jpg":
            obj.src = "images/Thmb_bw_McDonalds.jpg";
         break;
         
         case "images/Thmb_clr_RubyTues.jpg":
            obj.src = "images/Thmb_bw_RubyTues.jpg";
         break;
         
         case "images/Thmb_clr_luverne.jpg":
            obj.src = "images/Thmb_bw_luverne.jpg";
         break;
         
         case "images/Thmb_clr_orangecity.jpg":
           obj.src = "images/Thmb_bw_orangecity.jpg";
         break;
         
         case "images/Thmb_clr_svh.jpg":
            obj.src = "images/Thmb_bw_svh.jpg";
         break;
         
         case "images/Thmb_clr_SVHtower.jpg":
            obj.src = "images/Thmb_bw_SVHtower.jpg";
         break;
         
         case "images/Thmb_clr_PrairieJustice.jpg":
            obj.src = "images/Thmb_bw_PrairieJustice.jpg";
         break;
         
         case "images/Thmb_clr_RockCoCourthouse.jpg":
            obj.src = "images/Thmb_bw_RockCoCourthouse.jpg";
         break;
         
         case "images/Thmb_clr_RockCoLaw.jpg":
            obj.src = "images/Thmb_bw_RockCoLaw.jpg";
         break;
         
         case "images/Thmb_clr_Larson.jpg":
            obj.src = "images/Thmb_bw_Larson.jpg";
         break;
         
         case "images/Thmb_clr_MWPrecision.jpg":
            obj.src = "images/Thmb_bw_MWPrecision.jpg";
         break;
         
         case "images/Thmb_clr_Polaris.jpg":
            obj.src = "images/Thmb_bw_Polaris.jpg";
         break;
         
         case "images/Thmb_clr_KingsPointe.jpg":
            obj.src = "images/Thmb_bw_KingsPointe.jpg";
         break;
         
         case "images/Thmb_clr_TheBeck.jpg":
            obj.src = "images/Thmb_bw_TheBeck.jpg";
         break;
         
         case "images/Thmb_clr_WelLife.jpg":
            obj.src = "images/Thmb_bw_WelLife.jpg";
         break;
         
         case "images/Thmb_clr_InnWestport.jpg":
            obj.src = "images/Thmb_bw_InnWestport.jpg";
         break;
         
         case "images/Thmb_clr_Fey.jpg":
            obj.src = "images/Thmb_bw_Fey.jpg";
         break;
         
         case "images/Thmb_clr_FirstFedSavingsBank.jpg":
            obj.src = "images/Thmb_bw_FirstFedSavingsBank.jpg";
         break;
         
         case "images/Thmb_clr_FirstNationalBank.jpg":
            obj.src = "images/Thmb_bw_FirstNationalBank.jpg";
         break;
         
         case "images/Thmb_clr_Lodgenet.jpg":
            obj.src = "images/Thmb_bw_Lodgenet.jpg";
         break;
         
         case "images/Thmb_clr_Sunshine.jpg":
            obj.src = "images/Thmb_bw_Sunshine.jpg";
         break;
         
         case "images/Thmb_clr_WalMart.jpg":
            obj.src = "images/Thmb_bw_WalMart.jpg";
         break;
         
         case "images/Thmb_clr_Waterfall.jpg":
            obj.src = "images/Thmb_bw_Waterfall.jpg";
         break;
        
        default:
            break;
                
    }

}


