function init () {
	var tabs = document.getElementsByClassName('tabs');
	for (var i = 0; i < tabs.length; i++) {
		$(tabs[i].id).onclick = function () {
			switchTab(this.id);
		}
	}
	switchTab( 'tab1' );
}
function switchTab(tabid) {
	var tabs = document.getElementsByClassName('tabs');
	for (var i = 0; i < tabs.length; i++) {
		if( tabid == tabs[i].id ) {
			document.getElementById(tabs[i].id + "_content").style.display =  'block';
			document.getElementById(tabs[i].id).style.backgroundImage = "url('/images/web_design_tab_bg.jpg')";
		} else {
			document.getElementById(tabs[i].id + "_content").style.display =  'none';
			document.getElementById(tabs[i].id).style.backgroundImage = "url('/images/web_design_tab_bg_down.jpg')";
		}
	}
}
function getTabData(id) {
	$('tabs_content').innerHTML = '';
	var url = 'process.php';
	var rand = Math.random(9999);
	var pars = 'id=' + id + '&rand=' + rand;
	var myAjax = new Ajax.Request( url, {method: 'get', parameters: pars, onLoading: showLoad, onComplete: showResponse} );
}
function showLoad () {
	$('tabs_load').style.display = 'block';
}
function showResponse (originalRequest) {
	var newData = originalRequest.responseText;
	$('tabs_load').style.display = 'none';
	tabs_content = document.getElementById("tabs_content");
	tabs_content.innerHTML = newData;
}