//Slide fade
var currentIndex = 0;
var str_index = 0;

function slide_image(num){
	
	var item_image = jQuery('.item_slide');
	var numitem = item_image.length;//get length of image
	var fade_text = jQuery('.fade_text');
	
	var arrow_left = jQuery('.leftitem');
	var arrow_right = jQuery('.rightitem');

	jQuery(item_image).each(function(index){
		//jQuery(this).attr('id','');//remove current id
		jQuery(this).removeClass('active');
		jQuery(fade_text[index]).attr('id','');
		jQuery(arrow_right[str_index]).css('display', 'block');
	});
	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');
	
	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(fade_text[str_index]).attr('id','current');
	
	jQuery(item_image[str_index]).fadeIn();
	
}
//End slide fade
jQuery(document).ready(function() {

	var item_image = jQuery('.item_slide');
	var reflect = jQuery('img.reflect');
	var arrow_left = jQuery('.leftitem');
	var arrow_right = jQuery('.rightitem');
	
	jQuery(item_image).each(function(index){
		//jQuery(reflect[index]).reflect({height: 0.3, opacity: 0.6} );		
		//jQuery(this).click(function(e){
			//alert(e.pageX);
			
			
			//var pos_image = parseInt(e.pageX) - parseInt(jQuery(this).offset().left) - parseInt(jQuery(this).width())/2;
			
			jQuery(arrow_left[index]).click(function(e){
				currentIndex = index;
				//alert(currentIndex);
				slide_image(-1);//click on the right arrow
			});
			jQuery(arrow_right[index]).click(function(e){
				currentIndex = index;
				//alert(currentIndex);
				slide_image(1);//click on the right arrow
			});
		//});
	});	
});