$(document).ready(function()
    {
    $("li:has(ul)").hover(function()
        {
        $(this).children("ul").css("display", "none");
        $(this).children("ul").slideDown("normal");
        },
     function()
     {
        $(this).children("ul").slideUp("fast");
     });
    })


var tec3Arr = {'Acrylverf' : 12, 'Olieverf' : 5, 'Aquarel' : 10, 'Overig': -1};
var tec80Arr = {'Houtskool': 81, 'Inkt' : 17, 'Stift / Krijt / Potlood' : 18};
var tec16Arr = {'Digitaal' : 65, 'Ets' : 21, 'Gedrukt' : 92, 'Zeefdruk' : 24, 'Overig' : -2};
var tec25Arr = {'Kleur' : -3, 'Zwart/wit' : 26, 'Digitaal' : -4 }
var tec2Arr = {'Beeld' : 32, '' : 38, 'Installaties' : 36};

var selectedDis;
var selectedTec;
var selectedSub;
var selectedNew = 0;
var selectedTag;
var selectedPriceClass;
var selectedAd = '';
var selectedForSale = '';

var selectedLetter = null;
var selectedName = null;
var selectedPlace = null;
var selectedCategory = null;

var selectedPlace = null;
var selectedShow = null;
var selectedRadius = null;
var selectedSiteType = null;
var selectedZipcode = null;
var selectedArtistNew = null;

var selectedSize = null;
var selectedWebshopCat = null;

var offset = 0;
var xmlHTTP;
var cnt = 0;
var blockCall = 0;
var arr_resp = Array();
var call_cnt = 0;
var firstLoad = true;

var curPartial;
var offset;
var blockCall = 0;

function loadPartial(partial, div)
{	xmlHTTP = null;
	xmlHTTP = createHTTPHandler();
	xmlHTTP.open('POST', partial, false);
	xmlHTTP.send(null);
	document.getElementById(div).innerHTML = xmlHTTP.responseText;
	curPartial = partial;

	switch(partial)
	{	case "/exto/artworks_partial.php":
		case "artworks_partial.php":
			track_page = "/";	
		break;

		case "/exto/artists_partial.php":
		case "artists_partial.php":
			track_page = "/kunstenaars";			
		break;


		case "/exto/expos_partial.php":
		case "expos_partial.php":
			track_page = "/exposities";	
		break;


		case "/exto/galleries_partial.php":
		case "galleries_partial.php":
			track_page = "/galeries";	
		
		break;

		case "/exto/colofon_partial.php":
		case "colofon_partial.php":
			track_page = "/colofon";	
		
		break;

		default:
			track_page = "unknown " + partial;
		break;
	}



	var pageTracker = _gat._getTracker("UA-54784-1");
	pageTracker._initData();
	pageTracker._trackPageview(track_page);
}

function resetArtworksSearch()
{	selectedDis = null;
	selectedTec = null;
	selectedSub = null;
	selectedNew = 0;
	selectedTag = null;
	selectedAd = '';
	selectedPriceClass = '';
	blockCall = 1;
	document.getElementById("result_pane").scrollTop = 0;
	offset = 0;
	getArtworksAjaxFirst(0, null, null, null, 0, null);
}


function resetArtistsSearch()
{	selectedLetter = null;
	selectedName = null;
	selectedPlace = null;
	selectedArtistNew = null;
	blockCall = 1;
	document.getElementById("result_pane").scrollTop = 0;
	offset = 0;
	getArtistsAjaxFirst(0, null);
}

function resetExposSearch()
{	selectedPlace = null;
	selectedShow = null;
	selectedZipcode = null;
	selectedRadius = null;
	blockCall = 1;
	document.getElementById("result_pane").scrollTop = 0;
	offset = 0;
	getExposAjaxFirst(0, null);
}	

