//監聽=======
var listDiv;
var listCup;

var head;

var browser;
var version;

var list_mc;

var heightNum;

$(document).ready(function() {
						   

	
	browser = $.browser.msie;
	version = $.browser.version;
						   			   
	 var dummy_mc = document.getElementById('menuRight');		
	 //alert(dummy_mc);
	// var listDiv = document.getElementById('listID');
	 
	 listDiv = $("#listID");
	 listCup = $(".listcup");
	 
	 //alert(listDiv);
	 
	 head = $(".header");
	 
	//改變視窗大小時，相關的設定...
	$(window).bind("resize",function (){setWindowSize(1);});	
	//$(window).bind("resize",setWindowSize);	
	setWindowSize(0);
	
	//浮動MENU........
	if (dummy_mc!=null){
		//alert("yes Dummy_mc");
		$(window).bind("scroll",setFloat);			   
		setFloat();
	}
	
	
	if(browser==true && version==6.0){
			//nowTop = 1;	
			$(window).bind("scroll",listScroll);
			listInit();
			listCupInit();
			//listDiv.css("width","1280px");
		}else{

	}
	
	
	
		//alert($('div.listDiv'));
	
	var test = document.getElementById('listID');
	//alert(test);
	
	
	if(test==null){
		list_mc = $('.listcup');
		heightNum = 1;
		}else{
		list_mc = $('.listDiv');	
		heightNum = 2;
		}
	
	
	
	
});
	
var nowTop;
function setWindowSize(num){

	var browser = $.browser.msie;
	var version = $.browser.version;
	
	//alert($.browser.msie);
	//alert($.browser.version);
	//設定中間文字
	var viewportwidth = eval($(window).width());
	//alert(viewportwidth);
	var target = $(".mainDiv");
	var targetFloat = $(".floatMenu");
	
	if(viewportwidth >= 1280){
		
		
		head.css("width",viewportwidth+"px");
		
		
		if(browser==true && (version==7.0 || version==6.0)){
			listDiv.css("width","1280px");
			listCup.css("width","1280px");
		}else{
		listDiv.css("width",viewportwidth+"px");
		listCup.css("width",viewportwidth+"px");
		}
		
		/*listDiv.css("width",viewportwidth+"px");*/
		
		
		
		
		target.css("width","1280px");
		var xPo = eval($(window).width()/2 + 335);
		targetFloat.css("margin-left",xPo+"px");
		
	}else if(viewportwidth < 1280 && viewportwidth>1024){
		head.css("width",viewportwidth+"px");
		listDiv.css("width",viewportwidth+"px");
		listCup.css("width",viewportwidth+"px");
		target.css("width",viewportwidth+"px");
		var xPo = eval($(window).width()/2 + 335);
		targetFloat.css("margin-left",xPo+"px");
		
	}else if(viewportwidth<1024){
		target.css("width","1010px");
		var xPo = eval($(window).width()/2 + 335);
		
		listDiv.css("width","1010px");
		listCup.css("width","1010px");
		head.css("width","1010px");
	}

	if(num==0){
		if(listDiv[0] !=null){
			
			
			if(browser==true && version==6.0){
				//alert("first open");
				var sTop = $(document).scrollTop();
				var wHeight = eval($(window).height());

				var newYOpen = sTop+wHeight-390;
				listDiv.css("top",newYOpen+"px");
				listDiv.css("height","390px");
			}else{
				//var tempTop = $(document).scrollTop();
	    		var viewHeight = eval($(window).height());		
				//var viewWidth = eval($(window).width());
				var topPos = viewHeight-390;
				listDiv.css("top",topPos+"px");
			}
			


		}
	}
	else{
		var num3=(nowTop==0)?390:25;
		
		
		if(browser==true && version==6.0){
				//alert("second open");
				var sTop = $(document).scrollTop();
				var wHeight = eval($(window).height());
				var newP = sTop+wHeight-num3;
				listDiv.css("top",newP+"px");
				listDiv.css("height",num3+"px");
			}else{
				var tempTop = $(document).scrollTop();
	   			var viewHeight = eval($(window).height());		
				var viewWidth = eval($(window).width());
				var topPos = viewHeight-num3;
				listDiv.css("top",topPos+"px");
		}
	}
	
	
	if(num==0){
		if(listCup[0] !=null){
			
			
			if(browser==true && version==6.0){
				//alert("first open");
				var sTop = $(document).scrollTop();
				var wHeight = eval($(window).height());

				var newYOpen = sTop+wHeight-540;
				listCup.css("top",newYOpen+"px");
				listCup.css("height","540px");
			}else{
				//var tempTop = $(document).scrollTop();
	    		var viewHeight = eval($(window).height());		
				//var viewWidth = eval($(window).width());
				var topPos = viewHeight-540;
				listCup.css("top",topPos+"px");
			}
			


		}
	}
	else{
		var num4=(nowTop==0)?540:25;
		
		
		if(browser==true && version==6.0){
				//alert("second open");
				var sTop = $(document).scrollTop();
				var wHeight = eval($(window).height());
				var newP = sTop+wHeight-num4;
				listCup.css("top",newP+"px");
				listCup.css("height",num4+"px");
			}else{
				var tempTop = $(document).scrollTop();
	   			var viewHeight = eval($(window).height());		
				var viewWidth = eval($(window).width());
				var topPos = viewHeight-num4;
				listCup.css("top",topPos+"px");
		}
	}
	
}

