// JavaScript Document

function removeFilter(filterId) {
	
	if ($('imageGalleriesImages') != null) $('imageGalleriesImages').style.display = 'none';
	if ($('imageGalleryLoading') != null) $('imageGalleryLoading').style.display = 'block';
	if ($('igMag') != null) $('igMag').style.display = 'none';
	
	var curLablesApplied = $('newLabelId').value.split(",");
	if (curLablesApplied.indexOf(filterId) > -1){
		curLablesApplied = curLablesApplied.without(filterId);
	}
	//alert(curLablesApplied.join(","));
	$('newLabelId').value = curLablesApplied.join(",");
	
	
	
	
	if($('iGUIAppliedMatch').className == 'allFiltersApplied') {
		$('numLabels').value = curLablesApplied.size();
	}else {
		$('numLabels').value = 1;
	}
	
	
	$('labelsApplied').removeChild($(filterId + 'labelList'));
	
	//29labelList
	
	
	var myIFrame, AJAXreloaded;
	
	myIFrame = top.myIFrame;
	AJAXreloaded  = myIFrame.document.getElementById('AJAXreloaded');
	
	if (AJAXreloaded != null) AJAXreloaded.value = 'false';
	$('galFilter').submit();
	setTimeout("updateImages();",250);
	return false;
	
}




function addFilter(filterId, filterText) {
	
	if ($('imageGalleriesImages') != null) $('imageGalleriesImages').style.display = 'none';
	if ($('imageGalleryLoading') != null) $('imageGalleryLoading').style.display = 'block';
	if ($('igMag') != null) $('igMag').style.display = 'none';
	var myIFrame, AJAXreloaded, curNumLabels, curLabelsApplied;
	var addText = true;
	curLabelsApplied = new Array();
	myIFrame = top.myIFrame;
	AJAXreloaded  = myIFrame.document.getElementById('AJAXreloaded');
	
	if (AJAXreloaded != null) AJAXreloaded.value = 'false';
	
	curLablesApplied = $('newLabelId').value.split(",");
	curNumLabels = curLablesApplied.size();
/*
	curNumLabels = parseFloat($('numLabels').value);
	curNumLabels = curNumLabels + 1;
	$('numLabels').value = curNumLabels;
	*/
	if ($('newLabelId').value == '') {
		$('newLabelId').value =  filterId;
		curLablesApplied = [filterId];
		$('numLabels').value = 1;
	} else {
		if (curLablesApplied.indexOf(filterId) < 0){
			$('newLabelId').value = $('newLabelId').value + ',' + filterId;
			
			if($('iGUIAppliedMatch').className == 'anyFiltersApplied') {
				$('numLabels').value = 1;
			} else {
				$('numLabels').value = curNumLabels + 1;
			}
		} else addText = false;
	}
	/*
		
		
<a onclick="addFilter(1, 'caution');return false;" href="#">
<span>[ + </span>
caution
<span> ]</span>
</a>


<a onclick="removeFilter(1);return false;" href="#">
<span>[ X </span>
<span class="removeFilterText">caution</span>
<span> ]</span>
</a>
		*/

	if (addText){
		
		$('galFilter').submit();
		
	
		if (filterId > 0){
			var newListItem = document.createElement("li");
			newListItem.setAttribute('id', filterId + 'labelList');
			$('labelsApplied').appendChild(newListItem);
			
			
			
			var newListItemAnchor = document.createElement("a");
			var onClickFunction='return removeFilter(' + filterId + ')';
			newListItemAnchor.onclick=new Function(onClickFunction); 
			newListItemAnchor.setAttribute('href', '#');
			
			var newListItemSpanFront = document.createElement("span");
			newListItemSpanFront.innerHTML = '[ X ';
			
			
			
			var newListItemSpanText = document.createElement("span");
			newListItemSpanText.className = 'removeFilterText';
			newListItemSpanText.innerHTML = filterText;
			
			
			var newListItemSpanBack = document.createElement("span");
			newListItemSpanBack.innerHTML = ' ]';
			
			
			newListItemAnchor.appendChild(newListItemSpanFront);
			newListItemAnchor.appendChild(newListItemSpanText);
			
			newListItemAnchor.appendChild(newListItemSpanBack);
			
			$(filterId + 'labelList').appendChild(newListItemAnchor);
			/*
			var newListItemAnchor = document.createElement("a");
			newListItemAnchor.setAttribute('onclick', 'removeFilter(' + filterId + ');return false;');
			newListItemAnchor.innerHTML = '[X] ';
			
			
			
			var newListItemSpan = document.createElement("span");
			newListItemSpan.innerHTML = filterText;
			
			
			$(filterId + 'labelList').appendChild(newListItemAnchor);
			$(filterId + 'labelList').appendChild(newListItemSpan);
			
			*/
			
			

		}
	}
	setTimeout("updateImages();",250);
}

function changeFilterMatch(newMatch) {
	
	if ($('imageGalleriesImages') != null) $('imageGalleriesImages').style.display = 'none';
	if ($('imageGalleryLoading') != null) $('imageGalleryLoading').style.display = 'block';
	if ($('igMag') != null) $('igMag').style.display = 'none';
	
	$('iGUIAppliedMatch').className = newMatch + "FiltersApplied";
	$(newMatch + 'Filters').blur();
	if(newMatch == 'all') {
		
		var curLablesApplied = $('newLabelId').value.split(",");
		$('numLabels').value = curLablesApplied.size();
		
	}else if(newMatch == 'any') {
		$('numLabels').value = 1;
	}
	var myIFrame, AJAXreloaded, curNumLabels;
	
	myIFrame = top.myIFrame;
	AJAXreloaded  = myIFrame.document.getElementById('AJAXreloaded');
	
	if (AJAXreloaded != null) AJAXreloaded.value = 'false';
	$('galFilter').submit();
	setTimeout("updateImages();",250);
}

