function SetEditable(pictureId)
{
    $('EditRegion1_' + pictureId).style.display = '';
    $('EditRegion2_' + pictureId).style.display = '';
    $('EditRegion3_' + pictureId).style.display = '';
}
window.onload = 
	function()
	{
		Div.FormatByEqualHeight('LayoutLeft', 'LayoutRight');
		Div.FormatByEqualWidth(180,'LayoutLeft');

		document.popups['AlbumSelector'].onconfirm =
			function()
			{				
				var pictureId = $('currentPictureId').value;
				var albums = window.frames['Selector'].document.forms[0].Albums;
				var albumId = $('hiddenAlbumId_' + pictureId).value;
				var targetAlbumId = albums.options[albums.selectedIndex].value;
				var targetAlbumName = albums.options[albums.selectedIndex].text;
				$('currentAlbumId').value = targetAlbumId;
				$('currentAlbumName').value = targetAlbumName;
				Xml.Request('/Interface/MoveUserPicture.aspx?userid=' + UserID + '&albumid=' + albumId + '&targetalbumid=' + targetAlbumId + '&targetalbumname=' + escape(targetAlbumName) + '&pictureid=' + pictureId + '&tagnames=' + escape($('hiddenTagNames_' + pictureId).value), null, MovePicture);
			}
	}
function GetAlbums()
{
	$('Albums').length = 1;
	$('Albums').options[0].text = '正在载入...';
	Xml.Request("/Interface/GetAlbumsByUserForControl.aspx?userid=" + UserID, null, BindAlbums);
}
function BindAlbums()
{
	var nodes = this.responseXML.getElementsByTagName('Album');	
	var node, option;
	var albums = $('Albums');
	for(var i=0; i<nodes.length; i++)
	{
		option = new Option();
		for(var j=0; j<nodes[i].childNodes.length; j++)
		{
			node = nodes[i].childNodes[j];
			if(node.nodeType == '1')
			{
				if(node.nodeName == 'AlbumID')
				{
					option.value = node.firstChild.data;
				}
				else if(node.nodeName == 'AlbumName')
				{
					option.text = node.firstChild.data;
				}
				else if(node.nodeName == 'PrivacyState')
				{
					if(node.firstChild.data == '0')
					{
						option.style.color = '#CC0000';
					}
				}
			}								
		}
		albums.options[albums.options.length] = option;
	}
	albums.options[0].text = '默认相册';
}
function ChangePicturePrivacyState(sender)
{
    if(window.confirm("真的要更改图片的隐私状态吗？") != true) return;
    var pictureId = GetId(sender.id);
    var albumId = $('hiddenAlbumId_' + pictureId).value;
    var objPrivacyState = $('textPicturePrivacyState_' + pictureId);
    sender.disabled = true;
    var state = $('hiddenPicturePrivacyState_' + pictureId).value == '0'?'1':'0';
    objPrivacyState.innerHTML = state=='0'?'私有':'公开';
    Xml.Request("/Interface/UpdateUserPicturePrivacyState.aspx?userid=" + UserID + "&albumid=" + albumId + "&pictureid=" + pictureId + "&tagnames=" + escape($('hiddenTagNames_' + pictureId).value) + "&privacystate=" + state,null,FinishChangePicturePrivacyState,pictureId);
}
function FinishChangePicturePrivacyState(pictureId)
{
    var nodes = this.responseXML.getElementsByTagName('Result');
    var objPrivacyState = $('textPicturePrivacyState_' + pictureId);
    var objChangePrivacyState = $('changePicturePrivacyState_' + pictureId);
    objChangePrivacyState.disabled = false;
    if(nodes.length <= 0)
    {

        return;
    }
    if(nodes[0].firstChild.data == "100")
    {
        $('hiddenPicturePrivacyState_' + pictureId).value = objPrivacyState.innerHTML=='公开'?'1':'0';
        $('HintText').innerHTML = '图片隐私状态修改成功！';
        document.popups['Hint'].open();
    }
    else
    {
        window.alert(nodes[0].firstChild.data);
        objPrivacyState.innerHTML = $('hiddenPicturePrivacyState_' + pictureId).value=='1'?'公开':'私有';
    }
}

