//Slide fade
var currentIndex = 0;
var str_index = 0;
function slide_image(num){
	
	var item_image = jQuery('.thumb_slide');
	var numitem = item_image.length;//get length of image
	var thumb_text = jQuery('.thumb_text');
	
	jQuery(item_image).each(function(index){
		//jQuery(this).attr('id','');//remove current id
		jQuery(this).removeClass('active');
		jQuery(thumb_text[index]).attr('id','');
	});
	var str_index = parseInt(currentIndex+num);
	if(str_index == numitem){
		str_index = 0;
	}
	if(str_index < 0){
		str_index = numitem-1;
		
	}
	
	jQuery(item_image[str_index]).addClass('active');
	//alert(str_index);
	jQuery(item_image[currentIndex]).fadeOut('slow', function(){
		jQuery(item_image[currentIndex]).removeClass('current');
		//jQuery(item_image[currentIndex]).css('display', 'none');
		//currentIndex = currentIndex + num;
		//alert(str_index);
		jQuery(item_image[str_index]).addClass('current');
		
	});
	
	jQuery(thumb_text[str_index]).attr('id','current');
	
	jQuery(item_image[str_index]).fadeIn();
	
}
//End slide fade
jQuery(document).ready(function() {
	
	var item_image = jQuery('.thumb_slide');
	
	var main_image = jQuery('.imagemain');
	
	var leftthumb = jQuery('.leftthumb');
	var rightthumb = jQuery('.rightthumb');
	
	
	jQuery(item_image).each(function(index){
		var chl = jQuery(item_image[index]).children("ul");
		if(!chl.length){
			jQuery(main_image[index]).css({'margin-top' : '35px', 'margin-left' : '9px'});
			jQuery(main_image[index]).removeClass("imagemain");			
		}
		jQuery(rightthumb[index]).click(function(e){
			currentIndex = index;
			slide_image(1);
			
		});
		
		jQuery(leftthumb[index]).click(function(e){
			currentIndex = index;
			slide_image(-1);
			
		});
		
	});	
});