// Products slideshow for SM Hair Salons Ltd
// Source code Copyright © ASD Solutions 

var currentProductID = 0;
var previousProductID = 0;
var currentList = 1;
var maxList = 1;

function setCurrentProduct(product_id) {
	if (product_id != currentProductID) {
		previousProductID = currentProductID;
		currentProductID = product_id; 
	
		swapFade()
	}
	else {
		previousProductID = currentProductID;
		currentProductID = 0;
		
		swapFade()
	}
}

function swapFade() {
	var currentProductImage = "ms_image_" + currentProductID;
	var currentProductTitle = "image_title_" + currentProductID;
	var currentProductDescription = "image_description_" + currentProductID;
	
	if (previousProductID != 0)
	{
		setBorderColorGray("image_thumb_" + previousProductID);
	}
	
	if (currentProductID != 0)
	{
		setBorderColorOrange("image_thumb_" + currentProductID);
	}
	
	setObjDisp("ms_image_" + previousProductID,'none'); 
	Effect.Appear(currentProductImage, { duration:0.4 });

	setObjDisp("image_title_" + previousProductID,'none'); 
	setObjDisp(currentProductTitle,'inline'); 
	
	setObjDisp("image_description_" + previousProductID,'none'); 
	setObjDisp(currentProductDescription,'inline'); 

}

function setMaxList(i) {
	maxList = i;
}

function listPrev() {

	if (currentList != 1) {
	
		// show next button's active state
		setObjDisp("next_inactive",'none'); 
		setObjDisp("next_active",'block'); 
		
		setObjDisp("images_list_" + currentList,'none'); 
		setObjDisp("set" + currentList + "_selected", 'none');	
		setObjDisp("set" + currentList + "_unselected", 'inline');
		
		currentList --;
	
		setObjDisp("images_list_" + currentList,'block'); 
		setObjDisp("set" + currentList + "_selected", 'inline');
		setObjDisp("set" + currentList + "_unselected", 'none');
		
		if (currentList == 1) {
		
			// show prev button's inactive state
			
			setObjDisp("prev_active",'none'); 
			setObjDisp("prev_inactive",'block'); 
			
		}
	}
}

function listNext() {

	if (currentList != maxList) {
	
		// show previous button's active state
		setObjDisp("prev_inactive",'none'); 
		setObjDisp("prev_active",'block'); 
		
		
		setObjDisp("products_list_" + currentList,'none'); 
		setObjDisp("set" + currentList + "_selected", 'none');	
		setObjDisp("set" + currentList + "_unselected", 'inline');
		
		currentList ++;
		
		setObjDisp("products_list_" + currentList,'block'); 
		setObjDisp("set" + currentList + "_selected", 'inline');
		setObjDisp("set" + currentList + "_unselected", 'none');
		
		if (currentList == maxList) {
		
			// show next button's inactive state
			
			setObjDisp("next_active",'none'); 
			setObjDisp("next_inactive",'block'); 
			
		}
	}
}

function listSet(i) {

	if (i > 1)
	{
		// show previous button's active state
		setObjDisp("prev_inactive",'none'); 
		setObjDisp("prev_active",'block'); 
	}
	
	if (i == 1)
	{
		// show previous button's inactive state
		setObjDisp("prev_active",'none'); 
		setObjDisp("prev_inactive",'block'); 
	}
	
	if (i == maxList)
	{
		// show next button's inactive state
		setObjDisp("next_active",'none'); 
		setObjDisp("next_inactive",'block'); 	
	}
	
	if (i < maxList)
	{
		// show next button's active state
		setObjDisp("next_inactive",'none'); 
		setObjDisp("next_active",'block'); 	
	}
		
	setObjDisp("images_list_" + currentList,'none'); 
	setObjDisp("set" + currentList + "_selected", 'none');
	setObjDisp("set" + currentList + "_unselected", 'inline');
		
	currentList = i;
		
	setObjDisp("images_list_" + currentList,'block'); 
	setObjDisp("set" + currentList + "_selected", 'inline');
	setObjDisp("set" + currentList + "_unselected", 'none');		
}