var tmp = 0;
var main_page = 'n';
var im_w = '995';
var im_h = '389';
var im_url = 'thmain.php';
var al_t = '200';
var al_l = '470';

function back(num){
	if(num==1) document.getElementById("back").style.background="url(img/back.gif) no-repeat";
	else document.getElementById("back").style.background="url(img/no.gif) no-repeat";}

function next(num){
	if(num==1) document.getElementById("next").style.background="url(img/next.gif) no-repeat";
	else document.getElementById("next").style.background="url(img/no.gif) no-repeat";}

function changePic(id, filename, num)
{
	
	curId = id;
	if (main_page != 'y')
	{
		im_w = '717';
		im_h = '436';
		al_t = '170';
		al_l = '350';
		im_url = 'makeim.php';
	}

	if (tmp != id)
	{
		document.getElementById('spic'+tmp).style.background = '#ddd8b1';
		document.getElementById('a'+tmp).style.border = "solid 3px #ddd8b1";

		document.getElementById('spic'+id).style.background = 'white';
		document.getElementById('a'+id).style.border = "solid 3px white";
		document.getElementById('a'+id).blur();
	}

//	if (main_page != 'y')
//	{
//		filename = im_url+'?item_id='+item_id+'&w='+im_w+'&h='+im_h+'&im_id='+im_id;
//	}else
//	{
//		filename = "images/articles/"+item_id.substr(0,4)+"/"+item_id.substr(4,2)+"/"+item_id.substr(6,2)+"/th_main"+item_id+"_"+im_id+ext;
//	}

//	document.getElementById('l_work').innerHTML = '<div style="position:absolute;"><img src="'+filename+'" width="'+im_w+'" height="'+im_h+'" border="0" alt="" id="work"></div><div style="position:absolute; top:'+al_t+'px; left:'+al_l+'px;"><img src="/img/alb.gif" width="54" height="55" border="0" alt="Loading" id="al"></div>';
	if (main_page == 'y')
		document.getElementById('l_work').innerHTML = '<img src="'+filename+'" width="'+im_w+'" height="'+im_h+'" border="0" alt="" id="work">';
	else 
	{
		document.getElementById('l_work').innerHTML = '<div class="img"><div class="img-bg"><img src="'+filename+'"></div><div class="img-left"><div id="back" class="img-back"></div></div><div class="img-right" onmouseover="next(1)" onmouseout="next(0)" onclick="changeSubPic(1)"><div id="next" class="img-next"></div></div></div>';
	}
//	document.getElementById('al').style.display = 'block';
//	document.getElementById('work').style.width = '0px';
//	document.getElementById('work').style.height = '0px';
//	document.getElementById('work').onload = imWH;

	tmp = id;
}

function brdr(aId, act)
{
	if (act == 'over' && aId != tmp)
	{
		document.getElementById('a'+aId).style.border = "solid 3px #ffcb05";
	}

	if (act == 'out' && aId != tmp)
	{
		document.getElementById('a'+aId).style.border = "solid 3px #ddd8b1";
	}
}

function imWH()
{
	document.getElementById('al').style.display = 'none';
	document.getElementById('work').style.width = im_w+'px';
	document.getElementById('work').style.height = im_h+'px';
}

var root_addr = window.location.host;
var mainUrl = 'http://'+root_addr+'/';
var cur_item_id = '';
var cur_nimages = '1';
var curId = '1';


function GetXmlHttpObject()
{
	var xmlHttp=null;

	try
	{
	    xmlHttp=new XMLHttpRequest();
    }
	catch (e)
    {
	    try
		{
			xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
		}
		catch (e)
		{
			xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
		}
	}
	return xmlHttp;
}

function loadDets(item_id, nimages)
{
	cur_item_id = item_id;
	cur_nimages = nimages;
	document.getElementById('work_name').innerHTML = '<img src="img/al.gif" width="16" height="16" border="0" alt="Loading">';
	document.getElementById('view_det').innerHTML = '';
	if (main_page != 'y')
	{
		document.getElementById('sh_desc').innerHTML = '';
	}

	xmlHttp=GetXmlHttpObject()
	if (xmlHttp==null)
	{
		alert ("Your browser does not support AJAX!");
		return;
	}
	var url = mainUrl+"loadDets.php?lang="+lang+"&item_id="+item_id+"&main="+main_page+"&sid="+Math.random();

	xmlHttp.onreadystatechange = loadDetsStateChanged;
	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);
	if (cur_nimages<=1)
		{
			document.getElementById('l_work').innerHTML = '<div class="img"><div class="img-bg"><img src="'+filename+'"></div><div class="img-left"><div id="back" class="img-back"></div></div><div class="img-right" onmouseover="next(1)" onmouseout="next(0)" onclick="changeSubPic(1)"><div id="next" class="img-next"></div></div></div>';
		}
}

