// image preLoads
image1 = new Image();
image1.src = "/images/download-over.jpg";
image2 = new Image();
image2.src = "/images/first-over.gif";
image3 = new Image();
image3.src = "/images/last-over.gif";
image4 = new Image();
image4.src = "/images/solution-nav-over.png";
image5 = new Image();
image5.src = "/images/solution-nav-top-over.png";
image6 = new Image();
image6.src = "/images/solution-nav-bottom-over.png";




// apply drop shadow    
$(document).ready(function () {
    $(".resourcesContent a span").dropShadow();


// What our solution does - display one of the solutions at random on load 
//var randNum=1;
var randNum=Math.floor(Math.random()*6)+1
$('.section1').hide();
$('.section2').hide(); 
$('.section3').hide(); 
$('.section4').hide(); 
$('.section5').hide(); 
$('.section6').hide(); 


// What to do with the random Solution (curved corners)
if (randNum==6)
{
    $('.section1, .section2, .section3, .section4, .section5, .section6').hide();
    $('.sectionLink6').css("background-image", "url(/images/solution-nav-bottom-over.png)");
    $('.sectionLink6').css("color", "white");        
    //$('.section6').fadeIn("normal");
    $('.section6').show();
}

else if (randNum==1)
{
    $('.section1, .section2, .section3, .section4, .section5, .section6').hide();    
    $('.sectionLink1').css("background-image", "url(/images/solution-nav-top-over.png)");
    $('.sectionLink1').css("color", "white");        
    //$('.section1').fadeIn("normal");
    $('.section1').show();
    return;
}

else
  {
   //$('.section'+randNum).fadeIn("normal");
   $('.section'+randNum).show();
      $('.sectionLink'+randNum).css("background-image", "url(/images/solution-nav-over.png)");
      $('.sectionLink'+randNum).css("color", "white");
      return;
  }
});    




//User interactivity on "What our Solution Does"
$(document).ready(function () {

    $(".sectionLink1").mouseover(function() {  
        $('.section1, .section2, .section3, .section4, .section5, .section6').hide();
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("background-image", "url(/images/solution-nav.png)");
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("color", "#59496E"); 
        $('.sectionLink1').css("background-image", "url(/images/solution-nav-top.png)");
        $('.sectionLink1').css("color", "#59496E");
        $('.sectionLink6').css("background-image", "url(/images/solution-nav-bottom.png)");
        $('.sectionLink6').css("color", "#59496E");
        
        $('.sectionLink1').css("background-image", "url(/images/solution-nav-top-over.png)");
        $('.sectionLink1').css("color", "white");        
        //$('.section1').fadeIn("normal");
        $('.section1').show(); 
        $('.section1 img').hide();
        $('.section1 img').fadeIn("slow");  
    });  
    
     
    $(".sectionLink2").mouseover(function() {
        $('.section1, .section2, .section3, .section4, .section5, .section6').hide();
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("background-image", "url(/images/solution-nav.png)");
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("color", "#59496E"); 
        $('.sectionLink1').css("background-image", "url(/images/solution-nav-top.png)");
        $('.sectionLink1').css("color", "#59496E");
        $('.sectionLink6').css("background-image", "url(/images/solution-nav-bottom.png)");
        $('.sectionLink6').css("color", "#59496E");
        
        $('.sectionLink2').css("background-image", "url(/images/solution-nav-over.png)");
        $('.sectionLink2').css("color", "white");       
        //$('.section2').fadeIn("normal");
        $('.section2').show(); 
        $('.section2 img').hide();
        $('.section2 img').fadeIn("slow");  
    });  
        
        
    $(".sectionLink3").mouseover(function() {
        $('.section1, .section2, .section3, .section4, .section5, .section6').hide();
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("background-image", "url(/images/solution-nav.png)");
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("color", "#59496E"); 
        $('.sectionLink1').css("background-image", "url(/images/solution-nav-top.png)");
        $('.sectionLink1').css("color", "#59496E");
        $('.sectionLink6').css("background-image", "url(/images/solution-nav-bottom.png)");
        $('.sectionLink6').css("color", "#59496E");
        
        $('.sectionLink3').css("background-image", "url(/images/solution-nav-over.png)");
        $('.sectionLink3').css("color", "white");       
        //$('.section3').fadeIn("normal");
        $('.section3').show(); 
        $('.section3 img').hide();
        $('.section3 img').fadeIn("slow");  
    
    }); 
    
    
    $(".sectionLink4").mouseover(function() {
        $('.section1, .section2, .section3, .section4, .section5, .section6').hide();
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("background-image", "url(/images/solution-nav.png)");
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("color", "#59496E"); 
        $('.sectionLink1').css("background-image", "url(/images/solution-nav-top.png)");
        $('.sectionLink1').css("color", "#59496E");
        $('.sectionLink6').css("background-image", "url(/images/solution-nav-bottom.png)");
        $('.sectionLink6').css("color", "#59496E");
        
        $('.sectionLink4').css("background-image", "url(/images/solution-nav-over.png)");
        $('.sectionLink4').css("color", "white");       
        //$('.section4').fadeIn("normal");
        $('.section4').show(); 
        $('.section4 img').hide();
        $('.section4 img').fadeIn("slow");  
    }); 
    
    
    $(".sectionLink5").mouseover(function() {
        $('.section1, .section2, .section3, .section4, .section5, .section6').hide();
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("background-image", "url(/images/solution-nav.png)");
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("color", "#59496E"); 
        $('.sectionLink1').css("background-image", "url(/images/solution-nav-top.png)");
        $('.sectionLink1').css("color", "#59496E");
        $('.sectionLink6').css("background-image", "url(/images/solution-nav-bottom.png)");
        $('.sectionLink6').css("color", "#59496E");
        
        $('.sectionLink5').css("background-image", "url(/images/solution-nav-over.png)");
        $('.sectionLink5').css("color", "white");    
        //$('.section5').fadeIn("normal");
        $('.section5').show();
        $('.section5 img').hide();
        $('.section5 img').fadeIn("slow");   
        
    }); 
    
    
    $(".sectionLink6").mouseover(function() {
        $('.section1, .section2, .section3, .section4, .section5, .section6').hide();
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("background-image", "url(/images/solution-nav.png)");
        $('.sectionLink2, .sectionLink3, .sectionLink4, .sectionLink5').css("color", "#59496E"); 
        $('.sectionLink1').css("background-image", "url(/images/solution-nav-top.png)");
        $('.sectionLink1').css("color", "#59496E");
        $('.sectionLink6').css("background-image", "url(/images/solution-nav-bottom.png)");
        $('.sectionLink6').css("color", "#59496E");
        
        $('.sectionLink6').css("background-image", "url(/images/solution-nav-bottom-over.png)");
        $('.sectionLink6').css("color", "white");        
        //$('.section6').fadeIn("normal");
        $('.section6').show();
        $('.section6 img').hide();
        $('.section6 img').fadeIn("slow");  
    }); 
    
    
$('.videoContent img').hide().fadeIn(900);

	$('.fadein img:gt(0)').hide();
setInterval(function(){$('.fadein :first-child').fadeOut(1000).next('img').fadeIn(1000).end().appendTo('.fadein');}, 5000);


    
    
});