/*
Su ly hien thi slider
*/

jQuery(document).ready(function($){
	/* slider chinh trang chu*/	

    var $Mainslider = $('.slideshow').cycle({
		fx: 'scrollRight',
		easing:     'easeOutQuad',
		before:		onBefore,
	    after:		onAfter,
		pager:  '#nav-slide',
		pagerAnchorBuilder: function(idx, slide) { 
        	// return selector string for existing anchor 
        	return '#nav-slide li:eq(' + idx + ') a'; 
    	},
		timeout: 7000
	});
	
	
	 var isOver = true;
	 function onBefore(curr, next, opts, fwd) {
			isOver = false;
            // sliding image
            $(next).find('.sliding-image').css({'display':'none', 'left':'-940px'});
            // sliding text
            $(next).find('.sliding-text').css({'display':'none', 'left':'940px'});
	}
	function onAfter(curr, next, opts, fwd) {
			isOver = true;
            // sliding image
            //$(this).find('.sliding-image').css({'display':'block'}).delay(800).animate({'left':'10px', 'opacity':1}, 0, 'easeOutQuad');
			//$(this).find('.sliding-image').css({'display':'block'}).delay(800).animate({left:0},500);
			$(this).find('.sliding-image').css({'display':'block'}).delay(250).animate({left: '0'}, 500, 'easeOutQuad');
            // sliding text
            $(this).find('.sliding-text').css({'display':'block'}).delay(1100).animate({left: '0'}, 500, 'easeOutQuad');
			
	}
	 
	
	$('.slideshow').bind("mouseover", function(){
			$(this).cycle('pause');
			//$(this).css({cursor: 'pointer'});
		});
	$('.slideshow').bind("mouseout", function(){
			$(this).cycle('resume');
			//$(this).css({cursor: 'default'});
		});
	
	
	$('#mask1').css({opacity:0});
	$('#mask2').css({opacity:0});
	$('#mask3').css({opacity:0});	
	$('#mask1_1').bind("mouseover", function(){
		if(isOver)											 
			$('#mask1').css({opacity:100});
		});
	$('#mask1_1').bind("mouseout", function(){
			$('#mask1').css({opacity:0});
		});
	
	$('#mask2_2').bind("mouseover", function(){
				if(isOver)									 
			$('#mask2').css({opacity:100});
		});
	$('#mask2_2').bind("mouseout", function(){
			$('#mask2').css({opacity:0});
		});
	
	$('#mask3_3').bind("mouseover", function(){
				if(isOver)											 
			$('#mask3').css({opacity:100});
		});
	$('#mask3_3').bind("mouseout", function(){
			$('#mask3').css({opacity:0});
		});

	/* Ket thuc slider chinh trang chu*/	

	/* slider tin tuc o trang tin tuc */
	var bc = $('#nav-news-slider'); 
	 var $container = $('.news-slideshow').cycle({
		fx: 'scrollRight',
		easing:     'easeOutQuad',
		before:		onBeforeNewsSlider,
		timeout: 5000
	});
	 
		var indexNewsSlider = 0;
		var countSlider = 0;
	 $container.children().each(function(i) { 
		$('<a href="#"></a>') 
			// append it to button container 
			.appendTo(bc) 
			// bind click handler 
			.bind("mouseover",function() { 
				// cycle to the corresponding slide 
				$container.cycle(i); 
				//indexNewsSlider = i;
				return false; 
			}); 
			countSlider ++;
	}); 
	 $("#nav-news-slider > a").eq(indexNewsSlider).addClass("activeSlide");
	function onBeforeNewsSlider(curr, next, opts, fwd){
		indexNewsSlider ++;
		if(indexNewsSlider >= countSlider)
		{
			indexNewsSlider = 0;
		}
		$("#nav-news-slider > a").removeClass("activeSlide");
		$("#nav-news-slider > a").eq(indexNewsSlider).addClass("activeSlide");
	}
	/* ket thuc slider tin tuc o trang tin tuc */
	
	/* slider trang chu tin tuc */
	$('.newslider').cycle({
		fx: 'scrollRight',
		easing:     'easeOutQuad',
		next:   '#news_right_control', 
	    prev:   '#news_left_control',
		timeout: 15000
	});

	
	$("#news_right_control").animate({opacity: '0'}, 200, 'easeOutQuad');
	$("#news_left_control").animate({opacity: '0'}, 200, 'easeOutQuad');
	
	$('#news_underslider').bind('mouseover', function() {
			 $("#news_right_control").animate({opacity: '1'}, 0, 'easeOutQuad');
			 $("#news_left_control").animate({opacity: '1'}, 0, 'easeOutQuad');			 
		});
		
	$('#news_underslider').bind('mouseout', function() {
			  $("#news_right_control").animate({opacity: '0'}, 0, 'easeOutQuad');
			 $("#news_left_control").animate({opacity: '0'}, 0, 'easeOutQuad');
	});
	
	
		/* ket thuc slider trang chu tin tuc */	
		
		/* su ly menu */
		
});
