function doDeleteGallaryCategory( id )
{
	if ( confirm( 'คุณต้องการที่จะลบอัลบัมนี้' ) )
	{
		showloading();
		var req = Inint_AJAX();
		req.open( "post" , "gallary/action.php" , true );
		req.onreadystatechange = function()
		{
			if ( req.readyState == 4 )
			{
				hideloading();
				if ( req.status == 200 )
				{
					var datas = eval( '(' + req.responseText + ')' );
					if ( datas[0].error != '' )
					{
						alert( datas[0].error );
					}
					else
					{
						document.getElementById( 'GC_' + id ).style.display = 'none';
						cancleGalarySetup();
					};
				};
			};
		};
		req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" );
		req.send( 'action=deletecategory&id=' + id );
	};
	return false;
};

function doEditGallaryCategory( id )
{
	showloading();
	var req = Inint_AJAX();
	req.open( "post" , "gallary/action.php" , true );
	req.onreadystatechange = function()
	{
		if ( req.readyState == 4 )
		{
			hideloading();
			if ( req.status == 200 )
			{
				var datas = eval( '(' + req.responseText + ')' );
				if ( datas[0].error != '' )
				{
					alert( datas[0].error );
				}
				else
				{
					document.getElementById( 'detail' ).value = decodeURIComponent( datas[0].detail );
					document.getElementById( 'catid' ).value = datas[0].id;
					document.getElementById( 'mode' ).value = 'editcategory';
					document.getElementById( 'gallary_setup_submit' ).value = 'Save';
					var imgs = document.getElementById( 'gallary_setup_table' ).getElementsByTagName( 'img' );
					for ( var i = 0 ; i < imgs.length ; i++ )
					{
						id = imgs[i].id;
						if ( id != '' )
						{
							imgs[i].className = ( id == 'ICON_' + datas[0].id ) ? 'select' : 'categorie_icon';
						};
					};
					window.scrollTo( 0 , getElementTop( document.getElementById( 'gallary_setup' ) ) );
				};
			};
		};
	};
	req.setRequestHeader( "Content-Type", "application/x-www-form-urlencoded" );
	req.send( 'action=editcategory&id=' + id );
};

function cancleGalarySetup()
{
	document.getElementById( 'detail' ).value = '';
	document.getElementById( 'catid' ).value = '0';
	document.getElementById( 'mode' ).value = 'createcategory';
	document.getElementById( 'gallary_setup_submit' ).value = 'Create';
	var imgs = document.getElementById( 'gallary_setup_table' ).getElementsByTagName( 'img' );
	for ( var i = 0 ; i < imgs.length ; i++ )
	{
		id = imgs[i].id;
		if ( id != '' )
		{
			imgs[i].className = 'categorie_icon';
		};
	};
};

function doGallaryUpload( id )
{
	document.getElementById( 'iconupload_' + id ).onchange = null;
	id++;
	var input = document.createElement( 'input' );
	input.setAttribute( 'type' , 'file' );
	input.setAttribute( 'size' , '72' );
	input.setAttribute( 'name' , 'iconupload[' + id + ']' );
	input.setAttribute( 'id' , 'iconupload_' + id );
	input.onchange = function(){doGallaryUpload(id)};
	document.getElementById( 'inputUpload' ).appendChild( input );
	document.getElementById( 'btnUpload' ).style.visibility = 'visible';
};

function doDeleteGallaryItem( id )
{
	if ( getSelected( id ) )
	{
		document.getElementById('save_wait2').style.visibility='visible';
		return true;
	}
	else
	{
		alert( 'ไม่มีรูปภาพที่จะลบ' );
		return false;
	};
};

var ssDiv;
var ssWidth;

function viewGallary( id )
{
	preloadGallary( id );
};

// ทำ preload
function preloadGallary( id )
{
	if ( typeof ssImages[id] == 'undefined' )
	{
		ssImages[id] = new Image();
		ssImages[id].src = allPics[id];
	};
	if ( ssImages[id].complete == true )
	{
		blenddiv( ssDiv , id , 1000 );
	}
	else
	{
		setTimeout( "preloadGallary('" + id + "')" , 10 );
	};
};

function InintGallary( gallarydiv , content , id )
{
	// ความกว้างของพื้นที่แสดงผล
	ssWidth = getElementWidth( content );
	// พื้นที่แสดงผล slide show
	ssDiv = document.getElementById( gallarydiv );
	// ปรับกว้างและสูงของส่วนแสดง slide show ให้เท่ากัน
	ssDiv.style.width = ssWidth + 'px';
	ssDiv.style.height = ssWidth + 'px';
	if ( id > -1 )
	{
		preloadGallary( id );
	}
};

var imgcurr = 'img1';
var imgnext = 'img2';

function blenddiv( objdiv , id , millisec ) 
{
	var speed = Math.round( millisec / 100 );
	var timer = 0;

	// สร้าง image ใหม่ภายใน Layer หลัก
	if ( !document.getElementById( 'img1' ) )
	{
		objdiv.style.position = "relative";
		var img = document.createElement( 'img' );
		img.id = 'img1';
		img.src = 'gallary/img/blank.gif';
		img.style.left = '-10000px';
		img.style.top = '-10000px';
		img.style.position = 'absolute';
		objdiv.appendChild( img );
		var img = document.createElement( 'img' );
		img.id = 'img2';
		img.src = 'gallary/img/blank.gif';
		img.style.left = '-10000px';
		img.style.top = '-10000px';
		img.style.position = 'absolute';
		objdiv.appendChild( img );
	};

	// สลับ Layer
	if ( imgnext == 'img1' )
	{
		imgnext = 'img2';
		imgcurr = 'img1';
	}
	else
	{
		imgnext = 'img1';
		imgcurr = 'img2';
	};

	// กำหนดค่าใหม่ให้กับ Layer imgcurr
	changeOpac( 0 , imgcurr );
	var obj_imgcurr = document.getElementById( imgcurr );
	obj_imgcurr.src = allPics[id];
	obj_imgcurr.style.zIndex++;
	resizeImage( obj_imgcurr , id );
	document.getElementById( imgnext ).style.zIndex--;

	// fade in imgcurr และ fade out imgnext
	for( var i = 0 ; i <= 100 ; i++ )
	{
		setTimeout( "changeOpac(" + i + ", imgcurr)" , ( timer * speed ) );
		n = 100 - i;
		setTimeout( "changeOpac(" + n + ", imgnext)" , ( timer * speed ) );
		timer++;
	};
};

// change the opacity for different browsers
function changeOpac( opacity , id )
{
	var object = document.getElementById( id );
	if ( object )
	{
		object.style.opacity = ( opacity / 100 );
		object.style.MozOpacity = ( opacity / 100 );
		object.style.KhtmlOpacity = ( opacity / 100 );
		object.style.filter = "alpha(opacity=" + opacity + ")";
	};
};

function resizeImage( img , id )
{
	var w = parseFloat( ssImages[id].width );
	var h = parseFloat( ssImages[id].height );
	if ( w >= h && w > ssWidth )
	{
		var nw = ssWidth;
		var nh = ( ssWidth * h ) / w;
	}
	else if ( w < h && h > ssWidth )
	{
		var nh = ssWidth;
		var nw = ( ssWidth * w ) / h;
	}
	else
	{
		var nh = h;
		var nw = w;
	};
	img.style.width = nw + 'px';
	img.style.height = nh + 'px';
	img.style.top  = ( ( ssWidth - nh ) / 2 ) + 'px';
	img.style.left  = ( ( ssWidth - nw ) / 2 ) + 'px';
};