var _images = new Array();
var _animationDuration = 1800;
var _slideSpeedInitial = 2000;
var _slideSpeed = 3800;
function preloadImgs(data){
	for(var i=0; i<data.imgs_url.length; i++) _images[i] = data.imgs_url[i];
	loadImg(0);
}

function loadImg(_id){
	var _total = _images.length;
	jQuery('#img_'+_id)
	.css({opacity: 0.0})
    .attr('src', _images[_id])
    .load(function(){
    	jQuery('#img_'+_id).addClass('img_loaded');
    	if (_id==0){ jQuery(".img_slides").oneTime(_slideSpeedInitial, function(){slideSwitch()});}
    	_id=_id+1;
    	if (_id<_total){ loadImg(_id);}    	
    	else return true;
    });	
}

function slideSwitch() {
	var $active = jQuery('.img_slides img.active');	
	var $next = $active.hasClass("img_last") ? jQuery('.img_first') : $active.next();
    if ($next.hasClass("img_loaded")){
    	$active.addClass('last-active').removeClass('active last-active').animate({opacity: 0},  _animationDuration);
    	$next.addClass('active').animate({opacity: 1}, _animationDuration, function() {    		
    		jQuery(".img_slides").oneTime(_slideSpeed, function(){slideSwitch()});
    	});
    }
    else jQuery(".img_slides").oneTime(1000, function(){slideSwitch()});    
}

$(window).load(function(){	
	jQuery(".img_first").addClass("img_loaded");
	jQuery(".img_slides").oneTime(1, function() {jQuery.getJSON(sTPurl+"ajax.system.php", {action:"img_slides", identifier: jQuery("#body").attr("class"), value: jQuery(this).attr("id")}, function(data){
			if (data.count>0){				
				jQuery(".img_slides").append(data.imgs);
				preloadImgs(data);					
			}
		}); 
	});	
});

jQuery(document).ready(function() {	
	jQuery(function() {
		jQuery(".a_img_cs").css("opacity","0.8").show();
		jQuery(".a_img_cs").hover(function(){jQuery(this).stop().animate({opacity: 1.0}, 275)},function(){jQuery(this).stop().animate({opacity: 0.8}, 275)});
	});
});