//上方主選單
$(function(){
		$('#menu li').hover(function(){
			$(this).children('ul').stop(true, true).fadeIn(700);
			var _this = $(this),
			_height = _this.height() * -1;
		_this.stop().animate({
			backgroundPosition: "(0px " + _height + "px)"
		}, 200);
			
		} , function(){
			$(this).children('ul').stop(true, true).fadeOut(700);
			$(this).stop().animate({
			backgroundPosition: "(0px 0px)"
		}, 200);
		});
	
		$('#menu li ul li').hover(function(){
			$(this).css({
						backgroundColor:"#b1b1b1"					
						})
		} , function(){
			$(this).css({
						backgroundColor:"#f1f1f1"
						})
		});

		$('a').focus(function(){
			this.blur();
		});
});

//首頁廣告banner
$(function(){
		$('#ad4-1').attr('src', 'images/ad-btn-d-01.gif');
		$('#ad4-1').hover(function(){
			$(this).attr('src', 'images/ad-btn-d-01.gif');
			$("#ada").attr('src', 'images/ad01.gif');
			$('#ad4-2').attr('src', 'images/ad-btn-u-02.gif');
			$('#ad4-3').attr('src', 'images/ad-btn-u-03.gif');
			$('#ad4-4').attr('src', 'images/ad-btn-u-04.gif');
			$('#link').attr('href', 'anti.aspx');
			
		} , function(){});
		
		$('#ad4-2').hover(function(){
			$(this).attr('src', 'images/ad-btn-d-02.gif');
			$("#ada").attr('src', 'images/ad02.gif');
			$('#ad4-1').attr('src', 'images/ad-btn-u-01.gif');
			$('#ad4-3').attr('src', 'images/ad-btn-u-03.gif');
			$('#ad4-4').attr('src', 'images/ad-btn-u-04.gif');
			$('#link').attr('href', 'http://www.danet.tw/systemDetail.aspx?doc_id=146');
		} , function(){});
		
		$('#ad4-3').hover(function(){
			$(this).attr('src', 'images/ad-btn-d-03.gif');
			$("#ada").attr('src', 'images/ad03.gif');
			$('#ad4-1').attr('src', 'images/ad-btn-u-01.gif');
			$('#ad4-2').attr('src', 'images/ad-btn-u-02.gif');
			$('#ad4-4').attr('src', 'images/ad-btn-u-04.gif');
			$('#link').attr('href', 'designer.aspx');
		} , function(){});
		
		$('#ad4-4').hover(function(){
			$(this).attr('src', 'images/ad-btn-d-04.gif');
			$("#ada").attr('src', 'images/ad04.gif');
			$('#ad4-1').attr('src', 'images/ad-btn-u-01.gif');
			$('#ad4-2').attr('src', 'images/ad-btn-u-02.gif');
			$('#ad4-3').attr('src', 'images/ad-btn-u-03.gif');
			$('#link').attr('href', 'http://www.danet.tw/systemDetail.aspx?doc_id=146');
		} , function(){});
	
//回到上方按鈕
		$('#btntop').hover(function(){
			$(this).attr('src', 'images/top-n.gif');
		} , function(){
			$(this).attr('src', 'images/top-u.gif');
			});
//更多詳情	
	$('.morehost').hover(function(){
			$(this).attr('src', 'images/main/a04-amore2.gif');
		}, function(){
			$(this).attr('src', 'images/main/a04-amore.gif');
			});
		
//主機代管
		$('#sel-a03-01').hover(function(){
			$(this).attr('src', 'images/sel-a03-01r.gif');
			$('#sel-a03-02').attr('src', 'images/sel-a03-02.gif');
			$('#sel-a03-03').attr('src', 'images/sel-a03-03.gif');
			$('#sel-a03-04').attr('src', 'images/sel-a03-04.gif');
			});
		$('#sel-a03-02').hover(function(){
			$(this).attr('src', 'images/sel-a03-02r.gif');
			$('#sel-a03-01').attr('src', 'images/sel-a03-01.gif');
			$('#sel-a03-03').attr('src', 'images/sel-a03-03.gif');
			$('#sel-a03-04').attr('src', 'images/sel-a03-04.gif');
			});
		$('#sel-a03-03').hover(function(){
			$(this).attr('src', 'images/sel-a03-03r.gif');
			$('#sel-a03-01').attr('src', 'images/sel-a03-01.gif');
			$('#sel-a03-02').attr('src', 'images/sel-a03-02.gif');
			$('#sel-a03-04').attr('src', 'images/sel-a03-04.gif');
			});
		$('#sel-a03-04').hover(function(){
			$(this).attr('src', 'images/sel-a03-04r.gif');
			$('#sel-a03-01').attr('src', 'images/sel-a03-01.gif');
			$('#sel-a03-02').attr('src', 'images/sel-a03-02.gif');
			$('#sel-a03-03').attr('src', 'images/sel-a03-03.gif');
			});

		$('#sel-a04-01').hover(function(){
			$(this).attr('src', 'images/sel-a04-01r.gif');
			$('#sel-a04-02').attr('src', 'images/sel-a04-02.gif');
			$('#sel-a04-03').attr('src', 'images/sel-a04-03.gif');
			$('#sel-a04-04').attr('src', 'images/sel-a04-04.gif');
			});
		$('#sel-a04-02').hover(function(){
			$(this).attr('src', 'images/sel-a04-02r.gif');
			$('#sel-a04-01').attr('src', 'images/sel-a04-01.gif');
			$('#sel-a04-03').attr('src', 'images/sel-a04-03.gif');
			$('#sel-a04-04').attr('src', 'images/sel-a04-04.gif');
			});
		$('#sel-a04-03').hover(function(){
			$(this).attr('src', 'images/sel-a04-03r.gif');
			$('#sel-a04-01').attr('src', 'images/sel-a04-01.gif');
			$('#sel-a04-02').attr('src', 'images/sel-a04-02.gif');
			$('#sel-a04-04').attr('src', 'images/sel-a04-04.gif');
			});
		$('#sel-a04-04').hover(function(){
			$(this).attr('src', 'images/sel-a04-04r.gif');
			$('#sel-a04-01').attr('src', 'images/sel-a04-01.gif');
			$('#sel-a04-02').attr('src', 'images/sel-a04-02.gif');
			$('#sel-a04-03').attr('src', 'images/sel-a04-03.gif');
			});

		$('#sel-a04-a01').hover(function(){
			$(this).attr('src', 'images/sel-a04-a01r.gif');
			$('#sel-a04-a02').attr('src', 'images/sel-a04-a02.gif');
			$('#sel-a04-a03').attr('src', 'images/sel-a04-a03.gif');
			$('#sel-a04-a04').attr('src', 'images/sel-a04-a04.gif');
			$('#sel-a04-a05').attr('src', 'images/sel-a04-a05.gif');
			$('#sel-a04-a06').attr('src', 'images/sel-a04-a06.gif');
			$('#sel-a04-a07').attr('src', 'images/sel-a04-a07.gif');
			});
		$('#sel-a04-a02').hover(function(){
			$(this).attr('src', 'images/sel-a04-a02r.gif');
			$('#sel-a04-a01').attr('src', 'images/sel-a04-a01.gif');
			$('#sel-a04-a03').attr('src', 'images/sel-a04-a03.gif');
			$('#sel-a04-a04').attr('src', 'images/sel-a04-a04.gif');
			$('#sel-a04-a05').attr('src', 'images/sel-a04-a05.gif');
			$('#sel-a04-a06').attr('src', 'images/sel-a04-a06.gif');
			$('#sel-a04-a07').attr('src', 'images/sel-a04-a07.gif');
			});
		$('#sel-a04-a03').hover(function(){
			$(this).attr('src', 'images/sel-a04-a03r.gif');
			$('#sel-a04-a01').attr('src', 'images/sel-a04-a01.gif');
			$('#sel-a04-a02').attr('src', 'images/sel-a04-a02.gif');
			$('#sel-a04-a04').attr('src', 'images/sel-a04-a04.gif');
			$('#sel-a04-a05').attr('src', 'images/sel-a04-a05.gif');
			$('#sel-a04-a06').attr('src', 'images/sel-a04-a06.gif');
			$('#sel-a04-a07').attr('src', 'images/sel-a04-a07.gif');
			});
		$('#sel-a04-a04').hover(function(){
			$(this).attr('src', 'images/sel-a04-a04r.gif');
			$('#sel-a04-a01').attr('src', 'images/sel-a04-a01.gif');
			$('#sel-a04-a02').attr('src', 'images/sel-a04-a02.gif');
			$('#sel-a04-a03').attr('src', 'images/sel-a04-a03.gif');
			$('#sel-a04-a05').attr('src', 'images/sel-a04-a05.gif');
			$('#sel-a04-a06').attr('src', 'images/sel-a04-a06.gif');
			$('#sel-a04-a07').attr('src', 'images/sel-a04-a07.gif');
			});	
		$('#sel-a04-a05').hover(function(){
			$(this).attr('src', 'images/sel-a04-a05r.gif');
			$('#sel-a04-a01').attr('src', 'images/sel-a04-a01.gif');
			$('#sel-a04-a02').attr('src', 'images/sel-a04-a02.gif');
			$('#sel-a04-a03').attr('src', 'images/sel-a04-a03.gif');
			$('#sel-a04-a04').attr('src', 'images/sel-a04-a04.gif');
			$('#sel-a04-a06').attr('src', 'images/sel-a04-a06.gif');
			$('#sel-a04-a07').attr('src', 'images/sel-a04-a07.gif');
			});	
		$('#sel-a04-a06').hover(function(){
			$(this).attr('src', 'images/sel-a04-a06r.gif');
			$('#sel-a04-a01').attr('src', 'images/sel-a04-a01.gif');
			$('#sel-a04-a02').attr('src', 'images/sel-a04-a02.gif');
			$('#sel-a04-a03').attr('src', 'images/sel-a04-a03.gif');
			$('#sel-a04-a04').attr('src', 'images/sel-a04-a04.gif');
			$('#sel-a04-a05').attr('src', 'images/sel-a04-a05.gif');
			$('#sel-a04-a07').attr('src', 'images/sel-a04-a07.gif');
			});	
		$('#sel-a04-a07').hover(function(){
			$(this).attr('src', 'images/sel-a04-a07r.gif');
			$('#sel-a04-a01').attr('src', 'images/sel-a04-a01.gif');
			$('#sel-a04-a02').attr('src', 'images/sel-a04-a02.gif');
			$('#sel-a04-a03').attr('src', 'images/sel-a04-a03.gif');
			$('#sel-a04-a04').attr('src', 'images/sel-a04-a04.gif');
			$('#sel-a04-a05').attr('src', 'images/sel-a04-a05.gif');
			$('#sel-a04-a06').attr('src', 'images/sel-a04-a06.gif');
			});			
	
		
		$('#sel-a05-01').hover(function(){
			$(this).attr('src', 'images/sel-a05-01r.gif');
			$('#sel-a05-02').attr('src', 'images/sel-a05-02.gif');
			$('#sel-a05-03').attr('src', 'images/sel-a05-03.gif');
			});
		$('#sel-a05-02').hover(function(){
			$(this).attr('src', 'images/sel-a05-02r.gif');
			$('#sel-a05-01').attr('src', 'images/sel-a05-01.gif');
			$('#sel-a05-03').attr('src', 'images/sel-a05-03.gif');
			});
		$('#sel-a05-03').hover(function(){
			$(this).attr('src', 'images/sel-a05-03r.gif');
			$('#sel-a05-01').attr('src', 'images/sel-a05-01.gif');
			$('#sel-a05-02').attr('src', 'images/sel-a05-02.gif');
			});
		
		
		$('#sel-a06-01').hover(function(){
			$(this).attr('src', 'images/sel-a06-01r.gif');
			$('#sel-a06-02').attr('src', 'images/sel-a06-02.gif');
			$('#sel-a06-03').attr('src', 'images/sel-a06-03.gif');
			$('#sel-a06-04').attr('src', 'images/sel-a06-04.gif');
			$('#sel-a06-05').attr('src', 'images/sel-a06-05.gif');
			});
		$('#sel-a06-02').hover(function(){
			$(this).attr('src', 'images/sel-a06-02r.gif');
			$('#sel-a06-01').attr('src', 'images/sel-a06-01.gif');
			$('#sel-a06-03').attr('src', 'images/sel-a06-03.gif');
			$('#sel-a06-04').attr('src', 'images/sel-a06-04.gif');
			$('#sel-a06-05').attr('src', 'images/sel-a06-05.gif');
			});
		$('#sel-a06-03').hover(function(){
			$(this).attr('src', 'images/sel-a06-03r.gif');
			$('#sel-a06-01').attr('src', 'images/sel-a06-01.gif');
			$('#sel-a06-02').attr('src', 'images/sel-a06-02.gif');
			$('#sel-a06-04').attr('src', 'images/sel-a06-04.gif');
			$('#sel-a06-05').attr('src', 'images/sel-a06-05.gif');
			});
		$('#sel-a06-04').hover(function(){
			$(this).attr('src', 'images/sel-a06-04r.gif');
			$('#sel-a06-01').attr('src', 'images/sel-a06-01.gif');
			$('#sel-a06-02').attr('src', 'images/sel-a06-02.gif');
			$('#sel-a06-03').attr('src', 'images/sel-a06-03.gif');
			$('#sel-a06-05').attr('src', 'images/sel-a06-05.gif');
			});
		$('#sel-a06-05').hover(function(){
			$(this).attr('src', 'images/sel-a06-05r.gif');
			$('#sel-a06-01').attr('src', 'images/sel-a06-01.gif');
			$('#sel-a06-02').attr('src', 'images/sel-a06-02.gif');
			$('#sel-a06-03').attr('src', 'images/sel-a06-03.gif');
			$('#sel-a06-04').attr('src', 'images/sel-a06-04.gif');
			});
		
		$('#sel-a07-01').hover(function(){
			$(this).attr('src', 'images/sel-a07-01r.gif');
			$('#sel-a07-02').attr('src', 'images/sel-a07-02.gif');
			});
		$('#sel-a07-02').hover(function(){
			$(this).attr('src', 'images/sel-a07-02r.gif');
			$('#sel-a07-01').attr('src', 'images/sel-a07-01.gif');
			});
		
	});