{showpage:header/header}
<script type="text/javascript">
$(document).ready(function(){
$('.image_details').click(function(){
var id=$(this).attr("id");
$('#image_de_popup'+id).fadeIn();
});
});
</script>
<div class="fullwidth float-left reg-h">
<div class="main-container">
{if($keywordstatus!=0)}
<div class="float-left fullwidth relt-outer py-3">
<div class="float-left relt-inner">
{loopstart:relatedkeywords:30}
    <a class="float-left related-itm" href="{cfn:relatedkeywordlink($relatedkeywords[0],"images")}">{noescape:$relatedkeywords[0]}</a>
 {loopend:relatedkeywords}
	</div>
</div>
    {endif}
	<div class="grid pt-3 fullwidth float-left" id="og-grid">
{loopstart:results:10} 
  <div class="grid-item" id="{loop:results}">
<a class="image_details" id="{loop:results}">
<div class="grd-out">
  <div class="grid-inner float-left" id="{loop:results}">
  <img src="{$results[5]}" style="width:100%" alt="{cfn:gettitle($results[6],$keyword)}"></a>
 <a target="_blank" href="{$results[3]}"> <p class="float-left fullwidth rslt-img-cont text-black">{cfn:gettitle($results[6],$keyword)}</p>
  <p class="float-left fullwidth rslt-img-link">{cfn:disurl($results[7])}
</p></a>
{if($valid==1)}{if($star_status==1)}
{if($results[11]==1)}
<a href="javascript:unclick('{cfn:encode($results[5])}','{loop:results}','{cfn:encode($results[6])}','{cfn:encode($results[7])}','{cfn:encode($results[3])}','{$engineid}','{$results[2]}x{$results[8]}:{$results[4]}:{$results[1]}','{cfn:encode($results[9])}')"title="{cfn:getmessage(640)}"><span id="span1{loop:results}" class="add_favourites add_fav_images" ><i class="fas fa-star"></i></span></a>
<a href="javascript:click('{cfn:encode($results[5])}','{loop:results}','{cfn:encode($results[6])}','{cfn:encode($results[7])}','{cfn:encode($results[3])}','{$engineid}','{$results[2]}x{$results[8]}:{$results[4]}:{$results[1]}','{cfn:encode($results[9])}')" title="{cfn:getmessage(641)}"><span id="span2{loop:results}" class="add_favourites add_fav_images" style="display: none;"> <i class="far fa-star"></i></span></a>
{endif}
{if($results[11]==0)}
<a href="javascript:click('{cfn:encode($results[5])}','{loop:results}','{cfn:encode($results[6])}','{cfn:encode($results[7])}','{cfn:encode($results[3])}','{$engineid}','{$results[2]}x{$results[8]}:{$results[4]}:{$results[1]}','{cfn:encode($results[9])}')" title="{cfn:getmessage(641)}"><span class="add_favourites add_fav_images" id="span2{loop:results}" class="add_favourites"><i class="far fa-star"></i></span></a>
<a href="javascript:unclick('{cfn:encode($results[5])}','{loop:results}','{cfn:encode($results[6])}','{cfn:encode($results[7])}','{cfn:encode($results[3])}','{$engineid}','{$results[2]}x{$results[8]}:{$results[4]}:{$results[1]}','{cfn:encode($results[9])}')" title="{cfn:getmessage(640)}"><span id="span1{loop:results}" class="add_favourites add_fav_images " style="display: none;"><i class="fas fa-star"></i></span></a>
{endif}
{endif}{endif}
  </div>
  </div>
 </div>
<div class="image-pop" id="image_de_popup{loop:results}" style="display:none;">
    <div class="main-container rs-pd" >
	    <div class="image-pop-lt">
		<div class=" pop-img-div">
		    <img src="{$results[5]}" alt="image preview" class="pop-img"> 
			</div>
		</div>
	    <div class="image-pop-rt">
		    <div class="pop-cnt">
			<div class="fullwidth pop-txt mb-2">
		   <h4 class="pop-img-head">{cfn:gettitle($results[6],$keyword)}</h4>
				<p class="pop-img-p">{cfn:disurl($results[7])}</p>
				<a class="pop-link" href="{$results[3]}">Visit Site</a>
				{cfn:getpreviewlink($results[9],$results[2],$results[8])}
				</div>
				<div class="fullwidth pop-txt">
			    <h4 class="pop-cmt">Comments&nbsp;(<span id="comcount{loop:results}">{cfn:getcmntcount($results[3])}</span>)</h4>
				<div class="rslt-cmnt-drp img-cmnt-outr">
		<div>
<input type="hidden" name="url" id="url{loop:results}" value="{$results[3]}">
<label class="radio-cstm radio-cstm-img">{cfn:getmessage(581)}
  <input type="radio" name="type" id="type2{loop:results}" value="title">
  <span class="checkmark checkmark-img"></span>
</label>
<label class="radio-cstm radio-cstm-img">{cfn:getmessage(587)}
  <input type="radio" name="type" id="type1{loop:results}" value="domain">
  <span class="checkmark checkmark-img"></span>
