var m_nCaseID=0;
var clickcounter = 0;
var sCaseTitle = "";
$(document).ready(function(){
sCaseTitle =  $("#casetitle").attr("case");
   try {
	   m_nCaseID= $('#casetitle').attr('cid');
       /* if (GetParameterValues('cid') != undefined) { m_nCaseID = GetParameterValues('cid'); }
        if (!(/^\d+$/.test(m_nCaseID))) {
            m_nCaseID=0;
        }*/
    }
    catch (e) { }	
	m_MinWidth_SingleImg=$('#mmpgcase_container').attr('ws');
	m_MinWidth_DoubleImg=$('#mmpgcase_container').attr('wd');
	var sCatName=$('#casetitle').attr('cn');
	var sSubCatName=$('#casetitle').attr('sn');
	var sCaseName=$('#casetitle').attr('case');
	var sRedirectURL=m_nRootUrl+$('#casetitle').attr('ca')+"/"+$('#casetitle').attr('sa');
	/*if(typeof sCatName !== "undefined"){$('.pgbnone').parent().append('<li class="breadcrumb-item"><span id="bdc_cat">'+sCatName+'</span></li>');}
	if(typeof sSubCatName !== "undefined"){$('.pgbnone').parent().append('<li class="breadcrumb-item"><a id="bdc_scat" href="'+sRedirectURL+'">'+sSubCatName+'</a></li>');}
	if(typeof sCaseName !== "undefined"){$('.pgbnone').parent().append('<li class="breadcrumb-item active"><span id="bdc_case">'+sCaseName+'</span></li>');}*/
	$('#bdc_scat').attr('href',sRedirectURL);
	$('#bdc_cat').html(sCatName);
    $('#bdc_scat').html(sSubCatName);
	$('#bdc_case').html(sCaseName);
    ListPerspectiveImages();
});

function ListPerspectiveImages(){
	$.ajax({
        type: "POST",
        data: {CaseID:m_nCaseID},
        url: m_nRootUrl+"admin/shandlers/perspectivehandler.php?m=ListPerspectiveImages",
        dataType: "json",
        beforeSend: function () {
			 $(".pers-spinner").show();
			 $('.pers-container').html('');
        },
        complete: function () {
			 $(".pers-spinner").remove();
        },
        success: function (response) {
            try {
               
			   var ObjData=response.vData;
			   if(ObjData.length>0){
				   for(var i=0;i<ObjData.length;i++){
					   if(ObjData[i].sPersImages != null){
					     MakePerspective(ObjData[i].nID,ObjData[i].sName,ObjData[i].nIndex,ObjData[i].sPersImages);
					   }
				   }
				   $('.pers-img-container:eq(0)').find('a.img-trigger').click();
			   }
			   else{
					$('.pers-container').html('<p class="nofound nofoundp">No images found</p>');
				}
		 
            }
            catch (e) {
                //alert("Login failed. Please check your credentials.");
            }
			
        },
        error: function (xhr, statuscode, responsetext) {
			alert("Some problem occured while listing perspectives, please try again or contact administrator-.");
        }
    });
}

function  MakePerspective(nID,sName,nIndex,sPersImages){
	var sTrimName=sName;
	if(sTrimName.length>15){sTrimName=sTrimName.substring(0,12)+'...';}
	var shtml='<div title="'+sName+'"  pid="'+nID+'" class="pers-img-container" id="pers_'+nID+'">';
	shtml+='<a class="img-trigger" href="javascript:void(0);" onclick="DisplayBigImage($(this));">';
	
	if(sPersImages.length>0){
		var sImageIDs=sPersImages.split('$|$');
		if(sImageIDs.length>0){
			for(var i=0;i<sImageIDs.length;i++){
				var arr_Img=sImageIDs[i].split('#|#');
				shtml+='<img persname="'+sName+'" type="'+arr_Img[2]+'" class="img-responsive" iid="'+arr_Img[0]+'" alt="'+arr_Img[1]+'"  src="'+m_nRootUrl+'admin/thumbnail.php?i='+arr_Img[0]+'&t=1&w=90"/>';
			}
		}
	}
	shtml+='</a>';
	shtml+='<p class="pers_name">'+sTrimName+'</p>';
	shtml+='</div>';
	
	$('.pers-container').append(shtml);
}

