var topSlideIntervalVar;


function initTopSlideInterval(){
	topSlideIntervalVar = setInterval('topSlideInterval("next")', 6000);
}


function topSlideInterval(type) 
{
	var objId = ".mts-feature .panel";
      
    //if no IMGs have the show class, grab the first image  
    var current = $(objId+' a.show');
    current.animate({opacity: 0.0}, 1000)  
    current.css('z-index','100'); 
    current.removeClass('show');
    
    
    
    if(type == 'next') {
	    //Get next image, if it reached the end of the slideshow, rotate it back to the first image  
	    var next = ((current.next().length != 0) ? current.next() : $(objId+' a:first'));
	    
	    var aCurrent = $('.mts-feature ul.small-horizon-list li.show');
	    var aNext = ((aCurrent.next().length != 0) ? aCurrent.next() : $('.mts-feature .small-horizon-list li:first'));
	    
	    $('.mts-feature .small-horizon-list li').removeClass('show');
	    aNext.addClass('show');
	    //alert(aCurrent.next().length);
	}else{
		var next = $(objId+" a:eq("+type+")");
		
		
	    $('.mts-feature .small-horizon-list li').removeClass('show');
		$('.mts-feature .small-horizon-list li:eq('+type+')').addClass('show');
	}
    next.animate({opacity: 1.0}, 1000);
    next.css('z-index','1000');
    next.addClass('show');
}

$(function(){
	
	// banner slider  ----------------------------------------------------------
	/** Slide Banner */
	$('.mts-feature .panel a:first').css({opacity: 1.0});
	$('.mts-feature .panel a:first').addClass('show');
  
	var slideList = jQuery('<ul class="small-horizon-list"></ul>');
	$('.mts-feature .panel a').each(function(i){
		slideList.append('<li' + ((i==0)? ' class="first-of-type"':'') +'><a href="#' + i + '" title="#' + (i+1) + '">' + (i+1) + '</a></li>');
	});
	
	$('.mts-feature').append(slideList);
	$('.mts-feature').find('.small-horizon-list li:first').addClass('show');
	$('.mts-feature .small-horizon-list li a').click(function(e){
		e.preventDefault();
		var nextId = $(this).parent('li');
		 
		if(!nextId.hasClass('show')){
		    topSlideInterval($(this).attr('href').substr(1));
	    	clearInterval(topSlideIntervalVar);
	    	initTopSlideInterval();
		}
	});
	initTopSlideInterval();
				




    // marquee function ----------------------------------------------------------
    var divCover_w = $("#word-marquee").width(); // หาความกว้างพื้นที่ส่วนแสดง marquee  
    var divMarquee_w = $("#word-marquee span").width(); //หาความกว้างของเนื้อหา marquee  
    var obj = $("#word-marquee span"); // กำหนดเป็น ตัวแปร jQuery object  
    var marquee_direction = 1; /* กำหนดการเลื่อนซ้ายขวา 1 = จากขวามาซ้าย 2 = จากซ้ายไปขวา */  
    var marquee_speed = 30; // กำหนดความเร็วของเวลาในการเคลื่อนที่ ค่ายิ่งมาก จะช้า  
    var marquee_step = 1; // กำหนดระยะการเคลื่อนที่ ค่ายิ่งมาก จะเร็ว  
    
    
    obj.css("left",(marquee_direction==1)? divCover_w : -divMarquee_w );  
    marquee_move = function(obj)
    {  
        var condition_mq = (marquee_direction==2)? 'newLeft<divCover_w' : 'newLeft>-divMarquee_w';  
        var initLeft = (marquee_direction==1)? divCover_w : -divMarquee_w;  
        var newLeft = (marquee_direction==1)? parseInt(obj.css('left'))-marquee_step : parseInt(obj.css('left'))+marquee_step;  
        if(eval(condition_mq)){  
            obj.css({  
                'left':newLeft+'px'  
            });  
        }else{  
            obj.css("left",initLeft);  
        }                 
        start_marquee(obj);  
    }
    start_marquee = function(obj){  
        marquee_status = setTimeout(
        	function(){  
            	marquee_move(obj)  
        	},
        	marquee_speed
        );
    }
    
    start_marquee(obj);
    
    $("#word-marquee span").hover(
    	function(){  
        	clearTimeout(marquee_status);  
    	},
    	function(){
    		start_marquee(obj);
    	}
    );
    // end marquee function ----------------------------------------------------------
  
   	
   	
   	
   	// Member  -----------------------------------------------------------------------
   	/*
$('a.forgetpass').click(function(e){
   		e.preventDefault();
   		
   		initPopup();
   	});
*/
   	
   	// End Member  -------------------------------------------------------------------
});