function loadDetsStateChanged()
{ 
	if (xmlHttp.readyState==4)
	{
		var xmlDoc=xmlHttp.responseXML.documentElement;
//		var xmlDoc=xmlHttp.responseText;

		items = xmlDoc.getElementsByTagName("item");

		var sec_id = items[0].childNodes[0].childNodes[0].nodeValue;
		var name = items[0].childNodes[1].childNodes[0].nodeValue;
		var cr_date = items[0].childNodes[2].childNodes[0].nodeValue;
		if (main_page != 'y') var sh_desc = items[0].childNodes[3].childNodes[0].nodeValue;
		else var sh_desc = '';

		if (sh_desc == 'n')
		{
			sh_desc = '';
		}
		setDets(sec_id, name, cr_date, sh_desc);
	}
}

function setDets(sec_id, name, cr_date, sh_desc)
{
	document.getElementById('work_name').innerHTML = name+' <span>'+cr_date+'</span>';
	if (main_page == 'y')
	{
		txt=document.getElementById('l_work').innerHTML;
		document.getElementById('l_work').innerHTML = '<div style="position:absolute;"><a href="browse.php?sec_id='+sec_id+'&item_id='+cur_item_id+'">'+txt+'</a></div>';
	}else
	{
		if (sh_desc != '')
		{
			document.getElementById('sh_desc').innerHTML = '<strong>'+ln_desc+'</strong><br>'+sh_desc;
		}
		changeSubPic(0);
	}
}

function changeSubPic(picN)
{
	file_properties = im_ids[cur_item_id][picN].split(":");
	filename = "images/articles/"+cur_item_id.substr(0,4)+"/"+cur_item_id.substr(4,2)+"/"+cur_item_id.substr(6,2)+"/"+file_properties[0]+file_properties[1];
	if (cur_nimages<=1){
		document.getElementById('l_work').innerHTML = '<div class="img"><div class="img-bg"><img src="'+filename+'"></div><div class="img-left"><div id="back" class="img-back"></div></div><div class="img-right"><div id="next" class="img-next"></div></div></div>';
	}else if (picN==(cur_nimages-1)){
		document.getElementById('l_work').innerHTML = '<div class="img"><div class="img-bg"><img src="'+filename+'"></div><div class="img-left" onmouseover="back(1)" onmouseout="back(0)" onclick="changeSubPic('+eval(picN-1)+')"><div id="back" class="img-back"></div></div><div class="img-right"><div id="next" class="img-next"></div></div></div>';
	} else if (picN==0){
		document.getElementById('l_work').innerHTML = '<div class="img"><div class="img-bg"><img src="'+filename+'"></div><div class="img-left"><div id="back" class="img-back"></div></div><div class="img-right" onmouseover="next(1)" onmouseout="next(0)" onclick="changeSubPic('+eval(picN+1)+')"><div id="next" class="img-next"></div></div></div>';
	} else {
		document.getElementById('l_work').innerHTML = '<div class="img"><div class="img-bg"><img src="'+filename+'"></div><div class="img-left" onmouseover="back(1)" onmouseout="back(0)" onclick="changeSubPic('+eval(picN-1)+')"><div id="back" class="img-back"></div></div><div class="img-right" onmouseover="next(1)" onmouseout="next(0)" onclick="changeSubPic('+eval(picN+1)+')"><div id="next" class="img-next"></div></div></div>';
	}
	var pages = '<span>Image </span>';
	coun=1;
	for (i=0;i<cur_nimages ;i++ )
	{
		pages += '<a href="javascript:changeSubPic('+i+');"';
		if (i == picN)
		{
			pages += ' style="background-color:#a59f6d;"';
		}
		pages += '>'+eval(i+1)+'</a>';
		if(coun==10){
			pages += '<br>';
			coun=1;
		}
		coun++;
	}
	if (cur_nimages > 1)
	{
		document.getElementById('view_det').innerHTML = pages;
	}
}