$(document).ready(function(){
$("ul.subnav").hide();
$("ul.subnav").parent().append("<span class='top-menu-arrow'></span>"); //span -> strzałka w dół dla elementów menu co mają submenu

$('ul.topnav li').hoverIntent({
	sensitivity: 7,
	interval: 100,
	timeout: 333,
	over: menuShow,
	out: menuHide
});

$('ul.topnav li ul.subnav li').hover(

	function() {
	
		$(this).addClass('subhover'); //hover over
		
		//jak się nie mieści to wyświetlamy po lewej
		if ( $(this).offset().left + $(this).outerWidth() + 210 > $(document).width() ) {
			$(this).find('ul.subsubnav').css('left','-212px');
		}
		
		$(this).find('ul.subsubnav').stop(true,true).slideDown('fast');
		
	},
	
	function(){
	
		$(this).removeClass('subhover'); //hover out
		$(this).find('ul.subsubnav').stop(true,true).hide();
		
	});
	
});



function menuShow() {

	if ( $(this).offset().left + 220 > $(document).width() ) {
		//jak się nie mieści to wyrównujemy do prawej krawędzi
		$(this).find('ul.subnav').css('left', $(document).width() - $(this).offset().left - $(this).find('ul.subnav').outerWidth() - 43 );
	}
	
	$(this).find('ul.subnav').slideDown('fast'); //hover over
	
}

function menuHide(){
$(this).find('ul.subnav').stop(true,true).hide(); //hover out
}

// create our transition as a plugin
$.fn.crossfade = function () {
  return this.each(function () { 

  $(this).hover(function () {
      $(this).stop().animate({
          opacity: 0
      }, 333);
    }, function () {
      $(this).stop().animate({
          opacity: 1
      }, 666);
    });
  });
};

$(window).bind('load', function () {
	$('img.overFX').crossfade();
});