//var faceAlbumHome = 'http://face.kapanlagi.com/album/';
//var faceAlbumLink = 'http://face.kapanlagi.com/album/group/link/';
//var faceAlbumHome = 'http://face.kapanlagi.com/grup/';
//var faceAlbumLink = 'http://face.kapanlagi.com/grup/data/link/';
var faceAlbumHome = '/grup/';
var faceAlbumLink = '/grup/data/link/';
var ModuleJSURL = faceAlbumHome + 'jscript/';
//var groupServiceURL =  faceAlbumHome + 'service/group.service.php';
var groupServiceURL =  faceAlbumHome + 'group.service.php';
var baseMainUrl = 'http://www.kapanlagi.com/';
var cookie_name = "c_member_id";
var cookie_album_name = "c_member_album";
var ajax_process = false;
var MAXIMUM_WAITING_TIME = 10000;

var http_album = null;

function showGroupMessages(id, messges){
	document.getElementById(id).innerHTML = showError(messges);

	if (messges != '') document.getElementById(id).style.display = "inline";
	if (messges == '') document.getElementById(id).style.display = "none";
}

function showError(error){
	var mbox = '';
	if(error != "")
	{
		mbox += '<div style="text-align:center"><div style="border:1px dashed #000000;background-color: #ffffff;font-weight: bold; font-size: 12px; padding: 4px;">';
		mbox += '<span style="color: #ff0000;font-size:10px;font-weight:bold"><img src="http://face.kapanlagi.com/album/images/loader.gif"> ' + error + '</span>';
		mbox += '</div></div>';
	}
	
	return mbox;
}

function getGroupFile(file, request, caller, loader) {
        
        if (ajax_process)
        {
                if (confirm("Masih ada data yang diproses,\n\nKlik \"OK\" untuk membatalkan dan melanjutkan ke halaman selanjutnya, \"Cancel\" untuk tetap di halaman ini. \n\nAnda ingin membatalkan proses?"))
                {
                        if (http_album != null)
                        {
                                http_album.abort();
                                http_album = null;
                        }
                }
                else
                {
                        return false;
                }
        }
        
    http_album = createRequestObject();
    var response = 'Tidak Ada Data';
    try
    {
        ajax_process = true;
        
        var timestamp = (new Date()).getTime();
        var query = file + '?' + request + '&id=' + timestamp;
        http_album.open('get', query, true);
        
        var requestTimer = setTimeout( function() { http_album.abort(); http_album = null; }, MAXIMUM_WAITING_TIME);

        http_album.onreadystatechange = function ()
        {
            if(http_album.readyState == 1)
            {
                if (loader != '')
                {
                        showGroupMessages(loader, 'Silahkan Tunggu, Sedang Mengambil Data');
                }
            }
            else if (http_album.readyState == 4)
            {
                clearTimeout (requestTimer);
                
                if (http_album.status == 200)
                {
                    response = http_album.responseText;
                    if (caller != '') document.getElementById(caller).innerHTML = response;
                    if (loader != '')
                    {
                        showGroupMessages(loader, '');
                    }
                    
                }
                else
                {
		    alert("ERROR :" + http_album.status + ".Silahkan Anda coba beberapa saat lagi.");
                }
                
                ajax_process = false;
            }
            
        }
    }
    catch(e)
    {
        alert('Catch '  + e);
    }
    
    http_album.send(null);
    return false;	
}

/* break */

function pagingShow(page, mode) {
	
	var request = 'a=showGroup&p='+ page +'&g='+ mode;
	var caller = 'listdetail';
	var loader = 'loader';
	
	getGroupFile(groupServiceURL, request, caller, loader);
}

function ShowDetail(i, group) {
	var request = 'a=showGroupPhoto&g='+ group +'&in='+ i;
	var caller = 'listdetail';
	var loader = 'loader';
	
	getGroupFile(groupServiceURL, request, caller, loader);
}

function manageShow(page, mode) {
	
        var uu = '';
        if (mode.indexOf("++") != -1)
        {
                var t = mode.split(/\+\+/g);
                mode = t[0];
                uu = t[1];
        }
        
	var request = 'a=manageGroup&p='+ page +'&g='+ mode +'&uu='+ uu;
	var caller = 'listdetail';
	var loader = 'loader';
	
	getGroupFile(groupServiceURL, request, caller, loader);
}

