// JScript File

        $(document).ready(function() {
        
        //Speed of the slideshow
	var speed = 5000;
	
	//You have to specify width and height in #slider CSS properties
	//After that, the following script will set the width and height accordingly
	$('#mask-gallery, #gallery li').width($('#slider').width());	
	$('#gallery').width($('#slider').width() * $('#gallery li').length);
	$('#mask-gallery, #gallery li, #mask-excerpt, #excerpt li').height($('#slider').height());
	
	//Assign a timer, so it will run periodically
	var run = setInterval('newsscoller(0)', speed);	
	
	$('#gallery li:first, #excerpt li:first').addClass('selected');
 
	//Pause the slidershow with clearInterval
	$('#btn-pause').click(function () {
		clearInterval(run);
		return false;
	});
 
	//Continue the slideshow with setInterval
	$('#btn-play').click(function () {
		run = setInterval('newsscoller(0)', speed);	
		return false;
	});
	
	//Next Slide by calling the function
	$('#btn-next').click(function () {
		newsscoller(0);	
		return false;
	});	
 
	//Previous slide by passing prev=1
	$('#btn-prev').click(function () {
		newsscoller(1);	
		return false;
	});	
	
	//Mouse over, pause it, on mouse out, resume the slider show
	$('#slider').hover(
	
		function() {
			clearInterval(run);
		}, 
		function() {
			run = setInterval('newsscoller(0)', speed);	
		}
	); 	
         
	    function megaHoverOver(){
		    $(this).find(".sub").stop().fadeTo('fast', 1).show();
		    $(this).find(".sub2").stop().fadeTo('fast', 1).show();
    			
		    //Calculate width of all ul's
		    (function($) { 
			    jQuery.fn.calcSubWidth = function() {
				    rowWidth = 0;
				    //Calculate row
				    $(this).find("ul").each(function() {					
					    rowWidth += $(this).width(); 
				    });	
			    };
		    })(jQuery); 
    		
		    if ( $(this).find(".row").length > 0 ) { //If row exists...
			    var biggestRow = 0;	
			    //Calculate each row
			    $(this).find(".row").each(function() {							   
				    $(this).calcSubWidth();
				    //Find biggest row
				    if(rowWidth > biggestRow) {
					    biggestRow = rowWidth;
				    }
			    });
			    //Set width
			    $(this).find(".sub").css({'width' :biggestRow});
			    $(this).find(".sub2").css({'width' :biggestRow});
			    $(this).find(".row:last").css({'margin':'0'});
    			
		    } else { //If row does not exist...
    			
			    $(this).calcSubWidth();
			    //Set Width
			    $(this).find(".sub").css({'width' : rowWidth});
			    $(this).find(".sub2").css({'width' : rowWidth});
    			
		    }
	    }
    	
	    function megaHoverOut(){ 
	      $(this).find(".sub").stop().fadeTo('fast', 0, function() {
		      $(this).hide(); 
	      });
    	  
	      $(this).find(".sub2").stop().fadeTo('fast', 0, function() {ss
		      $(this).hide(); 
	      });
	    }
     
     
	    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: 300, // number = milliseconds delay before onMouseOut    
		     out: megaHoverOut // function = onMouseOut callback (REQUIRED)    
	    };
     
	    $("ul#topnav li .sub").css({'opacity':'0'});
	    $("ul#topnav li").hoverIntent(config);
     
    });
    
    function newsscoller(prev) {
	//Get the current selected item (with selected class), if none was found, get the first item
	var current_image = $('#gallery li.selected').length ? $('#gallery li.selected') : $('#gallery li:first');
	var current_excerpt = $('#excerpt li.selected').length ? $('#excerpt li.selected') : $('#excerpt li:first');
 
	//if prev is set to 1 (previous item)
	if (prev) {
		
		//Get previous sibling
		var next_image = (current_image.prev().length) ? current_image.prev() : $('#gallery li:last');
		var next_excerpt = (current_excerpt.prev().length) ? current_excerpt.prev() : $('#excerpt li:last');
	
	//if prev is set to 0 (next item)
	} else {
		
		//Get next sibling
		var next_image = (current_image.next().length) ? current_image.next() : $('#gallery li:first');
		var next_excerpt = (current_excerpt.next().length) ? current_excerpt.next() : $('#excerpt li:first');
	}
 
	//clear the selected class
	$('#excerpt li, #gallery li').removeClass('selected');
	
	//reassign the selected class to current items
	next_image.addClass('selected');
	next_excerpt.addClass('selected');
 
	//Scroll the items
	$('#mask-gallery').scrollTo(next_image, 800);		
	$('#mask-excerpt').scrollTo(next_excerpt, 800);					
	
}