function resetGallerySearch()
{	selectedName = null;
	selectedPlace = null;
	selectedZipcode = null;
	selectedRadius = null;

	blockCall = 1;
	document.getElementById("result_pane").scrollTop = 0;
	offset = 0;
	getGalleryAjaxFirst(0, null, null);
}	

function resetWebshopSearch()
{	blockCall = 1;
	selectedPriceClass = '';
	selectedSize = '';
	document.getElementById("result_pane").scrollTop = 0;
	offset = 0;
	getWebshopAjaxFirst(null, null);
}	

function fillTecArr(dis)
{	// Techniek vullen
	if(dis == 3)
	{	tecArr = tec3Arr;
	}
	if(dis == 80)
	{	tecArr = tec80Arr;
	}
	if(dis == 16)
	{	tecArr = tec16Arr;
	}
	if(dis == 25)
	{	tecArr = tec25Arr;
	}
	if(dis == 2)
	{	tecArr = tec2Arr;
	}
	return(tecArr);
}

function processArtworksSearch(type, val)
{	// Inhoud trefwoord box updaten
	selectedTag = document.getElementById('tag').value;

	blockCall = 1;
	offset = 0;

	// *********** SELECTED DISCIPLINE
	if(type == "dis")
	{	var dis = val;
		var disel = "dis" + val;
		
		selectedAd = '';

		if(dis == selectedDis)
		{	document.getElementById("dis3").className = "";
			document.getElementById("dis80").className = "";
			document.getElementById("dis16").className = "";
			document.getElementById("dis25").className = "";
			document.getElementById("dis2").className = "";
			document.getElementById(disel).className = "";

			selectedDis = null;
			selectedTec = null;
			document.getElementById('technique').innerHTML = '';
		}
		else
		{	document.getElementById("dis3").className = "inactive_link";
			document.getElementById("dis80").className = "inactive_link";
			document.getElementById("dis16").className = "inactive_link";
			document.getElementById("dis25").className = "inactive_link";
			document.getElementById("dis2").className = "inactive_link";
			document.getElementById(disel).className = "active_link";

			tecArr = fillTecArr(dis);

			var first  = 1;

			for(var ttec in tecArr)
			{	var html = '<a href="#" onClick=\'processArtworksSearch("tec", "' + tecArr[ttec] + '");\'>' + ttec + '</a>';
				if(first)
				{	document.getElementById('technique').innerHTML = html
					first = 0;
				}
				else
				{	document.getElementById('technique').innerHTML += ' - ' + html;
				}
				
			}

			selectedDis = dis;
			selectedTec = null;
		}
	}
	// *********** SELECTED TECHNIQUE
	if(type == 'tec')
	{	var tec = val;

		selectedAd = '';

		tecArr = fillTecArr(selectedDis);

		if(tec == selectedTec)
		{	first = 1;
			for(var ttec in tecArr)
			{	var html = '<a href="#" onClick=\'processArtworksSearch("tec", "' + tecArr[ttec] + '");\'>' + ttec + '</a>';
				if(first)
				{	document.getElementById('technique').innerHTML = html
					first = 0;
				}
				else
				{	document.getElementById('technique').innerHTML += ' - ' + html;
				}
				
			}

			selectedTec = null;	
		}
		else
		{	var first = 1;

			for(var ttec in tecArr)
			{	if(tecArr[ttec] == tec)
				{	className = "active_link";
				}
				else
				{	className = "inactive_link";
				}
				var html = '<a href="#" class="' + className + '" onClick=\'processArtworksSearch("tec", "' + tecArr[ttec] + '");\'>' + ttec + '</a>';
				if(first)
				{	document.getElementById('technique').innerHTML = html
					first = 0;
				}
				else
				{	document.getElementById('technique').innerHTML += ' - ' + html;
				}
				
			}

			selectedTec = tec;
		}
	}
	if(type == 'sub')
	{	var sub = val;

		selectedAd = '';

		if(sub == selectedSub)
		{	document.getElementById("sub67").className = "";
			document.getElementById("sub42").className = "";
			document.getElementById("sub49").className = "";
			document.getElementById("sub53").className = "";
			document.getElementById("sub48").className = "";
			document.getElementById("sub64").className = "";
			document.getElementById("sub57").className = "";
	
			selectedSub = null;
		}
		else
		{	var subel = 'sub' + val;

			document.getElementById("sub67").className = "inactive_link";
			document.getElementById("sub42").className = "inactive_link";
			document.getElementById("sub49").className = "inactive_link";
			document.getElementById("sub53").className = "inactive_link";
			document.getElementById("sub48").className = "inactive_link";
			document.getElementById("sub64").className = "inactive_link";
			document.getElementById("sub57").className = "inactive_link";
			document.getElementById(subel).className = "active_link";		
	
			selectedSub = sub;
		}
	}
	if(type == 'new')
	{	val = val.checked;


		selectedAd = '';

		if(val == 1)
		{	selectedNew = 1;
		}
		else
		{	selectedNew = 0;
		}
	}

	if(type == 'tag')
	{	selectedTag = val;
		selectedAd = '';
	}
	if(type == 'price_class')
	{	selectedPriceClass = val;
		selectedAd = '';
	}

	if(type == 'ad')
	{	val = val.checked;

		if(val == 1)
		{	selectedAd = 1;
		}
		else
		{	selectedAd = '';
		}
	}
	else
	{	document.getElementById("ad_works").checked = false;
	}
	
	getArtworksAjaxFirst(0, selectedDis, selectedTec, selectedSub, selectedNew, selectedTag, selectedPriceClass, selectedAd);
}

