function setFeatureImage(imagePrefix) {
	featureImage = $('feature-image');
	zoomImage = $('inspector-image');
	featureImage.src = imagePrefix+'_300.jpg';
	zoomImage.src = imagePrefix+'_1200.jpg';
	updateZoomImage(imagePrefix);
}

function updateZoomImage(imagePrefix) {
	//$('log').innerHTML = "here" + imagePrefix;
	loadingZoomImage();
	new Ajax.Request('/ajax/get_inspector_image.php?image_prefix='+imagePrefix, { evalScripts: true});
}
function loadingZoomImage() {
	$('inspector-loading').style.display = 'block';
}

function zoomImageLoaded(e) {
	$('inspector-image').src = this.src;
	$('inspector-loading').style.display = 'none';
}

function resetSwatches(model) {
	swatchList = $('S'+model+'_swatch_list');
	listItems = swatchList.getElementsByTagName('li');
	for(i = 0; i < listItems.length; i++) {
		listItems[i].getElementsByTagName('a')[0].className = '';
	}
	
	$('pictured-color-wrapper').visibility = 'hidden';
}

function featureImageClick(img) {
	window.open(img, 'FairIndigo', 'titlebar=no,height=800,width=800');
}


function clearSelectList(selectList) {

	var selectList = $(selectList);
	for (var count = selectList.options.length-1; count >-1; count--)
	{
		selectList.options[count] = null;
	}
}

function addOption(selectList, value, text) {
	var selectList = $(selectList);
	selectList.options[selectList.options.length] = new Option(value, text);
}

function updateDropDowns() {
	params='?model='+$F('model');
	for(i = 0; i < $F('number_of_dimensions')-1; i++) {
		dimension_name = $F('select-'+i+'-name');
		dimension_value = $F('select-'+i);
		
		params+='&dimension-'+i+'-name='+dimension_name;
		params+='&dimension-'+i+'-value='+dimension_value;
		
	}
	params+='&target=select-'+($F('number_of_dimensions')-1);
	params+='&target-name='+$F('select-'+($F('number_of_dimensions')-1)+'-name');
	params+='&number-of-dimensions='+$F('number_of_dimensions');

	new Ajax.Request(ajaxDir+'get_select_list.php'+params, {method: 'get', evalScripts: true});

	checkAvailability();

	setQuantityStatus();

}



function productPageOnLoad() {
	
	onLoad();
	
	for(i = 1; i < $F('number_of_dimensions'); i++) {
		if($('select-'+i) != null && $F('select-'+(i-1)) == -1) {
			$('select-'+i).disabled = true;
		}
	}
	
	updateZoomImage($('feature-image').src.replace('_lofi.jpg',''));

	
}

function sizeChange() {
	checkAvailability();
	//if($('color-select') != null) {
	//	$('color-select').disabled = false;
	//}
	updateDropDowns();
	$('size-select').blur();

}

function typeChange() {
	if($('size-select') != null) {
		$('size-select').disabled = false;
	}
	updateDropDowns();

}

function colorChange(target) {
	var text = target.options[target.selectedIndex].text;
	selectColor($F('model'), target.value, text) ;
	target.blur();
}

function checkAvailability() {
	
	number_of_dimensions = $F('number_of_dimensions');
	for(i = 0; i < number_of_dimensions; i++) {
		if($F('select-'+i) == -1) {
			$('sku-message-wrapper').innerHTML = '';
			$('sku-message-wrapper').style.display = 'none';
			return;
		}
	}
	
	params = '?products_id='+$F('products_id');
	params+= '&number_of_dimensions='+number_of_dimensions;
	for(i = 0; i <  number_of_dimensions; i++) {
		dimension_name = $F('select-'+i+'-name');
		dimension_value = $('select-'+i).value;
		
		params+='&dimension-'+i+'-name='+dimension_name;
		params+='&dimension-'+i+'-value='+dimension_value;
		
	}
	params+='&wrapper_id=sku-message-wrapper'
	new Ajax.Request(ajaxDir+'get_sku_availability.php'+params, {method: 'get', evalScripts: true});
	
}	

