var product_page_template ='<table width="874" border="0" cellspacing="0" cellpadding="0"> \
  <tr> \
    <td class="win_bk"><table width="100%" border="0" cellspacing="0" cellpadding="0"> \
      <tr> \
        <td><img src="uploads/{image}" width="841" height="484" /></td> \
      </tr> \
    </table> \
      <table width="100%" border="0" cellspacing="0" cellpadding="0"> \
        <tr> \
          <td class="win_bk_01">{content}</td> \
        </tr> \
      </table> \
      <table width="100%" border="0" cellspacing="0" cellpadding="0"> \
        <tr> \
          <td><img src="images/win_bk_02.gif" width="840" height="42" /></td> \
        </tr> \
      </table></td> \
  </tr> \
</table>';
function OpenDialog()
{
	var str ='<div id="fancy_outer" style="width:400px;position:absolute;height:313px;z-index:20;"> \
	<div id="fancy_inner"> \
		<div id="fancy_close" style="display: block;"></div> \
		<div id="fancy_bg"> \
			<div class="fancy_bg fancy_bg_n"></div> \
			<div class="fancy_bg fancy_bg_ne"></div> \
			<div class="fancy_bg fancy_bg_e"></div> \
			<div class="fancy_bg fancy_bg_se"></div> \
			<div class="fancy_bg fancy_bg_s"></div> \
			<div class="fancy_bg fancy_bg_sw"></div> \
			<div class="fancy_bg fancy_bg_w"></div> \
			<div class="fancy_bg fancy_bg_nw"></div> \
		</div> \
		<div id="fancy_content" style="overflow:auto;"></div></div></div>';
	if($('#fancy_outer').length==0)
	{
		$('body').append(str);
	}
	openPanl();
	
	
	
}
function openPanl()
{
	
	var h = $(document).height();
	var w = $(document).width();
	if($('#fb_slide').length==0)
	{
		$('body').append('<div id="fb_slide" style="position: absolute;top:0px;left:0px；display:none;"></div>');
	}
	$('#fb_slide').css({'height':h+'px','width':w+'px',"z-index":"1001"}).show();

}
function OpenDownDialog()
{
	var st = '<table border="0" cellspacing="0" cellpadding="0">\
  <tr>\
    <td class="window_bk_01"><table border="0" align="center" cellpadding="0" cellspacing="0">\
      <tr>\
        <td class="window_bk_02"><table width="100%" border="0" align="center" cellpadding="0" cellspacing="10">\
          <tr>\
            <td height="50" align="center"><label><span class="window_type_01">感謝您的下載，為了避免網路惡意攻擊程式，請務必填寫有效資料(請輸入E-mail) </span></label></td>\
          </tr>\
          <tr>\
            <td height="50"><label>\
              <input type="text" id="dmail" name="dmail">\
            </label></td>\
          </tr>\
          <tr>\
            <td height="50"><table width="150" border="0" align="center" cellpadding="0" cellspacing="0">\
                <tr>\
                  <td><a href="javascript:void(0);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'send\',\'\',\'images/icon_send_011.gif\',1)"><img src="images/icon_send_01.gif" width="70" height="32" border="0" id="send" /></a></td>\
                  <td><a href="javascript:void(0);" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage(\'Imageu1\',\'\',\'images/icon_send_022.gif\',1)"><img src="images/icon_send_02.gif" width="70" id="Imageu1" height="32" border="0" onclick="$(\'#dmail\').val(\'\')" /></a></td>\
                </tr>\
            </table></td>\
          </tr>\
        </table></td>\
      </tr>\
    </table>\
    </td>\
  </tr>\
</table>';
	OpenDialog();
	$('#fancy_content').html(st);
	var l = ($(window).width()-$('#fancy_outer').width())/2;
	var t = ($(window).height()-$('#fancy_outer').height())/2+$(document).scrollTop();
	
	$('#fancy_outer').css({left:l,top:t,"z-index":"10000"}).fadeIn("slow");
}
$(function(){
	$('#fancy_close').live('click',function(){
			$('#fb_slide').hide();
			$('#fancy_outer').remove();
			
	});
	$('.download').live('click',function(){
		var id = $(this).attr('href');
		OpenDownDialog();
		var t = $(this).position().top;
		$('#fancy_outer').css({top:t-300+'px'});
		$('#send').click(function(){
			var mail=/^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$/;
			if(!mail.test($('#dmail').val()))
			{
				alert('請輸入E-mail');
			}
			else{
				$.ajax({
					url:'download.php',
					data:{id:id,email:$('#dmail').val()},
					type:'post',
					dataType:'json',
					success:function(b){
						if(b.success)
						{
							$('#fb_slide').hide();
							$('#fancy_outer').fadeOut();
							alert(b.msg);
						}
						else
						{
							alert(b.msg);
						}
						//$('#fancy_outer').fadeOut();
						//location.href='uploads/'+b;
					}
				});
			}
		});
		return false;
	});
	/*
	$('.info').live('click',function(){
		var id = $(this).attr('href');
		var o = $(this);
		$.ajax({
			url:'getContent.php',
			data:{id:id},
			type:'post',
			success:function(a){
				OpenDialog();
				b = $.parseJSON(a);
				var str = product_page_template.replace('{image}',b.image);
				
				$('#fancy_content').html(str.replace('{content}',b.content));
				
				$('#fancy_outer').css({"z-index":"10000"}).fadeIn("slow");
				var h = $('#fancy_content').height();
				var w = $('#fancy_content').width();
				var wh = $(window).height();
				var ww = $(window).width();
				if(h>wh)
				{
					$('#fancy_content').css({height:wh+'px',width:w+'px'});
					$('#fancy_outer').css({height:wh+'px',width:w+'px'});
				}
				else{
					$('#fancy_outer').css({height:$('#fancy_content').height()+'px',width:$('#fancy_content').width()+'px'});
				}
				var l = (ww-$('#fancy_outer').width())/2;
				var t = (wh-$('#fancy_outer').height())/2+$(document).scrollTop();
			
				$('#fancy_outer').css({left:l,top:t-20});
				
			}
		});
		return false;
	});
	*/
	$('#Image13').live('click',function(){
		if($('#q').val()!='')
		{
			location.href='search_page.php?q='+$('#q').val();
		}
		return false;
	});
});