/*<!-- Program By Nintra Dec' 1, 2009-->*/

function checkBrowser(){
if(document.referrer.indexOf("gersic.com") == -1 || document.referrer.indexOf("gersic.com") > 15)	{
if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){ 
var ieversion=new Number(RegExp.$1) // capture x.x portion and store as a number
if (ieversion<7) alert("Note: This page will not display correctly in IE6. Maybe give Firefox, Opera, or IE7 a try?");		
}
}
}

var named=''; var selProvince='';
$(document).ready(function() {	
checkBrowser();

//Menu Right Show	Pic1
$(".pic1").click(function(){
createForm();	
$(".main_image .desc").show(); 
$(".main_image .block").animate({ opacity: 0.85 }, 1 );
var datalist = $.ajax({url: "_inc/connServer.inc.php", data:"tmp=prv", async: false  }).responseText;           
$("select#listProvince").html(datalist); 

$("#guard_username").addClass("idleField");   
$("#guard_username").focus(function() {   
$(this).removeClass("idleField").addClass("focusField");   
if (this.value == this.defaultValue){this.value = '';}   
if(this.value != this.defaultValue){this.select();}   
});

$("#guard_username").blur(function() {   
$(this).removeClass("focusField").addClass("idleField");   
if (this.value == ''){this.value = (this.defaultValue ? this.defaultValue : '');} 
if (this.value!= this.defaultValue){named=this.value;}else{named='';}
send_name=named;
$(".main_image .block p").find('span').html(named).animate({ opacity: 0.85 }, 1 );
$(".main_image .block h2").html(detail).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
});   

$("select#listProvince").change(function(){   
//alert($("#listProvince").val());
province_id=$("#listProvince").val(); 
selProvince=$("#listProvince :selected").text();
$(".main_image .block small").html(selProvince).animate({ opacity: 0.85 }, 1 );
});

$("#image_thumb_previous").click(function(){
var p=$("#resultprev").html(); 
if(p==undefined||p<=1){prev=1;}else{prev=parseInt(p)-1;}
var next=parseInt(prev)+(perpage-1);
for(i=1;i<=nimg;i++){if(i>=prev&&i<=next){$("#pict"+i).show();}else{$("#pict"+i).hide();}}
$("#resultnext").html(next); $("#resultprev").html(prev);
});

$("#image_thumb_next").click(function(){
var p=$("#resultnext").html();
if(p==undefined||p>=nimg){next=nimg;}else{next=parseInt(p)+1;}
var prev=parseInt(next)-(perpage-1);
for(i=1;i<=nimg;i++){if(i>=prev&&i<=next){$("#pict"+i).show();}else{$("#pict"+i).hide();}}
$("#resultnext").html(next); $("#resultprev").html(prev);
});

$("#text"+text_id).show(); 
detail=$("#text"+text_id).html();
$(".main_image .block h2").html(detail).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
$("#image_thumb_text h2").click(function(){
var txtSelect=$(this).find('a').attr("href");
var name_bit = txtSelect.split("#");
//alert(name_bit [name_bit.length-1]);
var shw=name_bit [name_bit.length-1]; 
for(key in ecard_text){if(key==shw){$("#text"+key).show();}else{$("#text"+key).hide();}}
detail=$("#text"+shw).html(); text_id=shw;
$(".main_image .block h2").html(detail).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
});

//Submit
$(".inputbutton").click(function() {
var dataString = '&image_id='+ image_id + '&text_id=' + text_id + '&send_name=' + send_name + '&province_id=' + province_id+ '&grpConnect=' + grpConnect;
if(parseInt(image_id)==0||image_id==''){$("#formErrors").addClass('notification_error'); $("#formErrors").html("กรุณาการ์ดรูปภาพด้วยค่ะ!").show().fadeOut(2000); return false;}
else if(parseInt(text_id)==0||text_id==''){$("#formErrors").addClass('notification_error'); $("#formErrors").html("กรุณาเลือกข้อความด้วยค่ะ!").show().fadeOut(2000); return false;}
else if(parseInt(province_id)==0||province_id==''){$("#formErrors").addClass('notification_error'); $("#formErrors").html("กรุณาเลือกจังหวัดด้วยค่ะ!").show().fadeOut(2000); return false; }
else if(send_name==''){$("#formErrors").addClass('notification_error'); $("#formErrors").html("กรุณากรอกชื่อสกุลด้วยค่ะ!").show().fadeOut(2000); return false;}
else{
var response = $.ajax({type: "POST", url: "_inc/connServer.inc.php", data:"tmp=save"+dataString, async: false  }).responseText;         
//alert(response);
var  obj=eval("("+response+ ")"); 
strOutput='';  
strOutput+='<div class="services"><div class="notification_error">'+obj.resp+'</div><p></p>';
//strOutput+='<div id="main_image">';
strOutput+='<img src="images/cards/'+obj.grpConnect+'/'+obj.img+'.jpg" alt="" />';
strOutput+='<div class="desc">';
//strOutput+='<a href="#" class="collapse">Close Me!</a>';
strOutput+='<div class="block">';
strOutput+='<h3>'+obj.text+'</h3>';
strOutput+='<p>ด้วยเกล้าด้วยกระหม่อม ขอเดชะ<br /> ข้าฯพระพุทธเจ้า : '+obj.send_name+'</p>';
strOutput+='<p>'+obj.prv+' : ip '+obj.send_ip+'</p>';
strOutput+='</div>';
strOutput+='</div>';
strOutput+='</div>';
$("#leftPanel").html(strOutput);
return false;  
}
});

//Click and Hover events for thumbnail list
$(".image_thumb ul li:first").addClass('active'); 
$(".image_thumb ul li").click(function(){ 
var nametxt=$("#guard_username").value;
var imgAlt = $(this).find('img').attr("alt"); //Get Alt Tag of Image
var imgTitle = $(this).find('a').attr("href"); //Get Main Image URL
//var imgDesc = $(this).find('.block').html(); 	//Get HTML of block
image_id=imgAlt; 
var imgDesc="<h2></h2><p>ด้วยเกล้าด้วยกระหม่อม ขอเดชะ<br /> ข้าฯพระพุทธเจ้า : <span>"+named+"</span></p><small>"+selProvince+"</small>";
var imgDescHeight = $(".main_image").find('.block').height();	//Calculate height of block	
if ($(this).is(".active")) { return false;	} 
else {
$(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
$(".main_image .block").html(imgDesc).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
$(".main_image img").attr({ src: imgTitle , alt: imgAlt});
$(".main_image .block h2").html(detail).animate({ opacity: 0.85,	marginBottom: "0" }, 250 );
});
}
$(".image_thumb ul li").removeClass('active'); 
$(this).addClass('active'); return false;
}) .hover(function(){$(this).addClass('hover');}, function() {$(this).removeClass('hover');});
//Toggle Teaser
$("a.collapse").click(function(){$(".main_image .block").slideToggle(); $("a.collapse").toggleClass("show");	});
}); // Close Pic1


$(".pic2").click(function(){

$.fn.loadContent=function(obj, start, end){
strOutput='';
for(var n=start;n<end;n++){ 
var send_id=obj[n]['send_id']; 
var send_status = obj[n]['send_status']; 
var send_date=obj[n]['send_date'];
var send_name = obj[n]['send_name'];
if(send_status=="1"){send_name='<img src="images/level-up-icon.png" title="ข้อความอยู่ระหว่างตรวจสอบค่ะ!" alt="ข้อความอยู่ระหว่างตรวจสอบค่ะ!" />';}else if(send_status=="2"){send_name='<img src="images/icon_delete.gif" title="ข้อความถูกลบ! เนื่องจากไม่เหมาะสมค่ะ.." alt="ข้อความถูกลบ!" />';}
var send_text = obj[n]['text'].replace(/\r\n/g, ''); 
var send_image=obj[n]['img']; 
var province_name=obj[n]['prv']; 
var send_ip=obj[n]['send_ip']; 
strOutput+='<fieldset class="info_fieldset " id="id'+send_id+'">';
strOutput+='<legend>ข้อความถวายพระพร ลำดับที่ '+send_id+'</legend>';
strOutput+='<div class="pic"><img src="images/cards/'+grpConnect+'/'+send_image+'.gif" alt="" /></div >';
strOutput+='<div ><p><span>'+send_text+'</span></p>';
strOutput+='<p>ด้วยเกล้าด้วยกระหม่อม ขอเดชะ <br>ข้าฯพระพุทธเจ้า : '+send_name+'</p>';
strOutput+='<p><map> '+province_name+' : ip '+send_ip+' : '+send_date+'</map></p>';
strOutput+='</div ></fieldset>';
}
$("#detailContent").html(strOutput);
};

strOutput='';  
var  response=$.ajax({type: "GET", url: "_inc/connServer.inc.php", data:"tmp=show&grpConnect="+grpConnect, async: false  }).responseText;         
//alert( response);
var  obj=eval("("+response+ ")"); 
var numrow=obj.length;
var numperpage=5;
var numpage=parseInt(numrow/numperpage); if((numrow%numperpage)>0)numpage=numpage+1;
var start=0; var end=numperpage; if(end>=numrow)end=numrow;
strOutput+='<div class="services"><h2>รายนามผู้ร่วมถวายพระพร ๕ ธันวาคม ๒๕๕๒</h2></div><p></p>';
strOutput+='<div id=detailContent></div>';
strOutput+='<p><div class="wp-pagenavi">';
strOutput+='<span class="pages">Page 1 of ';
strOutput+=numpage;
strOutput+='</span><br /><br />';
strOutput+='<div><span class="current 1">1</span>';
for(i=2;i<=numpage;i++){strOutput+='<span class="extend '+i+'">'+i+'</span>';if(i%40==0){strOutput+='</div><br /><br /><div>';}}
strOutput+='</div></div></p>';
$("#leftPanel").html(strOutput);
$.fn.loadContent(obj, start, end);

$(".wp-pagenavi span").mouseover(function(){if ($(this).is(".current")||$(this).is(".pages")){ return false;	} else $(this).css("cursor","pointer");}).mouseout(function(){});

$(".wp-pagenavi span").click(function(){
if ($(this).is(".current")||$(this).is(".pages")){return false;}
else{
var p=$(this).html(); var nx=$("#nx").html(); var pv=$("#pv").html();
$(".current").removeClass('current').addClass('extend');
$(this).removeClass('extend').addClass('current');
start=(p*numperpage)-numperpage; end=start+numperpage; if(end>=numrow)end=numrow;
$.fn.loadContent(obj, start, end);
}


});
}); //Close Pic2



$(".pic3").click(function()
{
strOutput='';
strOutput+='<h2 style="color:#2C787B;">สว่างทั่วไทย</h2>';
strOutput+='<TABLE width="100%" border=0 align="center" cellpadding="0" cellSpacing=0  borderstyle="dashed">';
strOutput+='<tr>';
strOutput+='<td   width="100%">';
strOutput+='<font style="font-size: 10px">กรุณา    download   SVGView.exe  จาก  <br>http://www.adobe.com/svg/viewer/install/      >>  เพื่อแสดงแผนที่</font>';
strOutput+='</td>';
strOutput+='</tr>';
strOutput+='</TABLE>';
strOutput+='<TABLE width="100%" border=0 align="center" cellpadding="0" cellSpacing=0  borderstyle="dashed">';
strOutput+='<tr>';
strOutput+='<td  height="674" width="70%">';
strOutput+='<embed src="mapblessedness/map_thai.php"  type="image/svg+xml" pluginspage="http://www.adobe.com/svg/viewer/install/" width="100%" height="100%" border = 0 />	';
strOutput+='</td>';
strOutput+='<td  height="674"     style="vertical-align: top" width="100%" >';


strOutput+='<TABLE width="100%" border=0 align="center" cellpadding="0" cellSpacing=0  borderstyle="dashed"  style="border: 1px #d79900 solid">';
strOutput+='<tr>';
strOutput+='<td  bgcolor=white align=center><font   style="font-size: 9px;">&nbsp;&nbsp;0&nbsp;&nbsp;</font>';
strOutput+='</td>';
strOutput+='<td   bgcolor=#FFF9C7  align=center><font   style="font-size: 9px;">1-10</font>';
strOutput+='</td>';
strOutput+='<td   bgcolor=#FFF672  align=center><font   style="font-size: 9px;">11-20</font>';
strOutput+='</td>';
strOutput+='<td   bgcolor=#FFFF00  align=center><font   style="font-size: 9px;">21-30</font>';
strOutput+='</td>';
strOutput+='<td   bgcolor=#FFDB00  align=center><font   style="font-size: 9px;color: #FFFFFF;">31-40</font>';
strOutput+='</td>';
strOutput+='<td   bgcolor=#FFD400  align=center><font   style="font-size: 9px;color: #FFFFFF;">41-50</font>';
strOutput+='</td>';
strOutput+='<td   bgcolor=#FFB300   align=center><font   style="font-size: 9px;color: #FFFFFF;">51-70</font>';
strOutput+='</td>';
strOutput+='</tr>';
strOutput+='</TABLE>';

strOutput+='<div  id="showDetailData">&nbsp;</div>';
strOutput+='<div  id="showDetailData1">&nbsp;</div>';
strOutput+='</td>';
strOutput+='</tr>';
strOutput+='</TABLE>';

$("#leftPanel").html(strOutput);
}); //Close Pic3










});//Close Function