function DisplayBigImage(ObjThis){
	$('.case-img-container').html('');
	$('.pers-img-container').removeClass('active');
	ObjThis.parent().addClass('active');
	var sImages='';
	ObjThis.find('img').each(function(){
			var sImgNameHidden="hidden-xs";
			var sPaddingClass="";
			var sDivClearfix='';
			var sDivCol='';
			var sImageName='';	
			var nImgID=$(this).attr('iid');
			var nType=$(this).attr('type');
			var sPersName=$(this).attr('persname');
			var nImgWidth=nType==0?m_MinWidth_SingleImg:m_MinWidth_DoubleImg;
			
			if(nType==0){sDivCol='col-12';sDivClearfix='<div class="clearfix"></div>';sPaddingClass="removepaddingboth";sImageName=sPersName;}
			else if(nType==1){sDivCol='col-sm-6';sPaddingClass="adjustrightpadding beforeimgcase"; sImageName='Before';}
			else if(nType==2){sDivCol='col-sm-6';sPaddingClass="adjustleftpadding afterimgcase hidden-xs";sDivClearfix='<div class="clearfix"></div>';sImageName='After';}
			
			sImages+='<div class="'+sDivCol +' '+sPaddingClass+'">';
			//sImages+='<div class="img-child-div col-xs-6 '+sPaddingClass+'">';
			sImages+='<div class="img-child-div">';
			sImages+='<div class="trigger-img-modal" data-cimgid="'+nImgID+'" data-toggle1="modal" data-target1="#dlgCaseImage" title="'+sCaseTitle+' '+sImageName+'"  alt="'+sCaseTitle+' '+sImageName+'">';
			//sImages+='<img class="img-responsive" title="'+sImageName+'" alt="'+sImageName+'" src="admin/thumbnail.php?i='+nImgID+'&t=1&w=355&h=250"/>';
			//sImages+='<img class="img-responsive" title="'+sImageName+'" alt="'+sImageName+'" src="'+m_nRootUrl+'admin/thumbnail.php?i='+nImgID+'&t=1&w='+nImgWidth+'"/>';
			sImages+='<a data-caption="'+sImageName+'" data-fancybox="images" href="'+m_nRootUrl+'admin/caseimages/'+nImgID+'.jpg">';
			sImages+='<img class="img-responsive" title="'+sImageName+'" alt="'+sImageName+'" src="'+m_nRootUrl+'admin/caseimages/'+nImgID+'.jpg"/>';
			//sImages+='<div class="overlay-box"><div class="overlay-box-content"><a data-caption="'+sImageName+'" data-fancybox="gallery" href="'+m_nRootUrl+'admin/caseimages/'+nImgID+'.jpg"><i class="fa fa-search-plus"></i></a></div></div>';
			sImages+='<div class="overlay-box"><div class="overlay-box-content"><i class="fa fa-search-plus"></i></div></div>';
			sImages+='<p class="'+sImgNameHidden+'">'+sImageName+'</p>';
			sImages+='</a>';
			//sImages+='<p>'+sImageName+'</p>';
			sImages+='</div>';
			//sImages+='<p>'+sImageName+'</p>';
			sImages+='</div>';
			sImages+='</div>';
			
			sImages+=sDivClearfix;
	});
	if(ObjThis.find('img').length==2){
	  sImages+='<p class="balinks visible-xs"><a onclick="ShowBA(1);" class="active" href="javascript:void(0);" id="balink_1">Before</a><span class="linkseparator">|</span><a onclick="ShowBA(2);" href="javascript:void(0);" id="balink_2">After</a></p>';
	}
	$('.case-img-container').append(sImages+'<div class="clearfix"></div>');
	console.log(clickcounter);
	if(clickcounter >= 1){
		$('html, body').animate({
			scrollTop: $(".trigger-img-modal").offset().top-120
		}, 500);
	}
	clickcounter = 1;
}

function ShowBA(nBA){
	$('.balinks').find('a').removeClass('active');
	$('#balink_'+nBA).addClass('active');
	$('.beforeimgcase').removeClass('hidden-xs');
	$('.afterimgcase').removeClass('hidden-xs');
	if(nBA==1){
		$('.afterimgcase').addClass('hidden-xs');
	}
	else{
		$('.beforeimgcase').addClass('hidden-xs');
	}
}