function removeAllOptionsById(id) {
	obj = document.getElementById(id);
	if(obj) {
		if(obj.length>0) {
			len = obj.length;
			for(i=0;i<len;i++) obj.remove(0);
		}
	}
}
function addOptionById(id,option_text,option_id) {
	obj = document.getElementById(id);
	if(obj) {
		optn = document.createElement("OPTION");
		optn.text = option_text;
		optn.value = option_id;
		try {
			obj.add(optn, null); // standards compliant; doesn't work in IE
		}
		  catch(ex) {
		    obj.add(optn); // IE only
		}
	}
}

function setThumbImage(color_value)
{
	color_value = parseInt(color_value);
	for (i=0; i<product_colors.length; i++) {
	
		thumb_element = document.getElementById('thumb'+product_colors[i]['id_color']);
		if( thumb_element ) {
			if (product_colors[i]['id_color']==color_value) thumb_element.className="thumbnailSelected";
				else thumb_element.className="thumbnail";
		}
	}
	
}

function setBigImage(color_value)
{
	color_value = parseInt(color_value);
	for (i=0; i<product_colors.length; i++) {
		if(product_colors[i]['id_color']==color_value && product_colors[i]['img_src']!=''){
			document.getElementById('bigImage').src=product_colors[i]['img_src'];
			$('#bigImage').attr('jqimg',product_colors[i]['img_original_src']);
			break;
		};
	}
}

function setSizeOptions(color_value)
{
	element = 'product_sizes';
	removeAllOptionsById(element);
	color_value = parseInt(color_value);
	for (i=0; i<product_sizes.length; i++) {
		if(product_sizes[i][0]==color_value){
			for(j=1;j<product_sizes[i].length;j++){
				addOptionById(element,product_sizes[i][j]['size_name'],product_sizes[i][j]['id_size'])
			}
			
			break;
		};
	}
}
function setProductID(color_value,size_value)
{
	element = 'add';
	color_value = parseInt(color_value);
	size_value = parseInt(size_value);
	prod_id = document.getElementById(element);
	
	for (i=0; i<product_sizes.length; i++) {
		if(product_sizes[i][0]==color_value){
			
			for(j=1;j<product_sizes[i].length;j++){
				if(product_sizes[i][j]['id_size']==size_value) {
					prod_id.value = product_sizes[i][j]['id_productassortment'];
					break;
				}
			}
			
			break;
		};
	}
}

function setQuantityOptions(color_value,size_value)
{
	element = 'product_quantity';
	removeAllOptionsById(element);
	color_value = parseInt(color_value);
	size_value = parseInt(size_value);
	
	for (i=0; i<product_sizes.length; i++) {
		if(product_sizes[i][0]==color_value){
			
			for(j=1;j<product_sizes[i].length;j++){
				if(product_sizes[i][j]['id_size']==size_value) {
					
					for(q=1;q<(product_sizes[i][j]['quantity']+1);q++)
						addOptionById(element,q,q);
				}
			}
			
			break;
		};
	}
}

function selectColorOptions(color_value)
{
	element = 'product_colors';
	color_value = parseInt(color_value);
	colors_select_box = document.getElementById(element);
	for(i=0;i<colors_select_box.length;i++){
	//alert(colors_select_box.options[i].value );
	 if(colors_select_box.options[i].value == color_value) {
		colors_select_box.selectedIndex = i;
		break;
	 }
	}
}

function onClickColorThumb(color_value)
{
	color_value = parseInt(color_value);
	selectColorOptions(color_value);
	setSizeOptions(color_value);
	size_value = document.getElementById('product_sizes').value;
	setQuantityOptions(color_value,size_value);
	setProductID(color_value,size_value);
	setThumbImage(color_value);
	setBigImage(color_value);

}
function onChangeColor(color_value)
{
	//if(isNaN(color_value)){
		color_value = parseInt(color_value);
		setSizeOptions(color_value);
		size_value = document.getElementById('product_sizes').value;
		setQuantityOptions(color_value,size_value);
		setProductID(color_value,size_value);
		setBigImage(color_value);
		setThumbImage(color_value);
	//}
}
function onChangeSize(size_value)
{
	size_value = parseInt(size_value);
	color_value = document.getElementById('product_colors').value;
	setQuantityOptions(color_value,size_value);
	setProductID(color_value,size_value);
}

window.onload=function(){
	onChangeColor(document.getElementById('product_colors').value);
  $(".jqzoom").jqueryzoom({

		xzoom: 350,		//zooming div default width(default width value is 200)
		yzoom: 380,		//zooming div default width(default height value is 200)
		offset: 35,		//zooming div default offset(default offset value is 10)
		position: "right",  //zooming div position(default position value is "right")
								preload: 1    , // preload of images :1 by default
		lens:1  // lens over the image   1 by default
	});
	
}