function createForm(){
strOutput='';  
strOutput+='<form id="ajax-contact-form" method="post" action="javascript:alert(\'success!\');">';
strOutput+='<div class="main_image">';
strOutput+='<img src="images/cards/'+dir+'/ecard1.jpg" alt="" />';
strOutput+='<div class="desc">';
strOutput+='<a href="#" class="collapse">Close Me!</a>';
strOutput+='<div class="block">';
strOutput+='<h2></h2>';
strOutput+='<p>ด้วยเกล้าด้วยกระหม่อม ขอเดชะ<br /> ข้าฯพระพุทธเจ้า : <span>'+named+'</span></p>';
strOutput+='<small></small>';
strOutput+='</div>';
strOutput+='</div>';
strOutput+='</div>';

strOutput+='<div class="image_thumb">';
strOutput+='<div id="image_thumb_content">';    
strOutput+='<ul>';  
i=0; 
for(key in ecard_image){
i++
if(image_id==undefined){image_id=key;}
strOutput+='<li id="pict'+i+'" >';  
strOutput+='<a href="images/cards/'+dir+'/'+ecard_image[key]+'.jpg"><img src="images/cards/'+dir+'/'+ecard_image[key]+'.gif" alt="'+key+'" /></a>';  
strOutput+='</li>';  
}
nimg=i; 
strOutput+='</ul>';  
strOutput+='</div>';  
strOutput+='<div id="image_thumb_frame">';    
strOutput+='<img id="image_thumb_previous" src="images/prev.gif" alt="move previous" /><div id="resultprev" style="display:none">1</div>';   
strOutput+='<img id="image_thumb_next" src="images/next.gif" alt="move next" /><div id="resultnext" style="display:none">'+perpage+'</div>';    
strOutput+='</div> ';  
strOutput+='</div>';  
strOutput+='<div id="image_thumb_text" class="services" >';
i=0;
for(key in ecard_text){
if(text_id==undefined){text_id=key;}
i++;
strOutput+='<h2><a href="#'+key+'">ข้อความที่ '+i+'</a></h2>';
strOutput+='<div id=text'+key+' style="display:none"><p><span>	'+ecard_text[key]+'</span></p></div>';
}
ntxt=i;
strOutput+='</div>';
strOutput+='<div class="testimonial">';
strOutput+='<div id="formErrors"></div>';
strOutput+='<div class="contacts">';
strOutput+='<p>จุดเทียนชัย : </p><select name="listProvince" id="listProvince" class="required"><option value="">- enter your province -</option></select>';
strOutput+='<p>ข้าฯพระพุทธเจ้า : </p><input id="guard_username" name="guard_username" class="required" type="text" value="- enter your name -" /><div id="result"></div>';
strOutput+='<p>&nbsp;</p><input class="inputbutton" type="submit" name="submit" value="Send Message >>">';

strOutput+='</div>';  
strOutput+='</div>';  
strOutput+='</from>';

$("#leftPanel").html(strOutput);
}





