$(document).ready(function() {
						   

	$("a[rel=external]").attr("target", "_blank");
	
	$("div.scrollbar").scrollable({vertical:false,size: 11})
	$("div.items").tabs("div#content > div");
	
	$("div.scrollscreen").scrollable({ vertical: true, mousewheel: true, size:2 });
	
	//$(".sub > ul").css('background-image', 'url("files/images/nav_bad_1.jpg")');
	
	$(".sub > ul > li  > a").hover(function(){
		var sub = $(this).parent('li').parent('ul').attr('class');
		var img_old = $(this).parent('li').parent('ul').css("background-image");
		var index = $("."+sub+" > li > a").index(this);
		index++;
		var img = "nav_"+sub+"_"+index+".jpg";
		$("."+sub).css('background-image', 'url("files/images/'+img+'")');
		},function(){
		$("."+sub).css('background-image', '');
	});


	$('.mo_effect').hover(function() {
		$(this).find('img').eq(0).stop().fadeTo('fast', 0);
	}, function() {
		$(this).find('img').eq(0).stop().fadeTo('slow', 1);
	});


//On Hover Over
function megaHoverOver(){

	$(this).find(".sub").stop().fadeTo('fast', 1).show(); //Find sub and fade it in
    (function($) {
        //Function to calculate total width of all ul's
        jQuery.fn.calcSubWidth = function() {
            rowWidth = 0;
            //Calculate row
            $(this).find("ul").each(function() { //for each ul...
                rowWidth += $(this).width(); //Add each ul's width together
            });
        };
    })(jQuery); 

    if ( $(this).find(".row").length > 0 ) { //If row exists...

        var biggestRow = 0;	

        $(this).find(".row").each(function() {	//for each row...
            $(this).calcSubWidth(); //Call function to calculate width of all ul's
            //Find biggest row
            if(rowWidth > biggestRow) {
                biggestRow = rowWidth;
            }
        });

        //$(this).find(".sub").css({'width' :biggestRow}); //Set width
        $(this).find(".sub").css({'width' : '225px'}); //Set width
        $(this).find(".row:last").css({'margin':'0'});  //Kill last row's margin

    } else { //If row does not exist...

        $(this).calcSubWidth();  //Call function to calculate width of all ul's
        //$(this).find(".sub").css({'width' : rowWidth}); //Set Width
        $(this).find(".sub").css({'width' : '225px'}); //Set Width

    }
}
//On Hover Out
function megaHoverOut(){
  $(this).find(".sub").stop().fadeTo('fast', 0, function() { //Fade to 0 opactiy
      $(this).hide();  //after fading, hide it
  });
}
//Set custom configurations
var config = {
     sensitivity: 2, // number = sensitivity threshold (must be 1 or higher)
     interval: 100, // number = milliseconds for onMouseOver polling interval
     over: megaHoverOver, // function = onMouseOver callback (REQUIRED)
     timeout: 500, // number = milliseconds delay before onMouseOut
     out: megaHoverOut // function = onMouseOut callback (REQUIRED)
};

$("ul#topnav li .sub").css({'opacity':'0'}); //Fade sub nav to 0 opacity on default
$("ul#topnav li").hoverIntent(config); //Trigger Hover intent with custom configurations

});