// JavaScript Document

      $(document).ready(function(){
								 
								 
//add o2 blue hover to all o2 specific links
	  
      $("#icon_menu_carousel a").addClass("jqhover");
	  
	  $("#main_menu_carousel a").addClass("jqhover");
	  
	  $("#icon_menu a").addClass("jqhover");
	  
	  $("#main_menu a").addClass("jqhover");
	  
	  $("#footer a").addClass("jqhover");
	  
	  $("#thumbs div h3 a").addClass("jqhover");
	  
	  $(".sp_divider a").addClass("jqhover");
	  
	  $("#o2ideas_culture a").addClass("jqhover");
	  
	  $("#o2ideas_home a").addClass("jqhover");
	  
	  $("#o2ideas_404 a").addClass("jqhover");
	  
	  $("#filter a").addClass("archive");
								 
   
	  
//div active main menu item
	  
	  $("#container_o2_home #home").addClass("dim");
	  
	  $("#container_o2_services #services").addClass("dim");
	  
	  $("#container_o2_about #about").addClass("dim");
	  
	  $("#container_o2_blog #blog").addClass("dim");
	  
	  $("#container_o2_culture #culture").addClass("dim");
	  
	  
//dim active landing page in the icon menu
	  
	  $("#container_in #icon_menu .in_icon").addClass("dim");
	  
	  $("#container_cc #icon_menu .cc_icon").addClass("dim");
	  
	  $("#container_eb #icon_menu .eb_icon").addClass("dim");
	  
	  $("#container_br #icon_menu .br_icon").addClass("dim");
	  
	  $("#container_dm #icon_menu .dm_icon").addClass("dim");
	  
	  $("#container_av #icon_menu .av_icon").addClass("dim");
	  
//dim feature work images on hover
	  
	  $("#feature_image_grid img").addClass("lpicon_link");
	  
//dim awards images on hover  
	  
	  $("#o2ideas_home .awards_hover img").addClass("lpicon_link");
	  
//dim archive images on hover  
	  
	  $("#o2ideas_work #portfolio img").addClass("lpicon_link");	  
	  
//add service color hover to links in scrollable
	  
	  $("#container_av .scrollable a").addClass("av_hover");
	  
	  $("#container_br .scrollable a").addClass("br_hover");
	  
	  $("#container_cc .scrollable a").addClass("cc_hover");
	  
	  $("#container_dm .scrollable a").addClass("dm_hover");
	  
	  $("#container_eb .scrollable a").addClass("eb_hover");
	  
	  $("#container_in .scrollable a").addClass("in_hover");
	  
	  
//add service color hover to links in featured work
	  
	  $("#av_feature_work a").addClass("av_hover");
	  
	  $("#br_feature_work a").addClass("br_hover");
	  
	  $("#cc_feature_work a").addClass("cc_hover");
	  
	  $("#dm_feature_work a").addClass("dm_hover");
	  
	  $("#eb_feature_work a").addClass("eb_hover");
	  
	  $("#in_feature_work a").addClass("in_hover");
	  
	  	  
//add service color hover to landing page link to case story page
	  
	  $("#container_av #casestudy_header a").addClass("av_hover");
	  
	  $("#container_br #casestudy_header a").addClass("br_hover");
	  
	  $("#container_dm #casestudy_header a").addClass("dm_hover");
	  
	  $("#container_eb #casestudy_header a").addClass("eb_hover");
	  
	  $("#container_in #casestudy_header a").addClass("in_hover");
	  
  
//add service color hover to case story page links
	  
	  $("#av_solutions a").addClass("av_hover");
	  
	  $("#br_solutions a").addClass("br_hover");
	  
	  $("#cc_solutions a").addClass("cc_hover");
	  
	  $("#dm_solutions a").addClass("dm_hover");
	  
	  $("#eb_solutions a").addClass("eb_hover");
	  
	  $("#in_solutions a").addClass("in_hover");
	
	  
//add service color hover to case story links back to landing page
	  
	  $("#container_av #backhome a").addClass("av_hover");
	  
	  $("#container_br #backhome a").addClass("br_hover");
	  
	  $("#container_cc #backhome a").addClass("cc_hover");
	  
	  $("#container_dm #backhome a").addClass("dm_hover");
	  
	  $("#container_eb #backhome a").addClass("eb_hover");
	  
	  $("#container_in #backhome a").addClass("in_hover");
	  
	  
//add service color hover to accordion panel h2

      $("#av_solutions h2").addClass("av_hover");
	  
	  $("#br_solutions h2").addClass("br_hover");
	  
	  $("#cc_solutions h2").addClass("cc_hover");
	  
	  $("#dm_solutions h2").addClass("dm_hover");
	  
	  $("#eb_solutions h2").addClass("eb_hover");

	  $("#in_solutions h2").addClass("in_hover");
	  
	  
//dim icons with links back to landing pages
	  
	  $("#av_title_solutions img").addClass("lpicon_link");
	  
	  $("#br_title_solutions img").addClass("lpicon_link");
	  
	  $("#cc_title_solutions img").addClass("lpicon_link");
	  
	  $("#dm_title_solutions img").addClass("lpicon_link");
	  
	  $("#eb_title_solutions img").addClass("lpicon_link");
	  
	  $("#in_title_solutions img").addClass("lpicon_link");
	  
	  //services page icons with links back to landing pages
	  
	  $(".sp_title img").addClass("lpicon_link");
	  
	  $("#container_o2_404 #o2home_title img").addClass("lpicon_link");
	  


//here's where the magic happens


//o2 blue hover color

		$(".jqhover").mouseover(function() {
    	$(this).stop().animate({ color: "#0087c3" }, 500);
	  
	  	});
	  
	    $(".jqhover").mouseout(function() {
    	$(this).stop().animate({ color: "#fff" }, 300);
		
		
		 	});
		
//o2 blue hover color for archive

		$(".archive").mouseover(function() {
    	$(this).stop().animate({ color: "#0087c3" }, 500);
		
		});
	  
	    $(".archive").mouseout(function() {
    	$(this).stop().animate({ color: "#fff" }, 300);
	  
	  	});
	  
	  
//audio/video hover	color	 

        $(".av_hover").mouseover(function() {
    	$(this).stop().animate({ color: "#c1c1c1" }, 500);
	  
	  	});
	  
	    $(".av_hover").mouseout(function() {
    	$(this).stop().animate({ color: "#fff" }, 300);
		
			});

//brand relations hover color

        $(".br_hover").mouseover(function() {
    	$(this).stop().animate({ color: "#c15fc1" }, 500);
	  
	  	});
	  
	    $(".br_hover").mouseout(function() {
    	$(this).stop().animate({ color: "#fff" }, 300);
		
		   });
		
//corporate communications hover color		

        $(".cc_hover").mouseover(function() {
    	$(this).stop().animate({ color: "#ffbe00" }, 500);
	  
	  	});
	  
	    $(".cc_hover").mouseout(function() {
    	$(this).stop().animate({ color: "#fff" }, 300);
		
		  	});
		
//direct mail hover color
   
       $(".dm_hover").mouseover(function() {
    	$(this).stop().animate({ color: "#ed2024" }, 500);
	  
	  	});
	  
	    $(".dm_hover").mouseout(function() {
    	$(this).stop().animate({ color: "#fff" }, 300);
	  
	  	    });	
		
//employment branding hover color

		$(".eb_hover").mouseover(function() {
    	$(this).stop().animate({ color: "#339933" }, 500);
	  
	  	});
	  
	    $(".eb_hover").mouseout(function() {
    	$(this).stop().animate({ color: "#fff" }, 300);
		
		    });

//interactive design hover color

		$(".in_hover").mouseover(function() {
    	$(this).stop().animate({ color: "#663399" }, 500);
	  
	  	});
	  
	    $(".in_hover").mouseout(function() {
    	$(this).stop().animate({ color: "#fff" }, 300);
		
			});
	  
	  });
	  
//end hover colors

//begin fade functions
	  
      $(document).ready(function(){
	
      $(".rss_icon").hover(function(){

      $(this).fadeTo("fast", 1.0); // This should set the opacity to 100% on hover
      },function(){

      $(this).fadeTo("slow", 0.6); // This should set the opacity back to 60% on mouseout
	  
           });
	  
      });
 
 
      $(document).ready(function(){
	
      $(".lpicon_link").hover(function(){

      $(this).fadeTo("fast", 0.4); // This should set the opacity to 40% on hover
      },function(){

      $(this).fadeTo("slow", 1.0); // This should set the opacity back to 100% on mouseout
	  
           });
	  
      });