var prod_current = new Array();

function popupVideo(file_path){

	var url = '/video.php?video=' + file_path;
	
	popup(url, 330, 240);
}

function popupImage(file_id){

	var url = '/image.php?file_id=' + file_id;
	
	popup(url, 610, 400);
}

function get_cart_count() {
		
	var cart = new CartService();
	
	cart.get_total_qty.call();
	cart.get_total_qty.result = function(qty) {
	
		//alert(qty);
		
		if(qty > 0){
		
			var cart_link = new getObj('shop-cart-link');
		
			var html = cart_link.obj.innerHTML;
			
			var p1 = html.indexOf('[');
			var p2 = html.indexOf(']');
			
			var s1 = html.substring(0, p1+1);
			var s2 = html.substring(p2);
			
			var current_qty = parseInt(html.substring(p1+1, p2));
		
			cart_link.obj.innerHTML = s1 + qty + s2;
			
			cart_link.obj.className = 'visible';
		}
	}
	
	return false;
}

function add_to_cart(){
	
	var pattern = prod_current['product-pattern'];
	var size = prod_current['product-size'];
	var collection = prod_current['product-collection'];
	var item = prod_current['product-item'];
	
	var quantity_field = new getObj('quantity-field');
	var qunatity = quantity_field.obj.value;

	var add_to_cart_url = '/alert.php?add_to_cart=' + product_id + 
						'&pattern=' + pattern + 
						'&size=' + size + 
						'&collection=' + collection + 
						'&item=' + item + 
						'&quantity=' + qunatity + 
						'&link=' + request_uri;
	
	popup(add_to_cart_url, 450, 400);	

	get_cart_count();
}


function product_item_click(item_id){
		
	product_click_action(item_id, 'product-item');
}

function product_collection_click(collection_id, image_id){
	
	var current_id = prod_current['product-collection'];
	
	//swap stock options in pottery
	if(current_id){

		setObjClass('collection-stock-' + current_id, 'hidden');
	}

	setObjClass('collection-stock-' + collection_id, 'visible');
	
	//swap product options in pottery
	if(current_id){

		setObjClass('product-item-selector-' + current_id, 'hidden');
	}
	
	var prod_options_div = new getObj('product-item-selector-' + collection_id);
	
	//we are using the pottery style options
	if(prod_options_div.success){
		
		prod_options_div.obj.className = 'visible';
		
		
		
		//unset current pattern
		var pattern_class = 'product-pattern';
		var current_pattern_id = prod_current[pattern_class];
		var current_pattern_div_name = pattern_class + '-' + current_id + '-' + current_pattern_id;
		setObjClass(current_pattern_div_name, pattern_class);
		prod_current[pattern_class] = undefined;
		
		//unset current size
		var size_class = 'product-size';
		var current_size_div_name = size_class + '-' + current_id + '-' + current_pattern_id + '-' + prod_current[size_class];
		setObjClass(current_size_div_name, size_class);
		prod_current[size_class] = undefined;
		
		var pattern_sizes_div_id = 'product-sizes-' + current_id + '-' + current_pattern_id;
		
		var pattern_sizes_div = new getObj(pattern_sizes_div_id);
		
		if(pattern_sizes_div.success){
			
			pattern_sizes_div.obj.className = 'hidden';
		}
		
		collection_pattern_click(collection_id, current_pattern_id);
	}
	
	
	
	product_click_action(collection_id, 'product-collection');
	
	var flash = new getObj("product_images");
			
	if (flash.obj && typeof flash.obj.showIndex != "undefined") {
		flash.obj.showImageId(image_id);
	}
	
	setObjClass('in-stock-note', 'hidden');
}

function collection_pattern_click(collection_id, pattern_id){
	
	var class_name = 'product-pattern';
	var current_pattern_id = prod_current[class_name];
	var current_collection_id = prod_current['product-collection'];
	
	if(current_pattern_id && current_collection_id){
			
		var current_div_name = class_name + '-' + current_collection_id + '-' + current_pattern_id;
		
		//alert(current_div_name);
		
		setObjClass(current_div_name, class_name);
		
		
		var pattern_sizes_div_id = 'product-sizes-' + current_collection_id + '-' + current_pattern_id;
		
		var pattern_sizes_div = new getObj(pattern_sizes_div_id);
		
		if(pattern_sizes_div.success){
			
			pattern_sizes_div.obj.className = 'hidden';
			
			var current_size_id = prod_current['product-size'];
			
			if(current_size_id != undefined){
				
				var size_div_id = 'product-size-' + current_collection_id + '-' + current_pattern_id + '-' + current_size_id;
				
				var size_div = new getObj(size_div_id);
		
				if(size_div.success){
						
					size_div.obj.className = 'product-size';
					
					prod_current['product-size'] = undefined;
					
				}
			}
		}
	}
	
	
	var pattern_sizes_div_id = 'product-sizes-' + collection_id + '-' + pattern_id;
	
	var pattern_sizes_div = new getObj(pattern_sizes_div_id);
	
	if(pattern_sizes_div.success){
		
		pattern_sizes_div.obj.className = 'visible';
	}
	
	var select_div_name = class_name + '-' + collection_id + '-' + pattern_id;
	
	setObjClass(select_div_name, class_name + '-on');
	
	prod_current[class_name] = pattern_id;
}

