$(document).ready(function(){
 $(".orange #portover").hide();   
 $(".orange").hover(  
 function() {  
$(".orange #portover").fadeIn(250);  
 },  
function() {  
$(".orange #portover").fadeOut(150);  
});  
});  

$(document).ready(function(){
 $(".green #portover:first").hide();   
 $(".green").hover(  
 function() {  
$(".green #portover:first").fadeIn(250);  
 },  
function() {  
$(".green #portover:first").fadeOut(150);  
});  
});  

$(document).ready(function(){
 $(".lightblue #portover:first").hide();   
 $(".lightblue").hover(  
 function() {  
$(".lightblue #portover:first").fadeIn(250);  
 },  
function() {  
$(".lightblue #portover:first").fadeOut(150);  
});  
});  

$(document).ready(function(){
 $(".gold #portover:first").hide();   
 $(".gold").hover(  
 function() {  
$(".gold  #portover:first").fadeIn(250);  
 },  
function() {  
$(".gold #portover:first").fadeOut(150);  
});  
}); 

$(document).ready(function(){
 $(".blue #portover:first").hide();   
 $(".blue").hover(  
 function() {  
$(".blue  #portover:first").fadeIn(250);  
 },  
function() {  
$(".blue #portover:first").fadeOut(150);  
});  
}); 

$(document).ready(function(){
 $(".red #portover:first").hide();   
 $(".red").hover(  
 function() {  
$(".red  #portover:first").fadeIn(250);  
 },  
function() {  
$(".red #portover:first").fadeOut(150);  
});  
}); 

$(document).ready(function(){
 $(".purple #portover:first").hide();   
 $(".purple").hover(  
 function() {  
$(".purple  #portover:first").fadeIn(250);  
 },  
function() {  
$(".purple #portover:first").fadeOut(150);  
});  
}); 

$(document).ready(function(){
 $(".aqua #portover:first").hide();   
 $(".aqua").hover(  
 function() {  
$(".aqua  #portover:first").fadeIn(250);  
 },  
function() {  
$(".aqua #portover:first").fadeOut(150);  
});  
}); 

$(document).ready(function(){
 $(".pink #portover:first").hide();   
 $(".pink").hover(  
 function() {  
$(".pink  #portover:first").fadeIn(250);  
 },  
function() {  
$(".pink #portover:first").fadeOut(150);  
});  
});