</label>
</div>
		<div class="drp-cmnt-area img-cmnt-ht fullwidth" id="oldercomments{loop:results}">
		<div class="cmnt-drp-outer fullwidth">
{cfn:getcommentsnw_images($results[3])}
</div>
</div>
{if($valid!=1)}&nbsp;<span style="color: #686868;font-style: italic;"><br>{cfn:getmessage(608)}</span>{else}
		<textarea class="rslt-cmnt-area img-cmnt-area" id="comment{loop:results}" placeholder="Enter Your Comments" type="text"></textarea>
<span class=" cmt_error_msg" id="cmterror{loop:results}"></span>
		<button class="float-right rslt-cmnt-btn" type="button" onclick="postcomment({loop:results})">Send</button>
{endif}
		</div>
				</div>
			</div>
		</div>
		<div class="close-img-bt"  onclick="javascript:closeimage();" id="{loop:results}"><img class="cls-ic"  src="images/close-ic.png" alt="close"></div>
    </div>
</div>
 {loopend:results}
</div>
	<div class="fullwidth float-left position-relative">
	    <div class="pgntn my-5 float-left">
		    <ul class="pgntn-ul" id="footerlinkul">
{noescape:$footerlink}  
			</ul>
			<img src="images/loader.svg" id="loading-image" style="display: none;"></>
		</div>
	</div>
