﻿// JavaScript Document
$(document).ready(function(){
			
				//Partial Sliding (Only show some of background)
				$('.boxgrid.peek').hover(function(){
					$(".cover",this).stop().animate({top:'5px'},{queue:false,duration:160});
				}, function() {
					$(".cover",this).stop().animate({top:'35px'},{queue:false,duration:160});
				});
				$('.boxgrid1.peek1').hover(function(){
					$(".cover1",this).stop().animate({top:'5px'},{queue:false,duration:160});
				}, function() {
					$(".cover1",this).stop().animate({top:'35px'},{queue:false,duration:160});
				});
				$('.boxgrid2.peek2').hover(function(){
					$(".cover2",this).stop().animate({top:'5px'},{queue:false,duration:160});
				}, function() {
					$(".cover2",this).stop().animate({top:'35px'},{queue:false,duration:160});
				});
				$('.boxgrid3.peek3').hover(function(){
					$(".cover3",this).stop().animate({top:'5px'},{queue:false,duration:160});
				}, function() {
					$(".cover3",this).stop().animate({top:'35px'},{queue:false,duration:160});
				});

				$('#pic_list img').mouseover(function(){
				if($('#this_pic').attr('src') == $(this).attr('src')) return;
				$('#this_pic').fadeOut(0).fadeIn(500).attr('src',$(this).attr('src'));
				$('#this_a').attr('href',$(this).parents('a').attr('href'));
				$('#this_a').attr('title',$(this).parents('a').attr('title'));
				$(this).parents('li').nextAll('li').find('img').animate({top:8,opacity:0.8},200);
				$(this).parents('li').prevAll('li').find('img').animate({top:8,opacity:0.8},200);
				$(this).animate({top:0},500).css('opacity','1');
				});
				
				
				
				$("a[rel]").overlay({   
						start:{   
							width:0,   
							absolute: false       
						},   
						finish:{   
							top:150,   
							left:220,   
							absolute: false   
						},   
						speed:1000,   
						fadeInSpeed:1000,   
					  closeOnClick: true,   
					oneInstance:false,   
					close:'#overlayClose',//自定义关闭按钮   
						//expose: '#BAD0DB'//方式一：只以简单的背景色字符串方式设置   
						expose: {//方式二：以expose功能配置项方式设置   
							color: '#828282',   
							opacity: 0.7,                
							closeSpeed:1000         
						}
      			  }); 
				
				
					$("button[rel]").overlay({   
						start:{   
							width:0,   
							absolute: false     
						},   
						finish:{   
							top:150,   
							left:300,   
							absolute: false   
						},   
						speed:1000,   
						fadeInSpeed:1000,   
					  closeOnClick: true,   
					oneInstance:false,   
					close:'#overlayClose',//自定义关闭按钮   
						//expose: '#BAD0DB'//方式一：只以简单的背景色字符串方式设置   
						expose: {//方式二：以expose功能配置项方式设置   
							color: '#828282',   
							opacity: 0.7,                
							closeSpeed:1000         
						}
      			  }); 
					$("img[rel]").overlay({   
						start:{   
							width:0,   
							absolute: false    
						},   
						finish:{   
							top:150,   
							left:550,   
							absolute:false  
						},   
						speed:1000,   
						fadeInSpeed:1000,   
					  closeOnClick: true,   
					oneInstance:false,   
					close:'#overlayClose',//自定义关闭按钮   
						//expose: '#BAD0DB'//方式一：只以简单的背景色字符串方式设置   
						expose: {//方式二：以expose功能配置项方式设置   
							color: '#828282',   
							opacity: 0.7,                
							closeSpeed:1000         
						}
      			  }); 
			
			
		});