function manageShowDetail(i, mode) {
	
        var uu = '';
        if (mode.indexOf("++") != -1)
        {
                var t = mode.split(/\+\+/g);
                mode = t[0];
                uu = t[1];
        }

	var request = 'a=manageGroupDetail&in='+ i +'&g='+ mode +'&uu='+ uu;
	var caller = 'listdetail';
	var loader = 'loader';
	
	getGroupFile(groupServiceURL, request, caller, loader);
}


function mngcomment(group, image, page) {
	var request = 'a=manageComment&p='+ page +'&g='+ group +'&im='+ image;
	var caller = 'listdetail';
	var loader = 'loader';
	
	getGroupFile(groupServiceURL, request, caller, loader);
}

function mngReported(group, page) {
	var request = 'a=manageReported&p='+ page +'&g='+ group;
	var caller = 'listdetail';
	var loader = 'loader';
	
	getGroupFile(groupServiceURL, request, caller, loader);
}

function toggleAlbumSharing(toggle) {
	var request = 'a='+ toggle;
	var caller = 'album_page';
	var loader = 'loader';
	
	getGroupFile(groupServiceURL, request, caller, loader);
}

/* break */

function edit_atitle(album_Title, group, fokus){
        
        var d = document.getElementById(album_Title);
        
        if (! d)
        {
                return false;
        }
        
	var descSpan = document.getElementById("albname");
        album_Title = d.innerHTML;
	if (album_Title == "")
        {
		album_Title = "Ubah Judul Album";
	}
        var inputBox = '';
	if(fokus == 0)
        {
		inputBox = '<div style="float:left;width:200px;height:100%;text-align:right;padding-top:5px"><div id="atitle" style="text-align:right"><input type="text" style="border:1px dashed #cccccc;clear:both;width:250px;" id="album_titler" value="'+ album_Title +'" /></div><div style="text-align:right"><a href="#simpan" style="text-align:right;font-size:9px;color:#ff0000;font-weight:bold" onclick="edit_atitle(\'atitle\', \''+ group +'\', 1)">Simpan</a></div></div>';
	}
        else
        {
		var data = "";
		album_Title = document.getElementById('album_titler').value;
		data = '&a=updateMTitle';
                data += '&g=' + group;
		data += '&gtitle=' + encodeURIComponent(album_Title);

                getGroupFile(groupServiceURL, data, '', '');               

		if (album_Title =="")
                {
			album_Title = "Ubah Judul Album";
		}
                
		inputBox = '<div id="atitle" style="text-align:left;height:100%;padding-top:5px;width:200px">' + album_Title + '</div><div style="text-align:left"><a href="#ubah" id="atitle_link" onClick="javascript: edit_atitle(\'atitle\', \''+ group +'\', 0)" style="font-size:9px;color:#ff0000;font-weight:bold">Ubah Judul Album</a></div>';
	}
        
	descSpan.innerHTML = inputBox;
	if (document.getElementById('album_titler'))
        {
		document.getElementById('album_titler').focus();
                document.getElementById('album_titler').select();
	}
        
        return true;
}

function edit_adesc(album_Desc, group, fokus){
        
        var d = document.getElementById(album_Desc);
        
        if (! d)
        {
                return false;
        }
        
	var descSpan = document.getElementById("xdescription");
        album_Desc = d.innerHTML;
	if (album_Desc == "")
        {
		album_Desc = "Edit Deskripsi Foto";
	}
        var inputBox = '';
	if(fokus == 0)
        {
		inputBox = '<div style="float:left;width:200px;height:100%;text-align:right;padding-top:5px"><div id="adesc" style="text-align:right"><textarea style="border:1px dashed #cccccc;clear:both;width:250px;height:80px" id="album_descr">'+ album_Desc +'</textarea></div><div style="text-align:right"><a href="#simpan" style="text-align:right;font-size:9px;color:#ff0000;font-weight:bold" onclick="edit_adesc(\'adesc\', \''+ group +'\', 1)">Simpan</a></div></div>';
	}
        else
        {
		var data = "";
		album_Desc = document.getElementById('album_descr').value;
		data = '&a=updateMDesc';
                data += '&g=' + group;
		data += '&gdesc=' + encodeURIComponent(album_Desc);

                getGroupFile(groupServiceURL, data, '', '');               

		if (album_Desc =="")
                {
			album_Desc = "Edit Deskripsi Foto";
		}
                
		inputBox = '<div id="adesc" style="text-align:left;height:100%;padding-top:5px;width:200px">' + album_Desc + '</div><div style="text-align:left"><a href="#ubah" id="desc_link" onClick="javascript: edit_adesc(\'adesc\', \''+ group +'\', 0)" style="font-size:9px;color:#ff0000;font-weight:bold">Ubah Deskripsi Album</a></div>';
	}
        
	descSpan.innerHTML = inputBox;

	if (document.getElementById('album_descr'))
        {
		document.getElementById('album_descr').focus();
                document.getElementById('album_descr').select();
	}
        
        return true;
}