function collection_size_click(collection_id, pattern_id, size_id){
	
	var class_name = 'product-size';
	var current_size_id = prod_current[class_name];
	var current_collection_id = prod_current['product-collection'];
	
	//alert(current_pattern_id);
	
	if(current_size_id && current_collection_id){
			
		var current_div_name = class_name + '-' + current_collection_id + '-' + pattern_id + '-' + current_size_id;
		
		//alert(current_div_name);
		
		setObjClass(current_div_name, class_name);
	}
	
	var select_div_name = class_name + '-' + collection_id + '-' + pattern_id + '-' + size_id;
	
	setObjClass(select_div_name, class_name + '-on');
	
	prod_current[class_name] = size_id;
}

function product_pattern_click(pattern_id){
	
	var current_id = prod_current['product-pattern'];
	
	if(current_id){
				
		var pattern_sizes_div_id = 'product-sizes-' + current_id;
	
		var pattern_sizes_div = new getObj(pattern_sizes_div_id);
		
		if(pattern_sizes_div.success){
			
			pattern_sizes_div.obj.className = 'hidden';
			
			var current_size_id = prod_current['product-size'];
			
			if(current_size_id != undefined){
				
				var size_div_id = 'product-size-' + current_size_id + '-' + current_id;
				
				var size_div = new getObj(size_div_id);
		
				if(size_div.success){
						
					size_div.obj.className = 'product-size';
					
					prod_current['product-size'] = undefined;
					
				}
			}
		}
	}
	
	var pattern_sizes_div_id = 'product-sizes-' + pattern_id;
	
	var pattern_sizes_div = new getObj(pattern_sizes_div_id);
	
	if(pattern_sizes_div.success){
		
		pattern_sizes_div.obj.className = 'visible';
		
		var class_name = 'product-size';
			
		if(prod_current[class_name]){
		
			var current_div_id = class_name + '-' + prod_current[class_name] + '-' + current_id ;
		
			var current_div = new getObj(current_div_id);
			
			current_div.obj.className = class_name;
		}
	}

	product_click_action(pattern_id, 'product-pattern');
	
	
}

function product_size_click(size_id){
	
	var pattern_id = prod_current['product-pattern'];
	
	var pattern_sizes_div_id = 'product-sizes-' + pattern_id;
	
	var pattern_sizes_div = new getObj(pattern_sizes_div_id);
	
	if(pattern_sizes_div.success){
		
		//prod_current['product-size'] = size_id;
		
		var class_name = 'product-size';
			
		if(prod_current[class_name]){
		
			var current_div_id = class_name + '-' + prod_current[class_name] + '-' + pattern_id ;
		
			var current_div = new getObj(current_div_id);
			
			current_div.obj.className = class_name;
		}
		
		prod_current[class_name] = size_id;
		
		var new_div_id = class_name + '-' + size_id + '-' + pattern_id ;
		
		var new_div = new getObj(new_div_id);
		
		new_div.obj.className = class_name + '-on';
		
	}else{

		product_click_action(size_id, 'product-size');
	}
}

function product_stock_click(pattern_id, size_id){
	
	var current_collection_id = prod_current['product-collection'];
	
	collection_pattern_click(current_collection_id,pattern_id);
	if(size_id != null){
		
		collection_size_click(current_collection_id, pattern_id, size_id)
	}
}

function product_click_action(id, class_name){
	
	if(prod_current[class_name]){
		
		var current_div_id = class_name + '-' + prod_current[class_name];
	
		var current_div = new getObj(current_div_id);
		
		current_div.obj.className = class_name;
	}
	
	prod_current[class_name] = id;
	
	var new_div_id = class_name + '-' + id;
	
	var new_div = new getObj(new_div_id);
	
	new_div.obj.className = class_name + '-on';
	
	
	//var input = new getObj(class_name + '-input');
	
	//input.obj.value = id;
	
}