var zzz;
function setFloat(){
	/*alert($(document).scrollTop());*/
	
	var toP = $(document).scrollTop();
	var nuM = $(document).scrollTop() + 410;
	
	var newY = toP+150;

 //$(".floatMenu").animate( { top: nuM+"px"}, 50 );
 
 	//var dummy_mc = document.getElementById('menuRight');
	var dummy_mc = $('#menuRight');
	var nowN = eval(dummy_mc.css("top").replace(/px/g,""));
	
	//$('#menuRight').text(nuM+'/'+nowN+'/'+toP);
	
	if(toP > 285){
		if(zzz != null){
			zzz.continueTo( newY, 1 )
			}else{
			zzz = new Tween(dummy_mc[0].style,'top',Tween.regularEaseOut,nowN,newY,1.5,'px');
			zzz.start();
			}
	}else if(toP <= 285){
		if(zzz != null){
			zzz.continueTo( "410", 1 )
			}else{
			zzz = new Tween(dummy_mc[0].style,'top',Tween.regularEaseOut,nowN,"410",1.5,'px');
			zzz.start();
			}
	}
	//alert(zzz);
	
	/*var xPo = eval($(window).width()/2 + 350);
	var targetFloat = $(".floatMenu");
	targetFloat.css("margin-left",xPo+"px");*/
}

function listInit(){
	var tempTop = $(document).scrollTop();
	var viewHeight = eval($(window).height());
	
	if(tempTop!=0){
		var topPos = tempTop+viewHeight-25;	
	}else{
		var topPos = viewHeight-390;
	}
	//var topPos = viewHeight-25;
	
	//$('.listDiv').text(viewHeight+'/'+topPos);
	//alert(viewHeight);
	//alert(viewHeight);
		$(".listDiv").animate({ 
		top: topPos + "px"
		//height:"140px"

      }, 500 );
	
}


function listCupInit(){
	var tempTop = $(document).scrollTop();
	var viewHeight = eval($(window).height());
	
	if(tempTop!=0){
		var topPos = tempTop+viewHeight-25;	
	}else{
		var topPos = viewHeight-540;
	}
	//var topPos = viewHeight-25;
	
	//$('.listDiv').text(viewHeight+'/'+topPos);
	//alert(viewHeight);
	//alert(viewHeight);
		$(".listcup").animate({ 
		top: topPos + "px"
		//height:"140px"

      }, 500 );
	
}