function getArtistsAjaxFirst(offset, letter, place, name, cat, anew)
{	firstLoad = true;
	document.getElementById("result_pane").scrollTop = 0;
	document.getElementById("content").innerHTML = "<div style='text-align: center;'><img alt='loading' src='/exto/images/loading.gif' width='32' height='32'/></div>";
	getArtistsAjax(offset, letter, place, name, cat, anew);
}

function getArtistsAjax(offset, letter, place, name, cat, anew)
{	xmlHTTP = null;
	xmlHTTP = createHTTPHandler();
	var url = '/exto/get_artists_content.php?offset=' + offset + '&letter=' + letter + "&name=" + escape(name) + "&place=" + encodeURIComponent(place) + "&category=" + cat + "&new=" + anew;
	xmlHTTP.onreadystatechange = ajaxCallback;
	xmlHTTP.open('POST', url, true);
	xmlHTTP.send(null);
}

function processGallerySearch(type, val)
{	var al = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

	selectedName = document.getElementById('gallery_name').value;
	selectedPlace = document.getElementById('gallery_place').value;
	selectedZipcode = document.getElementById('gallery_zipcode').value;
	selectedRadius = document.getElementById('gallery_radius').value;

	getGalleryAjaxFirst(0, selectedPlace, selectedName, selectedZipcode, selectedRadius);
}

function processArtistsSearch(type, val)
{	var al = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";

	blockCall = 1;
	offset = 0;

	selectedName = document.getElementById('artist_name').value;
	selectedPlace =  document.getElementById('artist_place').value;
	if(selectedCategory == '')
	{	selectedCategory = 2;
	}

	if(type == "category")
	{	selectedCategory = val;
	}

	if(type == "letter")
	{	if(val == selectedLetter)
		{	for(i = 0; i < 26; i++)
			{	if(document.getElementById("letter_" + al.charAt(i)))
				{	document.getElementById("letter_" + al.charAt(i)).className = '';
				}
			}

			selectedLetter = null;
		}
		else
		{	selectedLetter = val;

			for(i = 0; i < 26; i++)
			{	if(document.getElementById("letter_" + al.charAt(i)))
				{	document.getElementById("letter_" + al.charAt(i)).className = 'inactive_link';
				}
			}
			
			document.getElementById("letter_" + val).className = 'active_link';


		}
	}	
	if(type == "new")
	{	val = val.checked;
		if(val == 1)
		{	selectedArtistNew = 1;
		}
		else
		{	selectedArtistNew = null;
		}
	}

	getArtistsAjaxFirst(0, selectedLetter, selectedPlace, selectedName, selectedCategory, selectedArtistNew);
}