function edit_cdesc(album_Desc, group, i, id, fokus){
        
        var d = document.getElementById(album_Desc + i);
        
        if (! d)
        {
                return false;
        }
        
	var descSpan = document.getElementById("description"+ i);
        album_Desc = d.innerHTML;
	if (album_Desc == "")
        {
		album_Desc = "Edit Deskripsi Foto";
	}
        var inputBox = '';
	if(fokus == 0)
        {
		inputBox = '<div style="float:left;width:200px;height:100%;text-align:right;padding-top:5px"><div id="cdesc'+ i +'" style="text-align:right"><textarea style="border:1px dashed #cccccc;clear:both;width:250px;height:80px" onclick="javascript: this.select();" id="album_descr'+ i +'">'+ album_Desc +'</textarea></div><div style="text-align:right"><a href="#simpan" style="text-align:right;font-size:9px;color:#ff0000;font-weight:bold" onclick="edit_cdesc(\'cdesc\', \''+ group +'\', \''+ i +'\', \''+ id +'\', 1)">Simpan</a></div></div>';
	}
        else
        {
		var data = "";
		album_Desc = document.getElementById('album_descr'+ i).value;
		data = '&a=updateCDesc';
                data += '&g=' + group;
                data += '&idn=' + id;
		data += '&gdesc=' + encodeURIComponent(album_Desc);

                getGroupFile(groupServiceURL, data, '', '');               

		if (album_Desc =="")
                {
			album_Desc = "Edit Deskripsi Foto";
		}
                
		inputBox = '<div id="cdesc'+ i +'" style="text-align:left;height:100%;padding-top:5px;width:200px">' + album_Desc + '</div><div style="text-align:left"><a href="#ubah" id="desc_link" onClick="javascript: edit_cdesc(\'cdesc\', \''+ group +'\', \''+ i +'\', \''+ id +'\', 0)" style="font-size:9px;color:#ff0000;font-weight:bold">Ubah Deskripsi Album</a></div>';
	}
        
	descSpan.innerHTML = inputBox;
	if (document.getElementById('album_descr'+ i))
        {
		document.getElementById('album_descr'+ i).focus();
                document.getElementById('album_descr'+ i).select();
	}
        
        return true;
}

function edit_ctitle(album_Title, group, i, id, fokus){
        
        var d = document.getElementById(album_Title + i);
        
        if (! d)
        {
                return false;
        }
        
	var titleSpan = document.getElementById("title"+ i);
        album_Title = d.innerHTML;
	if (album_Title == "")
        {
		album_Title = "Edit Judul Foto";
	}
        var inputBox = '';
	if(fokus == 0)
        {
		inputBox = '<div style="float:left;width:200px;height:100%;text-align:right;padding-top:5px"><div id="ctitle'+ i +'" style="text-align:right"><input type="text" style="border:1px dashed #cccccc;clear:both;width:250px;" onclick="javascript: this.select();" id="album_titler'+ i +'" value="'+ album_Title +'" /></div><div style="text-align:right"><a href="#simpan" style="text-align:right;font-size:9px;color:#ff0000;font-weight:bold" onclick="edit_ctitle(\'ctitle\', \''+ group +'\', \''+ i +'\', \''+ id +'\', 1)">Simpan</a></div></div>';
	}
        else
        {
		var data = "";
		album_Title = document.getElementById('album_titler'+ i).value;
		data = '&a=updateCTitle';
                data += '&g=' + group;
                data += '&idn=' + id;
		data += '&gtitle=' + encodeURIComponent(album_Title);

                getGroupFile(groupServiceURL, data, '', '');               

		if (album_Title =="")
                {
			album_Title = "Edit Judul Foto";
		}
                
		inputBox = '<div id="ctitle'+ i +'" style="text-align:left;height:100%;padding-top:5px;width:200px">' + album_Title + '</div><div style="text-align:left"><a href="#ubah" id="title_link" onClick="javascript: edit_ctitle(\'ctitle\', \''+ group +'\', \''+ i +'\', \''+ id +'\', 0)" style="font-size:9px;color:#ff0000;font-weight:bold">Ubah Judul Foto</a></div>';
	}
        
	titleSpan.innerHTML = inputBox;
	if (document.getElementById('album_titler'+ i))
        {
		document.getElementById('album_titler'+ i).focus();
                document.getElementById('album_titler'+ i).select();
	}
        
        return true;
}

