/*main scripts*/
  $(document).ready(function(){
    
    // Using multiple unit types within one animation.

    $("#about").mouseover(function(){
      $("#go1").stop().animate({ 
        width: "66%",
        opacity: 0.8,
        marginLeft: "0in",
        borderWidth: "0px"
      }, 'fast' );
    });
    
     $("#about").mouseout(function(){
      $("#go1").stop().animate({ 
        width: "0%",
        opacity: 0.8,
        marginLeft: "0in",
        borderWidth: "0px"
      } , 'fast');
    });
//================================================

$("#products").mouseover(function(){
      $("#go2").stop().animate({ 
        width: "67%",
        opacity: 0.8,
        marginLeft: "0in",
        borderWidth: "0px"
      }, 'fast' );
    });
    
     $("#products").mouseout(function(){
      $("#go2").stop().animate({ 
        width: "0%",
        opacity: 0.8,
        marginLeft: "0in",
        borderWidth: "0px"
      } , 'fast');
    });

//=================================================

$("#colors").mouseover(function(){
      $("#go3").stop().animate({ 
        width: "67%",
        opacity: 0.8,
        marginLeft: "0in",
        borderWidth: "0px"
      }, 'fast' );
    });
    
     $("#colors").mouseout(function(){
      $("#go3").stop().animate({ 
        width: "0%",
        opacity: 0.8,
        marginLeft: "0in",
        borderWidth: "0px"
      } , 'fast');
    });

//=================================================
$("#contact").mouseover(function(){
      $("#go4").stop().animate({ 
        width: "67%",
        opacity: 0.8,
        marginLeft: "0in",
        borderWidth: "0px"
      }, 'fast' );
    });
    
     $("#contact").mouseout(function(){
      $("#go4").stop().animate({ 
        width: "0%",
        opacity: 0.8,
        marginLeft: "0in",
        borderWidth: "0px"
      } , 'fast');
    });

//=================================================
 });