function window_minsize(){
	if(document.documentElement.clientWidth < 0 ){
		$("#event_mainbox").width(1040);
	}else{
		$("#event_mainbox").width(1040);
	}
	top_button();
}

function top_button(){
	$("#top_button").css({	"position":"fixed",
							"top":(document.documentElement.clientHeight-30)+"px",
							"left":(document.documentElement.clientWidth-80)+"px"});
}
window_minsize();
top_button();

$(document).ready(function(){
	//相片牆排序
	$("#event_mainbox").imagesLoaded(function(){
		$("#event_mainbox").masonry({//外層div的id
			itemSelector : '.masonry',//內層div的id
			columnWidth:260,//內層div的寬
			isAnimated: false,
		});
	});
	
	$("#event_type").on("change", 
		function(){
			//$("#form1").append($("<input name='event_value'>").val($(this).val()));
			$("#event_value").val($(this).val());
			document.getElementById("form1").submit();
		}
	);
			
	
	//載入資料
	$("#more").live("click", function (){
		var vie_height = document.documentElement.clientHeight ;
		var vie_width = document.documentElement.clientWidth ;
		var body_height = $(document).height() ;
		var scroll_top = $(document).scrollTop() ;
		
		$.ajax({
					url:	"/event/ajax/ajax_scroll.php",
					type:	"POST",
					data:	"cid="+$("#event_siteinfobox").attr("tag-cid")+"&aid="+$("#event_siteinfobox").attr("tag-aid"),
					dataType:"html" ,
					success:function(h){
						$("#event_loadbox").show();
						$("#event_loadbox").css({top:$(window).scrollTop()+ 300 +"px"});
						if( h.length > 0 ){
							var clone_div = $(h);
							clone_div.css({opacity: 0});
							clone_div.imagesLoaded(function (){
								$("#event_mainbox").append( clone_div );
								clone_div.animate({opacity: 1});
								$("#event_mainbox").masonry( 'appended', clone_div ,true);
								$("#event_loadbox").hide();
								//$("#event_topbox").hide();
							});
							$.post("/event/ajax/ajax_getCount.php", {aid:$("#event_siteinfobox").attr("tag-aid")}, function (c){
								$("#countss").html(c);
							})
							
						}else{
							$("#event_loadbox").hide();
						}
						
					}
				});
		
		if( body_height >= vie_height && scroll_top > vie_height/5*4 ){
			top_button();
			$("#top_button").show();
		}else{
			$("#top_button").hide();
		}				   	
	});
	//載入資料
	/*$(window).scroll(function(){
		var vie_height = document.documentElement.clientHeight ;
		var vie_width = document.documentElement.clientWidth ;
		var body_height = $(document).height() ;
		var scroll_top = $(document).scrollTop() ;
		
		if( $("#bg_div").height() <= 0 ){//判斷是否開起享細內容
			if( vie_height + scroll_top > body_height - 100 ){//修改100的值就好,scroll距離底部的距離
				//這邊執行ajax   把要載入的資料串成字串
				$.ajax({
					url:	"/event/ajax/ajax_scroll.php",
					type:	"POST",
					data:	"cid="+$("#event_siteinfobox").attr("tag-cid")+"&aid="+$("#event_siteinfobox").attr("tag-aid"),
					dataType:"html" ,
					success:function(h){
						if( h.length > 0 ){
							var clone_div = $(h);
							$("#event_mainbox").append( clone_div );
							$("#event_mainbox").imagesLoaded(function(){
								$("#event_mainbox").masonry( 'appended', clone_div ,true);
							});
						}
					}
				});
			}
		}
		if( body_height >= vie_height && scroll_top > vie_height/5*4 ){
			top_button();
			$("#top_button").show();
		}else{
			$("#top_button").hide();
		}
	});*/
	
	//視窗大小改變
	$(window).resize(function(){
		window_minsize();
	});
	
	$(document).find("a[name='downloadFile']").live("click", function (){
		window.open("/event/ajax/ajax_download.php?pageName="+$(this).attr("tag-img-name"));
	})

	
	//top按鈕
	$("#top_button").click(function(){
		var Rate = 1000; 
		var scroll_top = $(document).scrollTop() ;
		var body_height = $(document).height() ;
		$("body").append("<div id='bg_div'></div>");
		
		$("#bg_div").css({	'opacity':'0',
							'position':'absolute',
							'width':'1000',
							'height': body_height+'px',
							'top': '0px'
							});	
		$("html,body").animate({scrollTop:0},(scroll_top/100*Rate));
		
		$("#bg_div").click(function(){
			$(this).remove();
			$("html,body").stop();
		});
	});

	/*$("meta[property='og:image']").attr("content", location.host +"/upload_files/alatech/images/index/logo.gif");
	$("meta[property='og:title']").attr("content", eventTitle);
	$("meta[property='og:url']").attr("content", location.href);
	$("meta[property='og:description']").attr("content", description);*/
	
	
	$(".View_Photo_Img").live("click", function(){
		$("#View_Photo_Div_Mask, #View_Photo_Div").remove();
		
		$("body").css({'cursor'	: 'wait'});
		$(".View_Photo_Img").css({'cursor'	: 'wait'});
		
		$("body").append('<div id="View_Photo_Div_Mask"></div><div id="View_Photo_Div"></div>');
				
		$.post('/event/ajax/ajax_event_detail.php', {cid: $(this).attr('cid'), aid: $(this).attr('aid'), did: $(this).attr('did') }, function(h){
			$("body").css({'cursor'	: 'default'});
			$(".View_Photo_Img").css({'cursor'	: 'default'});
			
			$("#View_Photo_Div_Mask").css({
				'position'		: 'absolute',
				'left'			: 0,
				'top'			: 0,
				'width'			: $(document).width(),
				'height'		: $(document).height(),
				'background'	: '#000',
				'opacity'		: 0.3
			});
			
			$("#View_Photo_Div").html(h).css({
						'left'			: $(window).width() / 2 - 772 / 2,
						'top'			: $(document).scrollTop() + 50,
						'position'		: 'absolute'
			});	
		
		}, 'html');		
		
		return false;
	});
	
	
	$(".View_Photo_Change").live("click", function(){
		
		$("body").css({'cursor'	: 'wait'});
		$(".View_Photo_Change").css({'cursor'	: 'wait'});
		
		$.post('/event/ajax/ajax_event_detail.php', {cid: $(this).attr('cid'), aid: $(this).attr('aid'), did: $(this).attr('did') }, function(h){
			$("body").css({'cursor'	: 'default'});
			$(".View_Photo_Change").css({'cursor'	: 'default'});
			
			$("#View_Photo_Div_Mask").css({
				'position'		: 'absolute',
				'left'			: 0,
				'top'			: 0,
				'width'			: $(document).width(),
				'height'		: $(document).height(),
				'background'	: '#000',
				'opacity'		: 0.3
			});
			
			$("#View_Photo_Div").html(h).css({
						'left'			: $(window).width() / 2 - 772 / 2,
						'top'			: $(document).scrollTop() + 50,
						'position'		: 'absolute'
			});	
		
		}, 'html');
		
		return false;
	});
	
	$("#View_Photo_Div").live("click", function(){
		return false;											
	});
	
	$("#Close_Photo").live("click", function(){
		$("#View_Photo_Div_Mask, #View_Photo_Div").remove();								
	});
	
	$(document).click(function(){
		$("#Close_Photo").trigger('click');						   
	});
	
});