AnimateScroll_On=0;
AnimateScroll_Fade_On=0;
function ScrollHookup(ObjId){
Scroller=document.getElementById(ObjId).getElementsByTagName("a");
Scroller[0].onclick=ScrollLeft;
Scroller[Scroller.length-1].onclick=ScrollRight;
}
function ScrollHookup_Y(ObjId){
Scroller=document.getElementById(ObjId).getElementsByTagName("a");
Scroller[0].onclick=ScrollUp;
Scroller[Scroller.length-1].onclick=ScrollDown;
}


function ScrollLeft(){
Reverse=-1;
if (AnimateScroll_On == 0) {
AnimateScroll_On=1;

ParentId=this.parentNode.id;
Obj_List=this.parentNode.getElementsByTagName("div");
for(i=0;i<Obj_List.length;i++){
ClassName=" "+Obj_List[i].className+" ";

if(ClassName.indexOf(" ViewPort ")>-1){
ViewPort=Obj_List[i];
}
if(ClassName.indexOf(" Items ")>-1){
Items=Obj_List[i];
Items_List=Obj_List[i].getElementsByTagName("div");
}
if(ClassName.indexOf(" Item ")>-1){
Item=Obj_List[i];
break;
}
}

Boundary=(Items_List.length/2-1)*Item.offsetWidth;
Target=Items.offsetLeft-(ViewPort.offsetWidth*Reverse)+(1*Reverse);

Current_Index=0;
for(i=0;i<Items_List.length;i++){
if(Items.offsetLeft-(Item.offsetWidth*i)>-(Item.offsetWidth*Items_List.length)){
Current_Index++;
}
}
Current_Index=Items_List.length-Current_Index;



if(Target<1&&Target>=-Boundary){
AnimateScroll(ParentId, Target);
AnimateScroll_Fade(ParentId, 0, 100, Current_Index,Current_Index+(2*Reverse));
}else{
AnimateScroll_On=0;
}

}
return false;
}




function ScrollRight(){
Reverse=1;
if (AnimateScroll_On == 0) {
AnimateScroll_On=1;

ParentId=this.parentNode.id;
Obj_List=this.parentNode.getElementsByTagName("div");
for(i=0;i<Obj_List.length;i++){
ClassName=" "+Obj_List[i].className+" ";

if(ClassName.indexOf(" ViewPort ")>-1){
ViewPort=Obj_List[i];
}
if(ClassName.indexOf(" Items ")>-1){
Items=Obj_List[i];
Items_List=Obj_List[i].getElementsByTagName("div");
}
if(ClassName.indexOf(" Item ")>-1){
Item=Obj_List[i];
break;
}
}

Boundary=(Items_List.length/2-1)*Item.offsetWidth;
Target=Items.offsetLeft-(ViewPort.offsetWidth*Reverse)+(1*Reverse);

Current_Index=0;
for(i=0;i<Items_List.length;i++){
if(Items.offsetLeft-(Item.offsetWidth*i)>-(Item.offsetWidth*Items_List.length)){
Current_Index++;
}
}
Current_Index=Items_List.length-Current_Index;



if(Target<1&&Target>=-Boundary){
AnimateScroll(ParentId, Target);
AnimateScroll_Fade(ParentId, 0, 100, Current_Index,Current_Index+(2*Reverse));
}else{
AnimateScroll_On=0;
}

}
return false;
}







function ScrollUp(){
Reverse=-1;
if (AnimateScroll_On == 0) {
AnimateScroll_On=1;

ParentId=this.parentNode.id;
Obj_List=this.parentNode.getElementsByTagName("div");
for(i=0;i<Obj_List.length;i++){
ClassName=" "+Obj_List[i].className+" ";

if(ClassName.indexOf(" ViewPort ")>-1){
ViewPort=Obj_List[i];
}
if(ClassName.indexOf(" Items ")>-1){
Items=Obj_List[i];
Items_List=Obj_List[i].getElementsByTagName("div");
}
if(ClassName.indexOf(" Item ")>-1){
Item=Obj_List[i];
break;
}
}

Boundary=((Items_List.length/2-1)*Item.offsetHeight)-ViewPort.offsetHeight*2;
Target=Items.offsetTop-(Item.offsetHeight*Reverse);
if(Boundary<0){
Boundary=Boundary*-1;
}



if(Target<1&&Target>=-Boundary){
AnimateScroll_Y(ParentId, Target);
}else{
AnimateScroll_On=0;
}

}
return false;
}





