// JavaScript Document
function showPic(id){
    //$("#tbShowImg").hide();
    
    var mid = $('#memberId').val();
    var curr = 0;
    var offset = 0;

	$.ajax({
		url:'modules/picture/pictureMain.php',
		cache: true,
		data:{'reqType':'ajax','pid':id,'mid':mid},
		type:'GET',
		success:function(data){
			$('#picMain').empty().append(data);
            $("#tbShowImg").fadeIn(2000);

            if($('#lastPhoto').val()>id){
                curr = parseInt($('#pictureCurrPage').val())+1;
                offset = parseInt($('#pictureOffset').val()) + parseInt($('#pictureLimit').val());
                $('#pictureId').val(id);
                picThumbPreNext(curr,offset);
            }else if($('#firstPhoto').val()<id){
                curr = parseInt($('#pictureCurrPage').val())-1;
                offset = parseInt($('#pictureOffset').val()) - parseInt($('#pictureLimit').val());
                $('#pictureId').val(id);
                picThumbPreNext(curr,offset);
            }
            $('.imgThumbLayerSelected').removeClass("imgThumbLayerSelected").addClass("imgThumbLayer");
            $('#'+id).removeClass("imgThumbLayer").addClass("imgThumbLayerSelected");
			$('#miniPicutre').html('<img src="http://www.jeedzone.com/images/member/486/pID_cwcdb.jpg" border="0" style="display:none;"/>');
		}
		
	});
}

function showPicEdit(id){
	var mid = $('#memberId').val();
	$.ajax({
		url:'modules/picture/formPicture.php',
		cache: true,
		data:{'reqType':'ajax','pid':id,'mid':mid},
		type:'GET',
		success:function(data){
			$('#frmPic').empty().append(data);
            $('#tbFrmPic').show();
            $('.imgThumbLayerSelected').removeClass("imgThumbLayerSelected").addClass("imgThumbLayer");
            $('#'+id).removeClass("imgThumbLayer").addClass("imgThumbLayerSelected");
		}
		
	});
}

function picThumbPreNext(currPage,currOffset){ 
    $("#picThumb").hide();
    var mid = $('#memberId').val();
	var pid = $('#pictureId').val();
	var flag = $('#picFlag').val();
	var aid = $('#optAlbumPic').val();
    
    $.ajax({
        url:'modules/picture/pictureThumb.php',
        cache: true,
        data:{'reqType':'ajax','currPage':currPage,'currOffset':currOffset,'mid':mid,'pid':pid,'flag':flag,'aid':aid},
        type:'GET',
        success:function(data){
          $('#picThumb').empty().append(data);
          $("#picThumb").fadeIn('slow');
        }

    });
    
}

function showPicThumb(aid){
	var mid = $('#memberId').val();
	var flag = $('#picFlag').val();
	

	$.ajax({
		url:'modules/picture/pictureThumb.php',
		cache: true,
		data:{'reqType':'ajax','mid':mid,'aid':aid,'flag':flag,'pid':'','fristPhoto':''},
		type:'POST',
		success:function(data){
			$('#picThumb').empty().append(data);	
		}
		
	});
}

function changeAlbumPicEdit(){
	
	var mid = $('#memberId').val();
	var aid = $('#optAlbumPic').val();
    
	if(aid != 0){
		$.ajax({
			url:'modules/picture/formAlbum.php',
			cache: false,
			data:{'reqType':'ajax','aid':aid,'mid':mid,'flag':'edit'},
			type:'POST',
			success:function(data){
				$('#frmAlbumPic').empty().append(data);
                changeAlbumId(aid);
				showPicThumb(aid);
                $('#tbPicThubmb').show();
                $('#tbFrmPic').hide();
			}
			
		});
	}
}

function changeAlbumId(aid){
    $.ajax({
			url:'modules/picture/createPicture.php',
			cache: false,
			data:{'reqType':'ajax','aid':aid},
			type:'POST',
			success:function(data){
				$('#createPictureAlbumId').empty().append(data);
			}

		});
}

function startAlbumPic(){
       var mid  = $('#memberId').val();
       
       $.ajax({
          url:'modules/picture/optAlbum.php',
          cache: true,
          data:{'reqType':'ajax','mid':mid,'initial':'initial','aid':''},
          type:'POST',
          success:function(data){
             $('#optAlbum').empty().append(data);
          }

       });
 
}

function createAlbumPic(){
	
	var mid = $('#memberId').val();
	
	$.ajax({
		url:'modules/picture/formAlbum.php',
		cache: true,
		data:{'reqType':'ajax','mid':mid,'flag':'add','aid':'','pid':''},
		type:'POST',
		success:function(data){
		   $('#frmAlbumPic').empty().append(data);
           startAlbumPic();
           $('#tbPicThubmb').hide();
           $('#tbFrmPic').hide();
		}
		
	});
}