</div>
</div>	
{showpage:footer/footer}
<script type="text/javascript">
function closeimage(){
$('.image-pop').fadeOut();
}
function imageclick(id){
$('#image_de_popup'+id).fadeIn();
}
function click(star_desc,star_id,star_title,star_displayurl,star_titleurl,engine,star_width,star_preview)
{
var id=star_id;
document.getElementById("span2"+id).style.display="none" ;
document.getElementById("span1"+id).style.display="block";
var parameters="post_desc="+escape(star_desc)+"&post_id="+star_id+"&post_title="+escape(star_title)+"&post_displayurl="+escape(star_displayurl)+"&post_titleurl="+escape(star_titleurl)+"&engine="+engine+"&post_width="+escape(star_width)+"&post_preview="+escape(star_preview);
	xmlhttp=GetXmlHttpObject();
    if (xmlhttp==null)
	{
		alert ("Your browser does not support XML HTTP Request");
		return;
	}
	var url="{url:(user/starring)}";
xmlhttp.onreadystatechange=statechanged;
xmlhttp.open("POST",url,true);
xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlhttp.send(parameters);	
}
function GetXmlHttpObject()
{
	if (window.XMLHttpRequest)
	{
		return new XMLHttpRequest();
	}
	if (window.ActiveXObject)
	{
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
return null;
}
function statechanged()
{
	if (xmlhttp.readyState==4)
	{
	 var d=xmlhttp.responseText;
	}
}
</script>
<script type="text/javascript">
function unclick(star_desc,star_id,star_title,star_displayurl,star_titleurl,engine,star_width,star_preview)
{
var id=star_id;
document.getElementById("span2"+id).style.display="block" ;
document.getElementById("span1"+id).style.display="none";
var parameters="post_desc="+escape(star_desc)+"&post_id="+star_id+"&post_title="+escape(star_title)+"&post_displayurl="+escape(star_displayurl)+"&post_titleurl="+escape(star_titleurl)+"&engine="+engine+"&post_width="+escape(star_width)+"&post_preview="+escape(star_preview);
	xmlhttp1=GetXmlHttpObject();
    if (xmlhttp1==null)
	{
		alert ("Your browser does not support XML HTTP Request");
		return;
	}
	var url="{url:(user/unstar)}";
xmlhttp1.onreadystatechange=statechanged1;
xmlhttp1.open("POST",url,true);
xmlhttp1.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xmlhttp1.send(parameters);	
}
function GetXmlHttpObject()
{
	if (window.XMLHttpRequest)
	{
		return new XMLHttpRequest();
	}
	if (window.ActiveXObject)
	{
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
return null;
}
function statechanged1()
{
	if (xmlhttp1.readyState==4)
	{
	 var d=xmlhttp1.responseText;
	}
}
function trim(s)
{
s=s.replace(/\n/g,'');
s=s.replace(/^\s*|\s*$/g,'');
s=s.replace(/\t/g,'');
return s;
}
</script>
<script>
	function loadpage(i)
	{
		var search = getUrlVars()["search"];
		var type = getUrlVars()["type"];
		var exactphrase = getUrlVars()["exactphrase"];
		var searchdomain = getUrlVars()["searchdomain"];
		var excludedword = getUrlVars()["excludedword"];
		var excludeddomain = getUrlVars()["excludeddomain"];
		var startpage=i;
		if(search="undefined")
		{
			search="{$keyword}";
		}
		if(type="undefined")
		{
			type="{$tabname}";
		}
		type1='imageinstance';
		if(searchdomain)
		{
			searchdomain= searchdomain.replace("http://","");
			searchdomain= searchdomain.replace("https://","");
		}
		if(excludeddomain)
		{
			excludeddomain=excludeddomain.replace("http://","");
			excludeddomain=excludeddomain.replace("https://","");
		}
		var additional="";
		if(exactphrase)
		additional+='&exactphrase='+exactphrase;
		if(searchdomain)
		additional+='&searchdomain='+searchdomain;
		if(excludedword)
		additional+='&excludedword='+excludedword;
		if(excludeddomain)
		additional+='&excludeddomain='+excludeddomain;
		var parameters='&search='+search+'&type='+type+'&startpage='+startpage;
		if(additional)
		parameters='&search='+search+'&type='+type+'&startpage='+startpage+additional;
		//parameters='"'+parameters;
		window.location.assign("{url:(search/images"+parameters+")}");
		document.getElementById("loading-image").style.display="block";
			$.ajax({
		    type: "POST",cache: false,
			url: "{url:(search/"+type1+")}",
			data: parameters,
		    success: function(data) {
			if(data=="no results")
			{
				window.location.assign("{url:(search/noresults)}");
			}
			else
			{	
				 x=data.split("[&&]");
				 $('#og-grid').html(x[3]);
				 $('.grid').imagesLoaded( function(){
		var container = document.querySelector('.grid');
		                    var msnry = new Masonry( container, {
		                      itemSelector: '.grid-item'
		                    });
	});
				$('#footerlinkul').html(x[4]);
				$('#totalnumberspan').html(x[1]);
				$('.grid-item').click(function(){
					var id=$(this).attr('id');
				    var idpostion = $(this).position().top;
				    var imgheigt = $(this).outerHeight();
				    var imrsltpostn = idpostion + imgheigt;
				    var result_showingnewheight = $('.result_showingnew').outerHeight(true);
			$('#imgdetails'+id).css({"top" : imrsltpostn});
				});
					$('.closebtn').click(function(){
					$(this).parents('.result_showingnew').slideUp(200);
					});
			}
			},
			    complete: function(){
			        document.getElementById("loading-image").style.display="none" ;
			    }
			});
	}
	function getUrlVars()
	{
	    var vars = [], hash;
	    var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
	    for(var i = 0; i < hashes.length; i++)
	    {
	        hash = hashes[i].split('=');
	        vars.push(hash[0]);
	        vars[hash[0]] = hash[1];
	    }
	    return vars;
	}
function coencode(str) {
	return (str).replace(/\+/g,'%2B').replace(/%20/g, '+').replace(/\*/g, '%2A').replace(/\//g, '%2F').replace(/\@/g, '%40').replace(/\&/g,'%26').replace(/\?/g,'%3F');
}
function postcomment(id)
{
	var type="";
	var comment="";
	var url="";
	var xtra="image";
	if(document.getElementById('type1'+id).checked==true)
	type = document.getElementById('type1'+id).value;
	if(document.getElementById('type2'+id).checked==true)
	type = document.getElementById('type2'+id).value;
	if(type=="")
	{
		var msg='{cfn:getmessage(582)}';
		$('#cmterror'+id).css("display", "block");
		$('#cmterror'+id).html("{cfn:getmessage(582)}");
		$('#cmterror'+id).fadeOut(3000);
return false;
	}
	else
	{
		comment = document.getElementById('comment'+id).value;
		comment=trim(comment);
		if(comment=="")
		{
			msg='{cfn:getmessage(583)}';
			$('#cmterror'+id).css("display", "block");
		$('#cmterror'+id).html("{cfn:getmessage(583)}");
		$('#cmterror'+id).fadeOut(3000);
return false;
		}
		else
		{
			url = document.getElementById('url'+id).value;
			var parameters="urltype="+type+"&comment="+coencode(comment)+"&url="+escape(url)+"&id="+id+"&engine="+xtra;
			xmlhttp1=GetXmlHttpObject();
		    if (xmlhttp1==null)
			{
				alert ("Your browser does not support XML HTTP Request");
				return;
			}
			var url="{url:(search/postcomment)}";
			xmlhttp1.onreadystatechange=statechanged1;
			xmlhttp1.open("POST",url,true);
			xmlhttp1.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
			xmlhttp1.send(parameters);
			var p=$('#comcount'+id).html();
			p=parseInt(p)+1;
			var u=$('#url'+id).val();
			$.ajax({
				type:"POST",
				cache:false,
				url:"{url:(search/getcommentsnw_imag)}",
				data:"url="+u,
				success:function(data)
				{
					$('#comment'+id).val("");
					setTimeout(function(){
						$('#comcount'+id).html(p);
						$('#oldercomments'+id).html(data);
}, 200);
				}
			});
		}
	}
}
$(document).ready(function(){
		$('.grid').masonry({
  itemSelector: '.grid-item',
percentPosition: true
});
});
</script>
<script type="text/javascript" src="js/imagesloaded.pkgd.min.js"></script>
<script type="text/javascript" src="js/masonry.pkgd.js"></script>
<script>
 $('.grid').imagesLoaded( function(){
		var container = document.querySelector('.grid');
		                    var msnry = new Masonry( container, {
		                      itemSelector: '.grid-item'
		                    });
	});	
</script>
</body>
</html>