function ScrollDown(){
Reverse=1;
if (AnimateScroll_On == 0) {
AnimateScroll_On=1;

ParentId=this.parentNode.id;
Obj_List=this.parentNode.getElementsByTagName("div");
for(i=0;i<Obj_List.length;i++){
ClassName=" "+Obj_List[i].className+" ";

if(ClassName.indexOf(" ViewPort ")>-1){
ViewPort=Obj_List[i];
}
if(ClassName.indexOf(" Items ")>-1){
Items=Obj_List[i];
Items_List=Obj_List[i].getElementsByTagName("div");
}
if(ClassName.indexOf(" Item ")>-1){
Item=Obj_List[i];
break;
}
}

Boundary=((Items_List.length/2)*Item.offsetHeight)-ViewPort.offsetHeight*2;
Target=Items.offsetTop-(Item.offsetHeight*Reverse);
if(Boundary<0){
Boundary=Boundary*-1;
}


if(Target<1&&Target>=-Boundary){
AnimateScroll_Y(ParentId, Target);
}else{
AnimateScroll_On=0;
}

}
return false;
}








function AnimateScroll_Fade(ObjId, Target, Current, Index, Index_Next){
Speed=1;
AnimateScroll_Fade_On=1;
Obj_List=document.getElementById(ObjId+"_Detail").getElementsByTagName("div");
Item=Obj_List[Index].getElementsByTagName("div")[0];
Item_Next=Obj_List[Index_Next].getElementsByTagName("div")[0];
Jump=2;

if(Target==0){
Current=Current-Jump;
if(Current<Target){
Current=Target;
}	
}else{
Current=Current+Jump;
if(Current>Target){
Current=Target;
}
}

Item.style.opacity = Current/100;

Item.style.filter = "alpha(opacity=" + Current + ")";

if(Current==Target){
if (Target == 0) {
Item.style.display="none";
Current=0;
Item_Next.style.opacity = Current;
Item_Next.style.filter = "alpha(opacity=" + Current + ")";
Item_Next.style.display="block";

setTimeout("AnimateScroll_Fade('" + ObjId + "',100,"+Current+",'"+Index_Next+"','0')", Speed);
}else{
AnimateScroll_Fade_On=0;
}
}else{
setTimeout("AnimateScroll_Fade('" + ObjId + "'," + Target + ","+Current+",'"+Index+"','"+Index_Next+"')", Speed);
}






}




function AnimateScroll(ObjId, Target){
AnimateScroll_On=1;

Obj_List=document.getElementById(ObjId).parentNode.getElementsByTagName("div");

for(i=0;i<Obj_List.length;i++){
ClassName=" "+Obj_List[i].className+" ";
if(Obj_List[i].className.indexOf(" Items ")>-1){
Items=Obj_List[i];
}
}

Jump=4;
Speed=1;

Current=Items.offsetLeft;

if(Current>Target){
Gap=Current-Target;
}else{
Gap=Target-Current;
}


CutOff=100;
if(Gap==0){

}else if(Gap>CutOff){

}else{
Speed=(CutOff-Gap)+Speed;
while(Speed>30){
if(Jump==1){
Speed=30;
}
if(Speed>30){
Ratio=(Jump-1)/Jump;
Jump=Jump-1;
Speed=Speed*Ratio;
}
}
}

if(Current<Target){
Current=Current+Jump;
if(Current>Target){
Current=Target;
}
}else{
Current=Current-Jump;
if(Current<Target){
Current=Target;
}
}
if(Current!=Target){
	Items.style.left = Current + "px";
	setTimeout("AnimateScroll('" + ObjId + "','" + Target + "')", Speed);
}else{
	Items.style.left = Target + "px";
	AnimateScroll_On=0;
}












	
}
	
	
	
	
	
	
	


function AnimateScroll_Y(ObjId, Target){
AnimateScroll_On=1;

Obj_List=document.getElementById(ObjId).parentNode.getElementsByTagName("div");

for(i=0;i<Obj_List.length;i++){
ClassName=" "+Obj_List[i].className+" ";
if(Obj_List[i].className.indexOf(" Items ")>-1){
Items=Obj_List[i];
}
}

Jump=4;
Speed=1;

Current=Items.offsetTop;

if(Current>Target){
Gap=Current-Target;
}else{
Gap=Target-Current;
}


CutOff=100;
if(Gap==0){

}else if(Gap>CutOff){

}else{
Speed=(CutOff-Gap)+Speed;
while(Speed>30){
if(Jump==1){
Speed=30;
}
if(Speed>30){
Ratio=(Jump-1)/Jump;
Jump=Jump-1;
Speed=Speed*Ratio;
}
}
}

if(Current<Target){
Current=Current+Jump;
if(Current>Target){
Current=Target;
}
}else{
Current=Current-Jump;
if(Current<Target){
Current=Target;
}
}
if(Current!=Target){
	Items.style.top = Current + "px";
	setTimeout("AnimateScroll_Y('" + ObjId + "','" + Target + "')", Speed);
}else{
	Items.style.top = Target + "px";
	AnimateScroll_On=0;
}




	
}