var req;
var projects_sn	= new Array();
var projects = new Array();
projects_sn	= ['kazamata', 'szemelyibroker', 'veszelszkiautobonto', 'kronzsuzsa', 'sohocafe', 'paro', 'vtmasters', 'rfhrt', 'srcm', 'banalis', 'teniszpartner', 'pbtkft', 'halco', 'osszefogas', 'resurgam', 'gregvcd', 'chameleon', 'alomblog', 'pixelcube10', 'parologo', 'rendervibelogo', 'banalislogo', 'c60logo', 'airportdtp', 'meghivodtp'];
projects		= ['kazamata étterem', 'személyi bróker', 'veszelszki autóbontó', 'kron zsuzsa', 'soho café', 'pa-ro kerékpár', 'vt masters', 'rfh zrt', 'sokoró rc modell', 'banális közhely', 'teniszpartner', 'pbt kft', 'halco bútor', 'összefogás közalap', 'resurgam bútor', 'greg virtual car design', 'chameleon blog', 'álomblog', 'pixelcube 1.0', 'pa-ro kerékpár', 'rendervibe', 'banális közhely', 'c60 security', 'airport modell', 'esküvői meghívó'];
var projects_num = new Array();
var project_active = '';

var locationarray = document.location.href.split( '/' );
var lang = 'hu';
for (i = 0; i < locationarray.length; i++ ) {
	tmplang = locationarray[i].split( '#' );
	if (tmplang[0] == 'en') {
		lang = 'en'
	}
}

function projects_write() {
	var num = projects_num;
	var projects_ul = document.getElementById('projects');
	if (projects_ul.hasChildNodes()) {
    while (projects_ul.childNodes.length >= 1) {
      projects_ul.removeChild(projects_ul.firstChild);       
    }
	}
	for (var i = num; i < (num + 12); i++) {
		if (projects[i]) {
			var projects_li = document.createElement('li');
			if (i < (num + 3)) {
				if (projects_sn[i] == project_active) {
					projects_li.className = 'first active';
					getproject(projects_sn[i], '');
				} else projects_li.className = 'first';
			} else {
				if (projects_sn[i] == project_active) {
					projects_li.className = 'active';
					getproject(projects_sn[i], '');
				}
			}
			if (!(/MSIE (\d+\.\d+);/.test(navigator.userAgent))) { 
				projects_li.setAttribute('onclick', 'getproject(\'' + projects_sn[i] + '\', \'\');');
			} else {
				projects_li.onclick = function() { getproject(this.id, ''); }
			}
			projects_li.setAttribute('id', projects_sn[i]);
			projects_li.innerHTML = '<a href="#" onclick="return false;">' + projects[i] + '</a>';
		}
		projects_ul.appendChild(projects_li);
	}
}

function projects_load() {
	if (document.location.hash) {
		var project_name = document.location.hash.substring(1);
		for (var i = 0; i < projects_sn.length; i++) {
			if (projects_sn[i] == project_name) {
				project_active = projects_sn[i];
				var active_i = i;
			}
		}
	} else project_active = projects_sn[0];
	if (active_i >= 12) {
		var tmp_i = Math.floor((active_i - 9) / 3);
		projects_num = (tmp_i * 3);
	} else projects_num = 0;
	projects_write(projects_num);
}

function projects_prev() {
	if (projects_num > 2) {
		projects_num -= 3;
		projects_write();
	}
}

function projects_next() {
	if ((projects_num + 12) < projects.length) {
		projects_num += 3;
		projects_write();
	}
}

function loadXMLDoc(url) {
	// branch for native XMLHttpRequest object
	if (window.XMLHttpRequest) {
		req = new XMLHttpRequest();
		req.onreadystatechange = processReqChange;
		req.open("GET", url, true);
		req.send(null);
	// branch for IE/Windows ActiveX version
	} else if (window.ActiveXObject) {
		req = new ActiveXObject("Microsoft.XMLHTTP");
		if (req) {
			req.onreadystatechange = processReqChange;
			req.open("GET", url, true);
			req.send();
		}
	}
}

function getproject(input, response) {
	project_active = input;
	if (response != '') { 
		// Response mode
		if (response == '1') {
		} else {
		} 
	} else {
		// Input mode
		var url = '/getproject.php?q=' + input;
		loadXMLDoc(url);
	}
}

function setproject(shortname, h3, text) {
	document.title = h3 + ' - webdesign, arculattervezés, keresőoptimalizálás - pixelcube design';
	var j = 0;
	while (projects_sn[j]) {
		if (project_notselected_li = document.getElementById(projects_sn[j])) {
			if ((project_notselected_li.className != '') && (project_notselected_li.className != 'active')) {
				project_notselected_li.className = 'first';
			} else project_notselected_li.className = '';
		}
		j++;
	}
	project_selected_li = document.getElementById(shortname);
	if (project_selected_li.className == 'first') {
		project_selected_li.className = 'first active';
	} else project_selected_li.className = 'active';
	project_div = document.getElementById('project');
	project_div.className = shortname;
	if (project_div.hasChildNodes()) {
		while (project_div.childNodes.length >= 1) {
			project_div.removeChild(project_div.firstChild);       
		}
	}
	var project_img = document.createElement('img');
	project_img.setAttribute('alt', h3);
	project_img.setAttribute('src', '/images/project/' + shortname + '.jpg');
	project_img.className = 'projectimg';
	project_div.appendChild(project_img);
	var project_h3 = document.createElement('h3');
	project_h3.innerHTML = h3;
	project_div.appendChild(project_h3);
	project_div.innerHTML += text;
	var project_more = document.createElement('p');
	project_more.className = 'more';
	if (lang == 'en') {
		project_more.innerHTML = '<a href="/en/projekt/' + shortname + '">Details &gt;&gt;</a>';
	} else {
		project_more.innerHTML = '<a href="/projekt/' + shortname + '">Részletek &gt;&gt;</a>';
	}
	project_div.appendChild(project_more);
}

function processReqChange() {
	// only if req shows "complete"
	if (req.readyState == 4) {
		// only if "OK"
		if (req.status == 200) {
			// ...processing statements go here...
			response = req.responseXML.documentElement;
			shortname = response.getElementsByTagName('shortname')[0].firstChild.data;
			if (lang == 'en') {
				h3 = response.getElementsByTagName('h3_en')[0].firstChild.data;
				text = response.getElementsByTagName('text_en')[0].firstChild.data;
			} else {
				h3 = response.getElementsByTagName('h3')[0].firstChild.data;
				text = response.getElementsByTagName('text')[0].firstChild.data;
			}
			setproject(shortname, h3, text);
		} else {
			alert("There was a problem retrieving the XML data:\n" + req.statusText);
		}
	}
}