var newMove;
function listScroll(){
	
	var tNum = list_mc;
	
	//var list_mc = $('.listDiv')
	//alert(list_mc);
	var sTop = $(document).scrollTop();
	var wHeight = eval($(window).height());
	var newY = sTop+wHeight-25;
	
	if(heightNum==2){
		var newYOpen = sTop+wHeight-390;
		}else{
		var newYOpen = sTop+wHeight-540;
		}
	
	
	var nowN = eval(list_mc.css("top").replace(/px/g,""));
	
	
	
	if(nowTop==0){
		if(newMove != null){
			newMove.continueTo( newYOpen, 0.5 )
			}else{
			newMove = new Tween(list_mc[0].style,'top',Tween.regularEaseOut,nowN,newYOpen,0.5,'px');
			newMove.start();
			}
		
		tNum.animate({ 

      }, 0 );
	}else if(nowTop==1){
		if(newMove != null){
			newMove.continueTo( newY, 0.5 )
			}else{
			newMove = new Tween(list_mc[0].style,'top',Tween.regularEaseOut,nowN,newY,0.5,'px');
			newMove.start();
			}
		tNum.animate({ 
		height:"25px"

      }, 0 );
	}
	
	/*if(nowTop==0){
		if(newMove != null){
			newMove.continueTo( newYOpen, 0.5 )
			}else{
			newMove = new Tween(list_mc[0].style,'top',Tween.regularEaseOut,nowN,newYOpen,0.5,'px');
			newMove.start();
			}
		
		$(".listcup").animate({ 

      }, 0 );
	}else if(nowTop==1){
		if(newMove != null){
			newMove.continueTo( newY, 0.5 )
			}else{
			newMove = new Tween(list_mc[0].style,'top',Tween.regularEaseOut,nowN,newY,0.5,'px');
			newMove.start();
			}
		$(".listcup").animate({ 
		height:"25px"

      }, 0 );
	}*/

}

function listOpen(){
	var open_1 = $('.listDiv')
	var nowN = eval(open_1.css("top").replace(/px/g,""))
	var newH = nowN -365;
	
	nowTop = 0;
	if(browser==true && version==6.0){
		$(".listDiv").animate({ 
			top: newH + "px",
			height:"390px"

      		}, 500 );
	}
	
	$(".listDiv").animate({ 
		top: newH + "px"
      }, 500 );
	
}

function listCupOpen(){
	var open_2 = $('.listcup')
	var nowN = eval(open_2.css("top").replace(/px/g,""))
	var newH = nowN -515;
	
	nowTop = 0;
	if(browser==true && version==6.0){
		$(".listcup").animate({ 
			top: newH + "px",
			height:"540px"

      		}, 500 );
	}
	
	$(".listcup").animate({ 
		top: newH + "px"
      }, 500 );
	
}

function listClose(){
	var open_1 = $('.listDiv')
	var nowN = eval(open_1.css("top").replace(/px/g,""))
	var newH = nowN +365;
	
	nowTop = 1;	
	
	
	if(browser==true && version==6.0){
		$(".listDiv").animate({ 
			top: newH + "px",
			height:"30px"

      		}, 500 );
	}
	$(".listDiv").animate({ 
		top: newH + "px"
      }, 500 );
}

function listCupClose(){
	//alert("closeclose");
	var open_2 = $('.listcup')
	var nowN = eval(open_2.css("top").replace(/px/g,""))
	var newH = nowN +515;
	
	nowTop = 1;	
	
	
	if(browser==true && version==6.0){
		$(".listcup").animate({ 
			top: newH + "px",
			height:"30px"

      		}, 500 );
	}
	$(".listcup").animate({ 
		top: newH + "px"
      }, 500 );
}



function alreadyOpen(){
	nowTop = 0;
}