// From ajax.js - common to all ajax pages
disableLinks('categories');
disableLinks('thumbs');

pic1= new Image(768,105); 
pic2= new Image(768,105); 
pic3= new Image(768,105); 
pic1.src="/img/gallery/elements/thumb_bar_cat1.gif"; 
pic2.src="/img/gallery/elements/thumb_bar_cat2.gif"; 
pic3.src="/img/gallery/elements/thumb_bar_cat3.gif"

function pageLoad() {
}

function moveThumbs(cat,curr_img) {
	var url = "/ajaxgallery.php?cat=" + cat + "&curr_img=" + curr_img;
	var http =  getHTTPObject();
 
	http.open("GET", url, true);
	http.onreadystatechange = onreadystatechange = function() {
		if (http.readyState == 4) {
			document.getElementById('galleryinteractive').innerHTML = http.responseText;
		}
	}
	http.send(null);
}

function changeLargeImage(lrgimg_url,width,height,alt) {
	var galleryImg=document.getElementById('galleryimage_img');
	
	galleryImg.src=lrgimg_url;
	galleryImg.width=width;
	galleryImg.height=height;
	galleryImg.setAttribute('alt',alt);
}

function changeGallery(cat) {	
//preload images in onload()
	var bgImage=null;
	switch(cat) {
		case 1:bgImage='thumb_bar_cat1.gif'; break;
		case 2:bgImage='thumb_bar_cat2.gif'; break;
		case 3:bgImage='thumb_bar_cat3.gif'; break;
		default:bgImage='';
	}
	var gbc=document.getElementById('galleryinteractive');
	
	if (bgImage != '') {
		var fullBgImage="url(/img/gallery/elements/" + bgImage +")";
		gbc.style.backgroundImage=fullBgImage;
	}
	
	document.getElementById('cat1').setAttribute('class','categoryfalse');
	document.getElementById('cat2').setAttribute('class','categoryfalse');
	document.getElementById('cat3').setAttribute('class','categoryfalse');
	document.getElementById('cat1').setAttribute('className','categoryfalse');
	document.getElementById('cat2').setAttribute('className','categoryfalse');
	document.getElementById('cat3').setAttribute('className','categoryfalse');
	
	switch(cat) {
		case 1:document.getElementById('cat1').setAttribute('class','categorytrue');document.getElementById('cat1').setAttribute('className','categorytrue'); break;
		case 2:document.getElementById('cat2').setAttribute('class','categorytrue');document.getElementById('cat2').setAttribute('className','categorytrue'); break;
		case 3:document.getElementById('cat3').setAttribute('class','categorytrue');document.getElementById('cat3').setAttribute('className','categorytrue'); break;
		default:;
	}
	
	
}