//set hover class for anything
$(document).ready(function() {
   
   $('li#iphone .trigger').hover(function() {
	  	$('div#overlay-iphone').addClass('on');
	  }, function() {
	    $('div#overlay-iphone').removeClass('on');
	  });
	  
	$('div#overlay-iphone').hover(function() {
	  	$('div#overlay-iphone').addClass('on');
	  }, function() {
	    $('div#overlay-iphone').removeClass('on');
	  });
	
	$('li#blackberry .trigger').hover(function() {
	  	$('div#overlay-blackberry').addClass('on');
	  }, function() {
	    $('div#overlay-blackberry').removeClass('on');
	  });
	  
	$('div#overlay-blackberry').hover(function() {
	  	$('div#overlay-blackberry').addClass('on');
	  }, function() {
	    $('div#overlay-blackberry').removeClass('on');
	  });
  
  // retain iphone link hover state
  $('div#overlay-iphone').hover(function() {
  	$('li#iphone').addClass('bnav-hover');
  }, function() {
    $('li#iphone').removeClass('bnav-hover');
  });
  
  // retain blackberry link hover state
  $('div#overlay-blackberry').hover(function() {
  	$('li#blackberry').addClass('bnav-hover');
  }, function() {
    $('li#blackberry').removeClass('bnav-hover');
  });
  
  // darken background
  $('div#overlay-iphone, div#overlay-blackberry, li#iphone .trigger').hover(function() {
  	$('.images, .content').addClass('darken');
  }, function() {
    $('.images, .content').removeClass('darken');
  });
  
});