function createMap_province(provName,prv,prvTotal){
			document.getElementById("showDetailData").innerHTML= "<h2> <font   style='font-size: 12px;color:#BB9D59'>ผู้ร่วมจุดเทียน >>จ."+values[0][0][provName]+"</h2>"+prvTotal+"&nbsp;ราย</font>";
}

function out() {
	document.getElementById("showDetailData").innerHTML= "";
}

var xmlHttp;
function createXMLHttpRequest ()
{
			if ( window.XMLHttpRequest )
			{
					xmlHttp = new XMLHttpRequest ( );
			}
			else if ( window.ActiveXObject )
			{
					try
					{
							xmlHttp = new ActiveXObject( "Msxml2.XMLHTTP" );
					}
					catch ( e1 )
					{
							try
							{
								xmlHttp = new ActiveXObject ( "Microsoft.XMLHttp" );
							}
							catch ( e2 )
							{ 
								alert("Brower error");
							}
					}
			} 
}

function chk_click(idVal)
{
		var ran=Math.random();
		var str="";
		str+="?ran="+ran;		
		str+="&idc="+idVal;
		createXMLHttpRequest();
		xmlHttp.onreadystatechange=function() 
		{
									if(xmlHttp.readyState==4) 
									{ 
											if (xmlHttp.status==200)
											{
												document.getElementById('showDetailData1').innerHTML = xmlHttp.responseText;
											}
									}
									else
									{
									}
		}
		xmlHttp.open("GET","mapblessedness/map_province.php"+str,true);	
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=tis-620"); // set Header
		xmlHttp.send(null);

}


function showpage(idVal,idPage)
{
		var ran=Math.random();
		var str="";
		str+="?ran="+ran;		
		str+="&idc="+idVal;
		str+="&idpage="+idPage;
		//alert(idVal+"\n"+str);
	
		createXMLHttpRequest();
		xmlHttp.onreadystatechange=function() 
		{
									if(xmlHttp.readyState==4) 
									{ 
											if (xmlHttp.status==200)
											{
												document.getElementById('showDetailData1').innerHTML = xmlHttp.responseText;
											}
									}
									else
									{
									}
		}
		xmlHttp.open("GET","mapblessedness/map_province.php"+str,true);	
		xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=tis-620"); // set Header
		xmlHttp.send(null);
}