function setCover(group, value, page) {

	var request = 'a=updateCover&v='+ value +'&g='+ group;
	var caller = '';
	var loader = '';
	
	getGroupFile(groupServiceURL, request, caller, loader);
        
        alert('Sukses menjadikan foto '+ value +' sebagai cover');
        document.getElementById('coverimg').src = faceAlbumLink + group +'/thumb/'+ value;
        
        manageShow(page, group);
        
        return true;
}

function deletePhoto(group, id, page, pos) {

	var request = 'a=deletePhoto&g='+ group +'&idf='+ id;
	var caller = '';
	var loader = '';
	
        if (confirm('Anda yakin mau menghapus foto ini?'))
        {
                getGroupFile(groupServiceURL, request, caller, loader);
		ajax_process = false;

                if (pos == "mngform")
                {
                        manageShow(page, group);
                }
                else if (pos == "mngreport")
                {
                        mngReported(page, group);
                }
                //document.getElementById('div'+ id).style.display = "none";
                
                return true;
        }
        
        return true;
}

function sendPoint(group, image, value) {

	var request = 'a=sendComment&g='+ group +'&im='+ image +'&pt='+ value;
	var caller = 'pointview';
	var loader = 'loader';
        
        getGroupFile(groupServiceURL, request, caller, loader);
}

function sendComment(group, image) {
        var c = document.getElementById('comment').value;
        
	if (c == '')
        {
                alert('Komentar tidak boleh kosong.');
                return false;
        }
        
        var request = 'a=updateComment&g='+ group +'&im='+ image +'&cm='+ encodeURIComponent(c);
	var caller = 'commentview';
	var loader = 'loader';
        
        getGroupFile(groupServiceURL, request, caller, loader);
        return true;
}

function toggleTab(id, group, image, page) {
	var request = 'a='+ id +'&g='+ group +'&im='+ image +'&p='+ page;
	var caller = 'commentview';
	var loader = 'loader';
        
        var sumn = document.getElementById('subMenuBottom');
        if (sumn)
        {
                if (id == 'showReportForm')
                        sumn.style.visibility = "hidden";
                else
                        sumn.style.visibility = "visible";
        }

        getGroupFile(groupServiceURL, request, caller, loader);
}

function delGroupComment(group, image, dtime) {
	var request = 'a=delGroupComment&g='+ group +'&im='+ image +'&dt='+ dtime;
	var caller = 'listdetail';
	var loader = 'loader';

        getGroupFile(groupServiceURL, request, caller, loader);
}

function sendReportPhoto(group, image) {
        var c = document.getElementById('comment').value;
        
	if (c == '')
        {
                alert('Alasan tidak boleh kosong.');
                return false;
        }
        
        var request = 'a=updateReport&g='+ group +'&im='+ image +'&cm='+ encodeURIComponent(c);
	var caller = 'commentview';
	var loader = 'loader';
        
        getGroupFile(groupServiceURL, request, caller, loader);
        return true;
}

function delGroupReported(group, image, dtime, page, album) {
	var request = 'a=delGroupReportedPic&g='+ group +'&im='+ image +'&dt='+ dtime  +'&alb='+ album +'&p='+ page;
	var caller = 'listdetail';
	var loader = 'loader';

        getGroupFile(groupServiceURL, request, caller, loader);
}