$(document).ready(function() {

	//When page loads...
//	$(".tab-content").hide(); //Hide all content
//	$("ul.tabs li.tab-item:first").addClass("active").show(); //Activate first tab
//	$(".tab-content:first").show(); //Show first tab content

	//On Click Event
//	$("ul.tabs li.tab-item").click(function() {

//		$("ul.tabs li.tab-item").removeClass("active"); //Remove any "active" class
//		$(this).addClass("active"); //Add "active" class to selected tab
//		$(".tab-content").hide(); //Hide all tab content
//
//		var activeTab = $(this).find("a").attr("href"); //Find the href attribute value to identify the active tab + content
//		$(activeTab).fadeIn(); //Fade in the active ID content
//		return false;
//	});
	
	$("image-nav-right").click(function() {
                this.pause();
                this.next();
    });

	$("image-nav-left").click(function() {
                this.pause();
                this.prev();
    });
 
            <!--
                // You need to specify the size of your background image here (could be done automatically by some PHP code)
                var FullscreenrOptions = {  width: 1024, height: 768, bgID: '#bgimg' };
                // This will activate the full screen background!
                jQuery.fn.fullscreenr(FullscreenrOptions);
            //-->

				
});