// JavaScript Document
//var ROOT = "http://www.cloakanddaggernyc.com/shop";
var ROOT = "https://secure.netsolhost.com/cloakanddaggernyc.com/shop";

var current_image = 1;
function get_size(){
	$("color_name").value = $('color_id')[$('color_id').selectedIndex].text;
	var color_id = $('color_id')[$('color_id').selectedIndex].value;
	var url = ROOT + "/ssi/page/size.php?color_id=" + color_id+ "&product_id=" + $("product_id").value;
	var image = $("image");
	new Effect.Fade(image, {afterFinish: function() {
					image.src = ROOT + "/ssi/image/?url=/shop/files/" + $("style").value + "/color"+color_id+"/1-image.jpg&w=375&h=500";
					Event.observe(image, "load", function() { new Effect.Appear(image);});
					}
					});
	new Ajax.Updater("size_contain", url);
	// al cambiar el color chequear la cantidad
	get_quantity_by_color();
	get_images();
}

function get_quantity_by_color(){
	var color_id = $('color_id')[$('color_id').selectedIndex].value;
	var size = $('size')[$('size').selectedIndex].value;
	var url = ROOT + "/ssi/page/quantity.php?color_id=" + color_id+ "&product_id=" + $("product_id").value + "&size=" + size;
	new Ajax.Updater("qty_contain", url);
}
function get_images() {
	if ($("images") && $('color_id') && $('color_id').selectedIndex>0) {
		current_image = 1;
		var color_id = $('color_id')[$('color_id').selectedIndex].value;
		var url = ROOT + "/ssi/page/images.php?color_id=" + color_id+ "&style=" + $("style").value;
		color_id = color_id ? color_id : 1;
		new Ajax.Updater($("images"), url, {onComplete: function() { var total = $("images").innerHTML; $("count").innerHTML = (current_image + "/" + total); $("navigator").style.display = (total==0) ? "none" : "";}});
	}
}
function prevImage() {
	showImage(--current_image);
}
function nextImage() {
	showImage(++current_image);	
}
function showImage() {
	var color_id = $('color_id')[$('color_id').selectedIndex].value;
	var total = $("images").innerHTML;
	if (current_image<1) current_image = total;
	if (current_image>total) current_image = 1;
	$("count").innerHTML = (current_image + "/" + total);
	var image = $("image");
	new Effect.Fade(image, {afterFinish: function() {
					image.src = ROOT + "/ssi/image/?url=/shop/files/" + $("style").value + "/color"+color_id+"/"+current_image+"-image.jpg&w=375&h=500";
					Event.observe(image, "load", function() { new Effect.Appear(image);});
				}
			});	
}