function DeletePicture(sender)
{
    if(window.confirm("真的要删除这张图片吗？") != true) return;
    var pictureId = GetId(sender.id);
    var albumId = $('hiddenAlbumId_' + pictureId).value;
    var div = sender.parentNode;
    while(div.id.indexOf('PictureRegion_') != 0)
    {
        div = div.parentNode;
    }
    for(var i=0; i<document.links.length; i++)
    {
        if(document.links[i].id.indexOf('deletePicture_') == 0)
        {
            document.links[i].style.display = 'none';
        }
    }
    Xml.Request("/Interface/DeleteUserPicture.aspx?albumid=" + albumId + "&userid=" + UserID + "&pictureid=" + pictureId + "&tagnames=" + escape($('hiddenTagNames_' + pictureId).value) + "&privacystate=" + $('hiddenPicturePrivacyState_' + pictureId).value,null,FinishDeletePicture,div.id);
}
function FinishDeletePicture(divId)
{
    var nodes = this.responseXML.getElementsByTagName('Result');
    if(nodes.length > 0)
    {
        if(nodes[0].firstChild.data == "100")
        {
            $('HintText').innerHTML = "删除图片成功！";
            document.popups['Hint'].open();
            var picturesCount = parseInt($('PicturesCount').innerHTML) - 1;
            var pagesCount = parseInt(picturesCount / 12);
            if(picturesCount % 12 != 0)
            {
                pagesCount += 1;
            }
            $('PicturesCount').innerHTML = picturesCount;
            $('PagesCount').innerHTML =  pagesCount;
            var id = parseInt(GetId(divId));
            var pictureId = parseInt($('PictureRegion_' + id).getAttribute("pictureid"));
            $('PictureRegion_' + id).innerHTML = '';
            for(var i=id;i<=12;i++)
            {
                if($('PictureRegion_' + (i + 1)) != undefined)
                {
                    $('PictureRegion_' + i).innerHTML = $('PictureRegion_' + (i + 1)).innerHTML;
                }
                else
                {
                    if(i == 12)
                    {
                        pictureId = parseInt($('PictureRegion_' + i).getAttribute("pictureid"));
                        $('PictureRegion_' + i).innerHTML = '';
                        LoadNextPicture(pictureId);
                    }
                    else
                    {
                        $('PictureRegion_' + i).parentNode.innerHTML = '&nbsp;';
                        if(i==1)
                        {
                            location.reload();
                        }
                        for(var i=0; i<document.links.length; i++)
                        {
                            if(document.links[i].id.indexOf('deletePicture_') == 0)
                            {
                                document.links[i].style.display = '';
                            }
                        }
                    }
                    break;
                }
            }
        }
        else
        {
            $('HintText').innerHTML = "删除图片失败！" + nodes[0].firstChild.data;
            document.popups['Hint'].open();
            for(var i=0; i<document.links.length; i++)
            {
                if(document.links[i].id.indexOf('deletePicture_') == 0)
                {
                    document.links[i].style.display = '';
                }
            }
        }
    }
}
function LoadNextPicture(pictureId)
{
    Xml.Request('/Interface/GetNextUserPicture.aspx?userid=' + UserID + '&pictureid=' + pictureId, null, LoadNextPictureFinish);
}
function LoadNextPictureFinish()
{
    var nodes = this.responseXML.getElementsByTagName('Picture');
	if(nodes.length == 1 && nodes[0].childNodes.length > 1)
	{
		var picture = new Array();
		for (var i=0; i<nodes[0].childNodes.length; i++)
		{
			if (nodes[0].childNodes[i].nodeType == '1')
			{
				picture[nodes[0].childNodes[i].nodeName] = nodes[0].childNodes[i].firstChild != null ? nodes[0].childNodes[i].firstChild.data : '';
			}
		}
		var div;
		for(var i=1;i<=12;i++)
		{
		    if($('PictureRegion_' + i).innerHTML == '')
		    {
		        div = CreateSinglePicture(i,picture['PictureID'],picture['PictureName'],picture['TagNames'],picture['AlbumID'],picture['AlbumName'],picture['PictureUrl'],picture['PrivacyState'],picture['AddedTime'],picture['Comments'],picture['Hits']);
		        break;
		    }
		}
	}
	for(var i=0; i<document.links.length; i++)
    {
        if(document.links[i].id.indexOf('deletePicture_') == 0)
        {
            document.links[i].style.display = '';
        }
    }
}
function CreateSinglePicture(index,pictureId,pictureName,tagNames,albumId,albumName,pictureUrl,privacyState,addedTime,comments,hits)
{
    addedTime = addedTime.replace('-','.').replace('-','.');
    addedTime = addedTime.substring(0,addedTime.indexOf(' '));
    var div = $('PictureRegion_' + index);
    div.setAttribute('pictureid',pictureId);
    div.className = 'listRegion3';
    var picTitle = document.createElement('DIV');
    picTitle.className = 'picTitle';
    picTitle.innerHTML = '<a id="textPictureName_' + pictureId + '" href="/Album/PictureDetail_' + UserID + '_' + albumId + '_' + pictureId + '.htm" class="PictureTitleDefaultClass" >' + pictureName + '</a>';
    div.appendChild(picTitle);
    var picRegion = document.createElement('DIV');
    picRegion.className = 'picRegion3';
    picRegion.innerHTML = '<a href="/Album/PictureDetail_' + UserID + '_' + albumId + '_' + pictureId + '.htm"><img src="' + GetPictureThumbnailUrl(pictureUrl,'o') + '" border="0" /></a>';
    div.appendChild(picRegion);
    var picAttributes = document.createElement('DIV');
    picAttributes.className = 'picAttributes';
    picAttributes.innerHTML = '隐私状态：<span id="textPicturePrivacyState_' + pictureId + '" class="textPicturePrivacyState">' + (privacyState=='1'?'公开':'私有') + '</span>│<a id="changePicturePrivacyState_' + pictureId + '" href="javascript:;" class="link3" onclick="ChangePicturePrivacyState(this)">修改</a><br />';
    picAttributes.innerHTML += '<span class="counter">' + comments + '</span>条评论/<span class="counter">' + hits + '</span>次点击<br />';
    picAttributes.innerHTML += '上传时间：' + addedTime + ' <a id="deletePicture_' + pictureId + '" href="javascript:;" class="link3" onclick="DeletePicture(this);">删除</a><br />';
    picAttributes.innerHTML += '<div style="width:240px;overflow:hidden;">所在相册：<a id="textPictureBelongto_' + pictureId + '" href="/Album/PictureList_' + UserID + '_' + albumId + '.htm" class="link3" style="text-overflow: ellipsis;" title="' + albumName + '">' + albumName + '</a>│<a id="changePictureBelongto_' + pictureId + '" href="javascript:;" class="link3" onclick="ShowAlbumSelector(this);">转移</a>│<a href="/Album/WebUpload.htm" class="link3" >上传图片</a></div>';
    picAttributes.innerHTML += '<input id="hiddenAlbumId_' + pictureId + '" type="hidden" value="' + albumId + '" />';
    picAttributes.innerHTML += '<input id="hiddenTagNames_' + pictureId + '" type="hidden" value="' + tagNames + '" />';
    picAttributes.innerHTML += '<input id="hiddenPicturePrivacyState_'+ pictureId + '" type="hidden" value="' + privacyState + '" />';
    div.appendChild(picAttributes);
    return div;
}
function ShowAlbumSelector(sender)
{
    if(UserID == CurrentUserID)
	{		
	    var pictureId = GetId(sender.id);
	    $('currentPictureId').value = pictureId;
	    var albumId = $('hiddenAlbumId_' + pictureId).value;
		window.frames['Selector'].location.href = '/Album/AlbumSelector.aspx?default=' + albumId;
		document.popups['AlbumSelector'].open();
	}
	else
	{
		return false;
	}
}
function MovePicture()
{
    var nodes = this.responseXML.getElementsByTagName('Result');
    if(nodes.length > 0)
    {
        if(nodes[0].firstChild.data == "100")
        {
            var pictureId = $('currentPictureId').value;
            var AlbumId = $('currentAlbumId').value;
            var AlbumName = $('currentAlbumName').value;
            var objPictureBelongto = $('textPictureBelongto_' + pictureId);
            objPictureBelongto.innerHTML = AlbumName;
            objPictureBelongto.href = '/Album/PictureList_' + UserID + '_' + AlbumId + '.htm';
            $('hiddenAlbumId_' + pictureId).value = AlbumId;
            $('HintText').innerHTML = "更改所属相册成功！";
            document.popups['Hint'].open();
        }
        else
        {
            $('HintText').innerHTML = "更改所属相册失败！";
            document.popups['Hint'].open();
        }
    }
}
function CancelChangePictureBelongto()
{
    var objPictureId = $('currentPictureId');
    objPictureId.value = '0';
    document.popups['ChangePictureBelongto'].cancel();
}