function getArtworksAjaxFirst(offset, dis, tec, sub, onew, tag, price_class, ad)
{	firstLoad = true;
	document.getElementById("result_pane").scrollTop = 0;
	document.getElementById("content").innerHTML = "<div style='text-align: center;'><img alt='loading' src='/exto/images/loading.gif' width='32' height='32'/></div>";
	getArtworksAjax(offset, dis, tec, sub, onew, tag, price_class, ad);
}

function getArtworksAjax(offset, dis, tec, sub, onew, tag, price_class, ad)
{	xmlHTTP = null;
	xmlHTTP = createHTTPHandler();
	var url = '/exto/get_artworks_content.php?offset=' + offset + '&dis=' + dis + '&tec=' + tec + '&sub=' + sub + '&onew=' + onew + '&tag=' + tag + "&price_class=" + price_class + "&ads=" + ad;
	xmlHTTP.onreadystatechange = ajaxCallback;
	xmlHTTP.open('POST', url, true);
	xmlHTTP.send(null);
}

function getExposAjaxFirst(offset, place, show, zipcode, radius, site_type)
{	firstLoad = true;
	document.getElementById("result_pane").scrollTop = 0;
	document.getElementById("content").innerHTML = "<div style='text-align: center;'><img alt='loading' src='/exto/images/loading.gif' width='32' height='32'/></div>";
	getExposAjax(offset, place, show, zipcode, radius, site_type);
}

function getExposAjax(offset, place, show, zipcode, radius, site_type)
{	xmlHTTP = null;
	xmlHTTP = createHTTPHandler();
	var url = '/exto/get_expos_content.php?offset=' + offset + '&place=' + escape(place) + '&show=' + show + '&zipcode=' + zipcode + '&radius=' + radius + '&site_type=' + site_type;
	xmlHTTP.onreadystatechange = ajaxCallback;
	xmlHTTP.open('POST', url, true);
	xmlHTTP.send(null);
}

function getGalleryAjaxFirst(offset, place, name, zipcode, radius)
{	firstLoad = true;
	document.getElementById("result_pane").scrollTop = 0;
	document.getElementById("content").innerHTML = "<div style='text-align: center;'><img alt='loading' src='/exto/images/loading.gif' width='32' height='32'/></div>";
	getGalleryAjax(offset, place, name, zipcode, radius);
}

function getGalleryAjax(offset, place, name, zipcode, radius)
{	xmlHTTP = null;
	xmlHTTP = createHTTPHandler();
	var url = '/exto/get_gallery_content.php?offset=' + offset + "&place=" + place + "&name=" + name + "&zipcode=" + zipcode + "&radius=" + radius;
	xmlHTTP.onreadystatechange = ajaxCallback;
	xmlHTTP.open('POST', url, true);
	xmlHTTP.send(null);
}

function processExposSearch(type, val)
{	blockCall = 1;

	selectedPlace = document.getElementById("expos_place").value;
	selectedShow = document.getElementById("expos_show").value;
	selectedZipcode = document.getElementById("expos_zipcode").value;
	selectedRadius = document.getElementById("expos_radius").value;
	selectedSiteType = document.getElementById("site_type").value;
	getExposAjaxFirst(0, selectedPlace, selectedShow, selectedZipcode, selectedRadius, selectedSiteType);
}

