// Get base url
url = document.location.href;
xend = url.lastIndexOf("/") + 1;
var base_url = url.substring(0, xend);
var prev_pic = 0;
var prev_item = 0;

function ajax_do (url, i) {
        // Does URL begin with http?
        if (url.substring(0, 4) != 'http') {
                url = base_url + url;
        }

		// Create new JS element
        var jsel = document.createElement('SCRIPT');
        jsel.type = 'text/javascript';
        jsel.src = url;

		// alert(url);
        // Append JS element (therefore executing the 'AJAX' call)
        document.body.appendChild (jsel);
		
		if( i == 0 )
		{
			prev_pic = 0;
			prev_item = 0;
		}
		else
		{
			if( prev_pic > 0)
			{
				// reset border on previous pic
				pic_name = 'pic' + prev_pic;
				pic = document.getElementById(pic_name);
				pic.style.borderColor = "#000000";
				pic.style.borderLeftWidth = "1";
				pic.style.borderRightWidth = "1";
			}
	
			prev_pic = i;
		
			// highlight border on current pic
			pic_name = 'pic' + i;
			pic = document.getElementById(pic_name);
			pic.style.borderColor = "#333333";
			pic.style.borderLeftWidth = "thick";
			pic.style.borderRightWidth = "thick";
		}
}

function ajax_dox (url) {
        // Does URL begin with http?
        if (url.substring(0, 4) != 'http') {
                url = base_url + url;
        }

		// Create new JS element
        var jsel = document.createElement('SCRIPT');
        jsel.type = 'text/javascript';
        jsel.src = url;

        // Append JS element (therefore executing the 'AJAX' call)
        document.body.appendChild (jsel);
		
		// find = sign and the get number of item
		var arrayOfStrings = url.split('=');
		// alert(arrayOfStrings[1]);
		item_num = arrayOfStrings[1];
		
		if( item_num == 0 )
		{
			prev_pic = 0;
			prev_item = 0;
		}
		else
		{
			if( prev_item > 0)
			{
				// reset border on previous pic
				pic_name = 'pic' + prev_item;
				pic = document.getElementById(pic_name);
				pic.style.borderColor = "#000000";
				pic.style.borderLeftWidth = "1";
				pic.style.borderRightWidth = "1";
			}
	
			prev_item = item_num;
		
			// highlight border on current pic
			pic_name = 'pic' + item_num;
			pic = document.getElementById(pic_name);
			pic.style.borderColor = "#333333";
			pic.style.borderLeftWidth = "thick";
			pic.style.borderRightWidth = "thick";
		}
}
// JavaScript Document