$(document).ready(function(){  
    $("#nav").jFlow({  
        slides: "#main",  // the div where all your sliding divs are nested in  
        controller: ".item", // must be class, use . sign  
        slideWrapper : "#content", // must be id, use # sign  
        selectedWrapper: "active",  // just pure text, no sign  
        width: "963px",  // this is the width for the content-slider  
        height: "800px",  // this is the height for the content-slider  
        duration: 400,  // time in miliseconds to transition one slide  
        prev: ".jFlowPrev", // must be class, use . sign  
        next: ".jFlowNext" // must be class, use . sign  
    }); 
	
	
	$("ul.slideshow li").colorbox({width:"600", height:"485", scrolling:false, inline:true, transition:'none' });
	$("ul.slideshow li#nr0").colorbox({href:"li#nr0 .inline" });
	$("ul.slideshow li#nr1").colorbox({href:"li#nr1 .inline" });
	$("ul.slideshow li#nr2").colorbox({href:"li#nr2 .inline" });
	$("ul.slideshow li#nr3").colorbox({href:"li#nr3 .inline" });
	$("ul.slideshow li#nr4").colorbox({href:"li#nr4 .inline" });
	$("ul.slideshow li#nr5").colorbox({href:"li#nr5 .inline" });
	$("ul.slideshow li#nr6").colorbox({href:"li#nr6 .inline" });
	$("ul.slideshow li#nr7").colorbox({href:"li#nr7 .inline" });
	$("ul.slideshow li#nr8").colorbox({href:"li#nr8 .inline" });
	$("ul.slideshow li#nr9").colorbox({href:"li#nr9 .inline" });
	$("ul.slideshow li#nr10").colorbox({href:"li#nr10 .inline" });
	 
});