function albumPicSubmit(){
	
	addStringTag('albumTag', 'tmpTagAlbum','hidAlbumTag');
	
	var mid       = $('#memberId').val();
	var albumName = $('#albumName').val();
	var albumId   = $('#albumId').val();
	var albumDesc = $('#albumDesc').val();
	var hidAlbumTag = $('#hidAlbumTag').val();
	var saveType  = $('#saveType').val();
	//alert(hidAlbumTag);
	if(albumName == ''){
		errHTML('errCreateAlbum','กรุณากรอกชื่ออัลบั้มด้วยคะ');
		$('#albumName').focus();
		
	}else if(albumDesc == ''){
		errHTML('errCreateAlbum','กรุณากรอกรายละเอียดด้วยคะ');
		$('#albumDesc').focus();
		
	}else if(hidAlbumTag == ''){
		errHTML('errCreateAlbum','กรุณากรอก Tags อย่างน้อย 1 ช่องคะ');
		$('#albumTag0').focus();
	}else{
		
		errHTMLhide('errCreateAlbum');
		
		$.ajax({
			url:'modules/picture/formAlbumSub.php',
			cache: false,
			data:{ 'mid':mid,
				   'saveType':saveType,
				   'albumName':albumName,
				   'albumId':albumId,
				   'albumDesc':albumDesc,
				   'hidAlbumTag':hidAlbumTag
				 },
			type:'POST',
			success:function(data){//alert(data);
				if($('#saveType').val()=='add'){
                   albumPicSuccess(data);
                }else{
                   var aid = $("#optAlbumPic").val();
                   $(" option[value=" + aid + "]").empty().append($('#albumName').val());
                   msgSuccess('บันทึกข้อมูลเรียบร้อยแล้วค่ะ');
                }
                
            
			}
			
		});
		
	}
		
}

function albumPicSuccess(data){
	$('#currUrl').val(data);
    msgRefresh('บันทึกข้อมูลเรียบร้อยแล้วค่ะ');
}

function createPicture(aid, version){
	var URL = '';
    if(version==1){
        URL = 'modules/picture/formAddPicture.php';
    }else if(version==2){
        URL = 'modules/picture/formAddPictureV2.php';
    }

    if($('#saveType').val()!='add'){
    $.ajax({
            url:URL,
            cache: true,
            data:{'reqType':'ajax','aid':aid},
            type:'POST',
            success:function(data){
                $('#tbFrmPic').show();
                $('#frmPic').empty().append(data);
            }

        });
    }else{
        msgSuccess('กรุณาบันทึกข้อมูลอัลบั้มก่อนเพิ่มภาพใหม่นะคะ');
    }
}

function beforeUploadPic(){
    if($("#picUpload").val()==''){        
        msgSuccess("กรุณาเลือกรูปภาพที่ต้องการอัพโหลดด้วยคะ");
        return false;
    }else{
        $('#btnSubvdo').attr("btnUpload", true);
        msgWait('กำลังทำการบันทึกข้อมูลอยู่คะ กรุณารอสักครู่');
        return true;
    }
}
function uploadPicSuccess(newId, loop){
    $.ajax({
		url:'modules/picture/formEditPicture.php',
		cache: true,
		data:{'newId':newId,'loop':loop},
		type:'POST',
		success:function(data){
			$('#frmPic').empty().append(data);
            msgSuccess('บันทึกข้อมูลเรียบร้อยแล้วคะ');
		}   
	});
}

function focusInput(id){
	$('#'+id).select();
}

function addTagPic(){
	
	var tmp = $("#tmpEditPic").val();
	for(j=0;j<tmp;j++){
	   addStringTag('txtTag'+j, 'tmpTag'+j, 'hidTag'+j);
	}
	
}
	
function editPictureSubmit(){
	var tmp = $("#tmpEditPic").val();
	var flag = true;
	
	for(i=0;i<tmp;i++){
		var txtName = $('#txtName'+i).val();
		var desc = $('#desc'+i).val();
		var hidTag = $('#hidTag'+i).val();
		
		if(txtName == '' || desc == '' || hidTag == ''){
			flag = false;	
		}
	}
	
	if(flag == false){		
        msgSuccess("กรุณากรอกข้อมูลให้ครบถ้วนนะค่ะ");
		return false;
	}else{
		 $('#btnSubEditPic').attr('disabled',true);
        return true;
       
	}
	
}

function editPictureSuccess(responseText, statusText){
	
       $("#tbFrmPic").hide();
       $("#tbPicThubmb").show();
       $("#frmPic").empty();
       $('#pictureId').val(responseText);
       picThumbPreNext(0,0);

	   if(statusText=='success'){
          msgSuccess('บันทึกข้อมูลเรียบร้อยแล้วค่ะ');
       }else{
         alert(statusText);
       }
}

function addPicTag(){
    addStringTag('picTag', 'tmpTagPic', 'tagPic');
}
function picSubmit(){
    
    var picName = $("#picName").val();
    var picDesc = $("#picDesc").val();
    var tagPic  = $("#tagPic").val();
    var flag = false;
    
    if(picName == ''){
        msgSuccess('กรุณากรอกชื่อรูปภาพด้วยคะ');
    }else if(picDesc == ''){
        msgSuccess('กรุณากรอกรายละเอียดรูปภาพด้วยคะ');
    }else if(tagPic == ''){
        msgSuccess('กรุณากรอก Tag อย่างน้อย 1 ช่องคะ');
    }else{
        flag = true;
    }
    
    if(flag == false){
        return false;
    }else{ 
        return true;
    }
  
}

