function button_init(menuId) {
	curButton = '';
	mainimg = document.getElementById('img');
	var menu = document.getElementById(menuId);
	menuLinks = menu.getElementsByTagName('li');
	
	
	for (var i=0; i<menuLinks.length; i++) {
		// preload the images?
		// set the onclick even for each image
		menuLinks[i].getElementsByTagName('a').item(0).onclick = button_click;
		preload_img = document.createElement('img');
		//preload_img = new Image;
		preload_img.src = menuLinks[i].getElementsByTagName('a').item(0).href;
		//alert(preload_img.width);
	}
	
	var view_detail = document.getElementById('view_detail');
	var links = view_detail.getElementsByTagName('a');
	
	if(links.length > 0) {
		view_detail.getElementsByTagName('a').item(0).onclick = detail_swap;
	}
}

function button_click() {
	// calls the img_swap function
	//this.className = 'active';
	img_swap(this);
	this.blur();
	return false;
}

function set_active_class(element) {
	for (var i=0; i<menuLinks.length; i++) {
		// preload the images?
		// set the onclick even for each image
		menuLinks[i].getElementsByTagName('a').item(0).className = '';
	}
	element.className = 'active';
}

function detail_swap() {
	// swap the more details div innerhtml	
	replaceImageNode('img',this);
	this.blur();
	return false;
}

function replaceImageNode(id, element){
	var img = document.getElementById(id);
	
	//preload_img = new Image;
	//preload_img.src = element;
	
	preload_img = document.createElement('img');
	preload_img.src = element;
	


	var i = img.cloneNode(true);
	i.src=element;
	//i.width = new_width;
	//i.height = new_height;
	
		   
	var parent = img.parentNode;
	parent.replaceChild(i, img);
	
	return i;
}

function img_swap(button) {
	// swap the main image
	//mainimg.src = button;
	
	
	//var i = mainimg.cloneNode(true);
	//i.setAttribute("src", button);
	//	var newimg = document.createElement('img');
	//newimg.setAttribute('id', 'img');
	//newimg.src = button;
	
	// var parent = mainimg.parentNode;
	//parent.replaceChild(newimg, mainimg);
	
	
	
	// swap the main image 
	//alert("1"); 
	var parent_id = button.parentNode.id;
	var description = parent_id + '_desc';
	var detail_link = parent_id + '_link';
	var oldhtml = document.getElementById('gallery_details');
	var newhtml = document.getElementById(description);
	oldhtml.innerHTML = newhtml.innerHTML;
	
	var old_link = document.getElementById('view_detail');
	var new_link = document.getElementById(detail_link);
	old_link.innerHTML = new_link.innerHTML;
	
	var view_detail = document.getElementById('view_detail');
	var links = view_detail.getElementsByTagName('a');
	
	if(links.length > 0) {
		view_detail.getElementsByTagName('a').item(0).onclick = detail_swap;
		preload_img = new Image;
		preload_img.src = view_detail.getElementsByTagName('a').item(0).href;
	}
	set_active_class(button);

	replaceImageNode('img',button);

	//alert("2"); 
	
	//var divs = button.getElementsByTagName('p'); 
	
	
	// more deatils link
	// description
	//img_details.innerHTML = 'asdf';
}