function updateImages() {
	var myIFrame = top.myIFrame;
	var newImageWrapper  = myIFrame.document.getElementById('imageGalleriesImagesAJAX');
	var AJAXreloaded  = myIFrame.document.getElementById('AJAXreloaded');
	if (AJAXreloaded != null && AJAXreloaded.value != 'false'){
		$('imageGalleriesImages').innerHTML = newImageWrapper.innerHTML;
		prepZooms();
		if ($('imageGalleryLoading') != null) $('imageGalleryLoading').style.display = 'none';
		if ($('imageGalleriesImages') != null) $('imageGalleriesImages').style.display = 'block';
		
	} else 
		setTimeout("updateImages();",250);
	
}
Event.observe(window, "load", firstPageLoad, false);

function firstPageLoad() {
	var curPassedURL = " " + window.location;
	var filterIdToApply = null;
	if (curPassedURL.indexOf('galFilter') > -1) {
		filterIdToApply = curPassedURL.substring(curPassedURL.indexOf('galFilter=') + 10);
		if (filterIdToApply == 5) addFilter(filterIdToApply, "Corporate Branding");
		if (filterIdToApply == 8) addFilter(filterIdToApply, "Retail");
		if (filterIdToApply == 6) addFilter(filterIdToApply, "Prototype");
	} else {
		if($('galFilter')!= null) {
			$('galFilter').submit();
			updateImages();
		}
	}
	
	setupZoom();
	
	
	if ($('igMag') != null) $('igMag').onmouseout = imageGalleryHoverOut;
}

function changeCat(newCategory) {
	var newCatName = ""
	if (newCategory == 1) newCatName = 'color';
	else if (newCategory == 2) newCatName = 'brand';
	else if (newCategory == 3) newCatName = 'product';
	else if (newCategory == 4) newCatName = 'customer';
	else if (newCategory == 5) newCatName = 'client';
	else if (newCategory == 6) newCatName = 'category';
	$('iGUIAddFilters').className = newCatName + "TabOn";
	$('iG' + newCatName).blur();
}


	function imageGalleryHoverOut(e) {
		if ($('igMag') != null) $('igMag').style.display = 'none';
	}
	
	var slideshowPlaying = false;
	var slideshowTime = 3500;
	var currentImages = null;
	var forwardTimeout = null;
	function toggleSlideshow() {
		clearTimeout(forwardTimeout);
		currentImages = $('imageGalleriesImages').getElementsByTagName("a");
		slideshowPlaying = !slideshowPlaying;
		resetSlideshow();
		return false;
	}	
	function resetSlideshow() {
		clearTimeout(forwardTimeout);
		if(slideshowPlaying) {
			forwardTimeout = setTimeout("slideshowNext();",slideshowTime);
			$('ZoomWindow').className = 'slideshowPause';
		} else {
			$('ZoomWindow').className = 'slideshowPlay';
			forwardTimeout = null;
		}
	}
	
	function slideshowNext () {
		clearTimeout(forwardTimeout);
		currentImages = $('imageGalleriesImages').getElementsByTagName("a");
		var i = 0;
		var curImage = $('ZoomImage').src;
		curImage = curImage.replace('small', 'large');
		$('ZoomCapDiv').style.visibility = "hidden";
		for (i = 0; i < currentImages.length; i++) {
			if (currentImages[i].href == curImage){
				if (currentImages[i + 1] != null) {
					$('ZoomImage').src = currentImages[i + 1].href;
					$('ZoomCaption').innerHTML = currentImages[i + 1].title;
				}
				else if (currentImages[0] != null) {
					$('ZoomImage').src = currentImages[0].href;
					$('ZoomCaption').innerHTML = currentImages[0].title;
				}
				break;
			}		
		}
		//zoomDoneIn('ZoomBox');
		if(slideshowPlaying) forwardTimeout = setTimeout("slideshowNext();",slideshowTime);
		return false;
	}
	function slideshowBack () {
		clearTimeout(forwardTimeout);
		currentImages = $('imageGalleriesImages').getElementsByTagName("a");
		var i = 0;
		var curImage = $('ZoomImage').src;
		curImage = curImage.replace('small', 'large');
		$('ZoomCapDiv').style.visibility = "hidden";
		for (i = 0; i < currentImages.length; i++) {
			if (currentImages[i].href == curImage){
				if ((i - 1) >= 0 && currentImages[i - 1] != null) {
					$('ZoomImage').src = currentImages[i - 1].href;
					$('ZoomCaption').innerHTML = currentImages[i - 1].title;
				}
				else if (currentImages[currentImages.length -1] != null) {
					$('ZoomImage').src = currentImages[currentImages.length - 1].href;
					$('ZoomCaption').innerHTML = currentImages[currentImages.length - 1].title;
				}
				break;
			}		
		}
		//zoomDoneIn('ZoomBox');
		if(slideshowPlaying) forwardTimeout = setTimeout("slideshowNext();",slideshowTime);
		return false;
	}
	
	function setupMag(from) {
		if ($('igMag') != null) {
			$('igMag').style.left = positionedOffsetLeft(from) + 'px';
			$('igMag').style.top = positionedOffsetTop(from) + 'px';
			$('igMag').onclick = function (event) { return zoomClick(from, event); };
			$('igMag').style.display = 'block';
		}
	}