function setQuantityStatus() {
	for(i = 0; i < $F('number_of_dimensions'); i++) {
		if($F('select-'+i) == -1) {
			$('quantity-select').disabled = true;
			return;
		}
	}
	$('quantity-select').disabled = false;
	
}
function dimensionChange(target) {
	if($F(target.id+"-name") == 'Color') {
		colorChange(target);
	}
	
	for(i = 1; i < $F('number_of_dimensions'); i++) {
		if($('select-'+i) != null && $('select-'+i).disabled == true && $F('select-'+(i-1)) != -1) {
			$('select-'+i).disabled = false;
			if($('select-'+i).options.length == 2) {
				$('select-'+i).selectedIndex = 1;
			}
		} else {
			break;
		}
		
		
	} 
	
	updateDropDowns();
	target.blur();
}
document.visible = false;
function featureImageMouseMove(event,target) {
	featureImageHeight = Element.getDimensions(target).width;
	featureImageWidth = Element.getDimensions(target).width;
	zoomImageHeight = 1200;//$('inspector-image').height;
	zoomImageWidth = 1200;//$('inspector-image').width;
	xRatio = zoomImageWidth/featureImageWidth;
	yRatio = zoomImageHeight/featureImageHeight;
	inspectorHeight = 	Element.getHeight('inspector-image-wrapper');
	inspectorWidth = 	inspectorHeight;

	
	positionCumOffset = Position.cumulativeOffset(target);
	realOffset = Position.realOffset(target);
	
	cumX = positionCumOffset[0];
	cumY = positionCumOffset[1];
	//$('log').innerHTML = positionCumOffset +"|"+ realOffset + "|" + cumX+"," + cumY;
	
	$('photo-inspector-wrapper').style.left = (event.clientX -15 )+ 'px';
	if (!(/Safari/.test(navigator.userAgent))) {
	   $('photo-inspector-wrapper').style.top = (event.clientY-5 + realOffset[1]) +'px';
	}
	else {
	   $('photo-inspector-wrapper').style.top = (event.clientY-5) +'px';
	}
	x = Event.pointerX(event);
	y = Event.pointerY(event);
	offsetX = x - cumX;
	offsetY = y - cumY;
	/*
	$('log').innerHTML = x + ' ' + y 
	+ '<br />' + cumX  + ' ' + cumY 
	+ '<br />' + offsetX + ' ' + offsetY 
	+ '<br />' + featureImageWidth + ' ' + featureImageHeight
	+ '<br />'  + inspectorWidth + ' ' + inspectorHeight;	
	*/
	if(offsetX < 1 || offsetY < 1 || offsetX > featureImageWidth -1 || offsetY > featureImageWidth -1) {
		
		//alert('here');
		if(document.visible) {
			//$('photo-inspector-wrapper').style.display = 'none';	
			$('photo-inspector-wrapper').style.visibility = 'hidden';
			document.visible = false;
		}
		
		if(navigator.appVersion.indexOf("MSIE") !=-1 && parseInt(navigator.appVersion) < 7) {
			selects = document.getElementsByTagName('select');
			for(i = 0; i < selects.length; i++) {
				selects[i].style.visibility = 'visible';
			}
		}
		

	} else {
		
		if(!document.visible) {
			
			document.visible = true;
			//$('photo-inspector-wrapper').style.display = 'block';
			$('photo-inspector-wrapper').style.visibility = 'visible';
			//Effect.Appear('photo-inspector-wrapper', {duration:1});
		}
		
		selects = document.getElementsByTagName('select');
		if(navigator.appVersion.indexOf("MSIE") !=-1 && parseInt(navigator.appVersion) < 7) {
			for(i = 0; i < selects.length; i++) {
				selects[i].style.visibility = 'hidden';
			}
		}
	}
	
	$('inspector-image').style.marginLeft = (-offsetX* xRatio + (inspectorWidth/2)) +  'px';
	$('inspector-image').style.marginTop = (-offsetY* yRatio + (inspectorHeight/2)) + 'px';
}

function showInspector() {
//	$('photo-inspector-wrapper').style.display = 'block';
}

function hideInspector() {

//	$('photo-inspector-wrapper').style.display = 'none';
}

function resetAlternateBorders() {
	list = document.getElementsByClassName('alternate-image-link');
	for(i=0;i<list.length;i++){
		Element.removeClassName(list[i], 'selected');
	}
}

function selectAlternateImage(image, anchor) {
	resetAlternateBorders();
	Element.addClassName(anchor, 'selected');
	resetSwatches($F('model'));
	prefix = image.src.replace('_40.jpg','');
	setFeatureImage(prefix);
	$('pictured-color-wrapper').style.visibility='hidden';

	if(anchor.id == 'lead-alternate-link') {
		selectColor($F('model'), anchor.color, anchor.colorName);
	}
	//$('log').innerHTML =(image.src);
}