function picSubmitSuccess(data){ 
    var currPage = $('#pictureCurrPage').val();
    var offset = $('#pictureOffset').val();
    
    if(data != 0){
        picThumbPreNext(currPage,offset);
        showPicEdit(data);
        msgSuccess("บันทึกข้อมูลเรียบร้อยแล้วค่ะ");
    }
}

function removePic(pid, Id){
     $.ajax({
		url:'modules/picture/deletePicture.php',
		cache: false,
		data:{'pictureId':pid},
		type:'POST',
		success:function(data){
			if(data==1){
                $("#tbEidtPicture"+Id).remove();
                $("#hr"+Id).remove();
                $.unblockUI();
            }else if(data == -50){
                sessionTimeout();
            }else{
                alert(data);
            }
		}
	});
     
}

function deletePic(pid){
    var currPage = $("#pictureCurrPage").val();
    var currOffset = $("#pictureOffset").val();
    var totPicture = $("#totPicture").val();
    var limit = $("#pictureLimit").val();
    $.ajax({
		url:'modules/picture/deletePicture.php',
		cache: false,
		data:{'pictureId':pid},
		type:'POST',
		success:function(data){
			if(data==1){
                if(totPicture==1 && currOffset>0){
                   currPage = currPage-1;
                   currOffset = currOffset-limit;
                }
                picThumbPreNext(currPage,currOffset);
                $("#tbFrmPic").hide();
                $.unblockUI();
            }else if(data == -50){
                sessionTimeout();
            }else{
                alert(data);
            }
		}
	});
}

function delAlbum(){
    var optAlbumPic = $("#albumId").val();
    var currUrl = $("#currUrl").val();
    $.ajax({
		url:'modules/picture/deleteAlbum.php',
		cache: false,
		data:{'albumId':optAlbumPic},
		type:'POST',
		success:function(data){
            
			if(data==1){                
                $.unblockUI();
                window.location.href="?"+currUrl
            }else if(data == -50){
                sessionTimeout();
            }else{
                alert(data);
            }
		}
	});

}

function delPictureFromContent(){
    window.location.href=$('#refDelPicture').val();
}

function changePicAlbum(pId){

    $.ajax({
          url:'modules/picture/formChangePicAlbum.php',
          cache: false,
          data:{'pId':pId},
          type:'POST',
          success:function(data){
              blockUI(data);
          }

    });
}

function changePicAlbumSub(){
   var albumId = $('[name=rdoAlbumId]').fieldValue();
   if(albumId==''){
       $("#trErrChangeAlbum").show();
       $("#tdErrChangeAlbum").empty().append("กรุณาเลือกอัลบั้มรูปภาพด้วยนะค่ะ");
       return false;
   }else{
       $("#trErrChangeAlbum").hide();
       $("#tdErrChangeAlbum").empty().append("&nbsp;");
       return true;
   }
}

function changePicAlbumSubSucc(data){
   var currPage = $("#pictureCurrPage").val();
   var currOffset = $("#pictureOffset").val();
   var totPicture = $("#totPicture").val();
   var limit = $("#pictureLimit").val();
   if(data == 1){
       if(totPicture==1 && currOffset>0){
             currPage = currPage-1;
             currOffset = currOffset-limit;
       }
       picThumbPreNext(currPage,currOffset);
       $("#tbFrmPic").hide();
       $.unblockUI();
   }else if(data == -50){
      sessionTimeout();
   }else{
      alert(data);
   }
}

function pictureSlideShow(pId){
   var style = $('#style').val();
   $.ajax({
          //url:'modules/picture/pictureSlideShow.php',
          url:'modules/picture/slideshow.php',
          cache: false,
          data:{'pId':pId},
          type:'POST',
          success:function(data){
              blockSlideShow(data);
          }

    }); 
}

function blockSlideShow(data){
    //alert(screen.width);    
    if(navigator.appName == 'Netscape'){
        var msg = BTN_CLOSE+data;
        $.blockUI({
              message: msg,
              css: {
                 width: '610px',
                 border: 'none',
                 cursor:'auto',              
                 top:  ($(window).height() - 500) /2 + 'px',
                 left: ($(window).width() - 500) /2 + 'px',
                 padding: '2px 10px 10px 10px'
              },
              baseZ: 1
         });
     }else{
        var msg = BTN_CLOSE+data;
        $.blockUI({
              message: msg,
              css: {
                 width: '650px',
                 border: 'none',
                 cursor:'auto',              
                 top:  ($(window).height() - 500) /2 + 'px',
                 left: ($(window).width() - 500) /2 + 'px',
                 padding: '2px 10px 10px 10px'
              },
              baseZ: 1
         });
     }
}