<%= image_tag("colors/brown_up.png", :onMouseOver => "javascript:showLayout('2');", :onMouseout => "javascript:hideLayout('2');", :alt =>"", :border=>"0",
                :onclick => "javascript:changeLayout('2');") %>
              </li>
              <li>
              <%= image_tag("colors/green_up.png", :onMouseOver => "javascript:showLayout('3');", :onMouseout => "javascript:hideLayout('3');", :alt =>"", :border=>"0",
                :onclick => "javascript:changeLayout('3');") %>
              </li>
              <li>
              <%= image_tag("colors/purple_up.png", :onMouseOver => "javascript:showLayout('4');", :onMouseout => "javascript:hideLayout('4');", :alt =>"", :border=>"0",
                :onclick => "javascript:changeLayout('4');") %>
              </li>
              <li>
              <%= image_tag("colors/metal.png", :onMouseOver => "javascript:showLayout('5');", :onMouseout => "javascript:hideLayout('5');", :alt =>"", :border=>"0",
                :onclick => "javascript:changeLayout('5');") %>
              </li>
              <li>
              <%= image_tag("colors/orange_up.png", :onMouseOver => "javascript:showLayout('6');", :onMouseout => "javascript:hideLayout('6');", :alt =>"", :border=>"0",
                :onclick => "javascript:changeLayout('6');") %>


if (page==1) {   //check the current page from the second argument to highlight the button
          document.images["Home"].src ="images/"+activeBut_folderPath+"/home_over.png";
        }
        else{
          document.images["Home"].src ="images/"+option+"/home_up.png";
        }
        if (page==2){
          document.images["Analytics"].src ="images/"+activeBut_folderPath+"/analytics_over.png";
        }
        else{
          document.images["Analytics"].src ="images/"+option+"/analytics_up.png";
        }
        if (page==3){
          document.images["Research"].src ="images/"+activeBut_folderPath+"/research_over.png";
        }
        else{
          document.images["Research"].src ="images/"+option+"/research_up.png";
        }
        if (page==4){
          document.images["History"].src ="images/"+activeBut_folderPath+"/history_over.png";
        }
        else{
          document.images["History"].src ="images/"+option+"/history_up.png";
        }
        if (page==5){
          document.images["Portfolio"].src ="images/"+activeBut_folderPath+"/portfolio_over.png";
        }
        else{
          document.images["Portfolio"].src ="images/"+option+"/portfolio_up.png";
        }
        if (page==6){
          document.images["Markets"].src ="images/"+activeBut_folderPath+"/markets_over.png";
        }
        else{
          document.images["Markets"].src ="images/"+option+"/markets_up.png";
        }
        if (page==7){
          document.images["Advanced"].src ="/images/"+activeBut_folderPath+"/advanced_over.png";

        }
        else{
          document.images["Advanced"].src ="/images/"+option+"/advanced_up.png";
        }