/* ------------------------------

		SideMenu slider

------------------------------ */

$(function() {
	var offset = $("#subMenu").offset();
	var topPadding = 15;
	
	//alert($("body[id='productsTop']").length);
	
	if($("body[id='productsTop']").length){
		
		//alert($('#contentsBody').height());
		
		//var bannerH = $("body[id='productsTop'] #subMenu").find("div.banner").height();
		//var mt = $('#contentsBody').height() - ($('#subMenu').height() - bannerH) - bannerH + 10;
		//$("body[id='productsTop'] #subMenu").find("div.banner").css("margin-top", mt);
		
		var bannerH = $("body[id='productsTop']").find("div.banner").height();
		
		
		/* ----- for debug -----
		$(window).click(function(){
			//alert($(window).scrollTop() - offset.top + topPadding);
			//alert("scrollTop : "+$(window).scrollTop());
			//alert("offset.top : "+offset.top);
			//var h = $("#contentsBody").height() - $('#subMenu').height() - bannerH;
			//alert("bannerH : "+bannerH);
			//alert("h : "+h);
			
			if($(window).scrollTop() < bannerH){
				alert("!");
			}
			
			//alert(mt);
		});
		*/
		
		//var mt = $('#contentsBody').height() - ($('#subMenu').height() + bannerH);
		//alert(mt);
		
		$(window).click(function(){
			//var mt = $('#contentsBody').height() - ($('#subMenu').height() + bannerH);
			
			var mt = $('#contentsBody').height() - bannerH;
			
			//alert("scroll top : "+$(window).scrollTop());
			//alert("diff : " + ($(window).scrollTop() - offset.top));
			
		});
		
		
		$(window).scroll(function() {
			
			//var mt = $('#contentsBody').height() - ($('#subMenu').height() - bannerH) - bannerH + 10;
			
			if ($(window).scrollTop() > offset.top) {
				var mt = $('#contentsBody').height() - ($('#subMenu').height() + bannerH);
				if(($(window).scrollTop() - offset.top) < mt){
					$("#subMenu").stop().animate({
						marginTop: $(window).scrollTop() - offset.top + topPadding
					});
				}
				
				/*
				if($(window).scrollTop() < bannerH){
					$("#subMenu").stop().animate({
						marginTop: $(window).scrollTop() - offset.top + topPadding
					});
				}
				*/
			} else {
				$("#subMenu").stop().animate({
					marginTop: 0
				});
			};
		});
		
	} else {
		
		
		$(window).scroll(function() {
			if ($(window).scrollTop() > offset.top) {
				$("#subMenu").stop().animate({
					marginTop: $(window).scrollTop() - offset.top + topPadding
				});
			} else {
				$("#subMenu").stop().animate({
					marginTop: 0
				});
			};
		});
		
	}
	
	
	/*
	$(window).scroll(function() {
		if ($(window).scrollTop() > offset.top) {
			$("#subMenu").stop().animate({
				marginTop: $(window).scrollTop() - offset.top + topPadding
			});
		} else {
			$("#subMenu").stop().animate({
				marginTop: 0
			});
		};
	});
	*/
	
	/*
	$(window).click(function(){
		alert("window scroll top : "+$(window).scrollTop());
		//alert(offset.top);
		
		var o = $("#contents").find('div.banner').offset();
		alert("banner offset top : "+o.top);
		
		//alert($("#submenu").height());
		//var t = o.top - $(window).scrollTop() - offset.top + topPadding - $("#subMenu").height();
		var t = o.top - $(window).scrollTop() - $("#subMenu").height();
		alert(t);
	});
	
	
	$(window).scroll(function() {
		if ($(window).scrollTop() > offset.top) {
			$("#subMenu").stop().animate({
				marginTop: $(window).scrollTop() - offset.top + topPadding
			});
			
		} else {
			$("#subMenu").stop().animate({
				marginTop: 0
			});
		};
	});
	
	*/
});