//''''''''''''''''''''''''''''''''''''
// CAROUSEL
//'''''''''''''''''''''''''''''''''''''''

$(function() {
	$('.carousel-controls').css('visibility','visible');
	$('.dir a span').css({opacity:0})
	$('.carousel').jCarouselLite({
		visible:1,
		start:0,
		btnNext: ".carousel-controls .next",
		btnPrev: ".carousel-controls .prev",
		btnGo: [".carousel-controls .page1",".carousel-controls .page2",".carousel-controls .page3",".carousel-controls .page4",".carousel-controls .page5"]
	});


	$('.read-more').click(function(){
		var dialogPage = $(this);
		$("#dialog-modal").dialog({title:dialogPage.attr('title'),modal: true,resizable:false,draggable:false,autoOpen:false,position:['center','top'],width:794,height:600,close:function(){$("#dialog-modal").dialog('destroy')}});
		$("#dialog-modal").dialog('open');
		//console.log(dialogPage.attr('href'));
		loadModalContent(dialogPage.attr('href'));
		return false;
	});
	$('#leaf_container .page1').parent().addClass('on');
	$('.page a').click(function(){
		$('.page').removeClass('on');
		$(this).parent().addClass('on');
		updatePage($(this).text());
		return false;
	});
	$('.module-right a').click(function(){
		var pageList = $('.page');
		var pageNo = $(this).attr('href');
		$('.page').removeClass('on');
		pageList.each(function(i,v){
			if (pageNo-1==i) {
				$(v).addClass('on');
			}
		});
		updatePage(pageNo);
	});
	
	function updatePage(pageNo) {
		$('.page-text').text("0"+pageNo+" / 05");
	}
	
	$('.dir a').click(function(){
		var pageList = $('.page');
		var x = 0;
		if ($(this).hasClass('prev')) {
			
			pageList.each(function(i,v){
				if ($(v).hasClass('on')) {
					$(v).removeClass('on');
					x = (i>0) ? i-1:4;
				}
			});
			$(pageList[x]).addClass('on');
		}
		if ($(this).hasClass('next')) {

			pageList.each(function(i,v){
				if ($(v).hasClass('on')) {
					$(v).removeClass('on');
					x = (i<4) ? i+1:0;
				}
			});
			$(pageList[x]).addClass('on');
		}
		
		$('.page-text').text("0"+(x+1)+" / 05");
		return false;
	});
	$('.dir a span').hover(function(){
		$(this).stop().animate({opacity:1},100);
	},function(){
		$(this).stop().animate({opacity:0},100);
	});
	
	
	function loadModalContent(page){
		var url = page.split("#") 
		var dialog = $("#dialog-modal");
		$('.ui-dialog').css({position:'fixed',top:'30px'});
		dialog.load(url[0]+" #"+url[1]);
	}
	
});

//''''''''''''''''''''''''''''''''''''
// END CAROUSEL
//'''''''''''''''''''''''''''''''''''''''