function ajaxCallback()
{	if(xmlHTTP.readyState==4)
	{	if(firstLoad)
		{	document.getElementById("content").innerHTML = xmlHTTP.responseText;
			//document.getElementById("content").innerHTML = '';
			//$('content').append(xmlHTTP.responseText);
		}
		else
		{	document.getElementById("content").innerHTML += xmlHTTP.responseText;	
			//$('content').append(xmlHTTP.responseText);
		}
		firstLoad = false;
		blockCall = 0;
		tb_init('a.thickbox, area.thickbox, input.thickbox');
	}
}

function updateResultPane()
{	if(document.getElementById("result_pane").scrollHeight - (document.getElementById("result_pane").scrollTop + 400) < (300 * ((offset/40)+1)) && blockCall == 0 && selectedAd == '')
	{	blockCall = 1;
		// Nieuwe plaatjes ophalen via AjaxCalla
		offset += 40;
		// Niet meer dan 250
		if(offset < 250)
		{	if(curPartial == '/exto/artists_partial.php' || curPartial == 'artists_partial.php')
			{	getArtistsAjax(offset, selectedLetter, selectedName, selectedPlace, selectedCategory);	
			}
			else if(curPartial == '/exto/expos_partial.php' || curPartial == 'expos_partial.php')
			{	//getExposAjax(offset, selectedPlace, selectedShow, selectedZipcode, selectedRadius);	
				// Geen refresh bij expo's
			}
			else if(curPartial == "/exto/galleries_partial.php" || curPartial == "galleries_partial.php" || curPartial == "webshop_partial.php" || curPartial == "/exto/webshop_partial.php")
			{	// Geen refresh bij galeries en webshop
			}
			else
			{	getArtworksAjax(offset, selectedDis, selectedTec, selectedSub, selectedNew, selectedTag, selectedPriceClass, selectedAd);
			}
		}
		
	}
}

function initOverLabels () {
  if (!document.getElementById) return;      

  var labels, id, field;

  // Set focus and blur handlers to hide and show 
  // labels with 'overlabel' class names.
  labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {

    if (labels[i].className == 'overlabel') {

      // Skip labels that do not have a named association
      // with another field.
      id = labels[i].htmlFor || labels[i].getAttribute('for');
      if (!id || !(field = document.getElementById(id))) {
        continue;
      } 

      // Change the applied class to hover the label 
      // over the form field.
      labels[i].className = 'overlabel-apply';

      // Hide any fields having an initial value.
      if (field.value !== '') {
        hideLabel(field.getAttribute('id'), true);
      }

      // Set handlers to show and hide labels.
      field.onfocus = function () {
        hideLabel(this.getAttribute('id'), true);
      };
      field.onblur = function () {
        if (this.value === '') {
          hideLabel(this.getAttribute('id'), false);
        }
      };

      // Handle clicks to label elements (for Safari).
      labels[i].onclick = function () {
        var id, field;
        id = this.getAttribute('for');
        if (id && (field = document.getElementById(id))) {
          field.focus();
        }
      };

    }
  }
};

function hideLabel (field_id, hide) {
  var field_for;
  var labels = document.getElementsByTagName('label');
  for (var i = 0; i < labels.length; i++) {
    field_for = labels[i].htmlFor || labels[i].getAttribute('for');
    if (field_for == field_id) {
      labels[i].style.textIndent = (hide) ? '-1000px' : '0px';
      return true;
    }
  }
}

function addToFavouriteSites(fav_site_id)
{	xmlHTTP = null;
	xmlHTTP = createHTTPHandler();
	xmlHTTP.open('GET', '/admin/ajax_favourite_sites.php?fav_site_id=' + fav_site_id, false);
	xmlHTTP.send(null);
	alert(xmlHTTP.responseText);
}

function addToFavouriteObjects(fav_object_id)
{	xmlHTTP = null;
	xmlHTTP = createHTTPHandler();
	xmlHTTP.open('GET', '/admin/ajax_favourite_objects.php?fav_object_id=' + fav_object_id, false);
	xmlHTTP.send(null);
	alert(xmlHTTP.responseText);
}