// JavaScript Document




			// Class name  			-- slider
			// Method name			-- scrollIncrease();
			// Object name 			-- incScroll;
			//						-- decScroll1;
			// variables are 		-- fade, img_animation , test_frame .
 

	var new_interval  = new  Array();	
	var FADE_BTN = new Array();
	var ANIAMTE_ATTRIBUTE=new Array();
	var running_status = new Array();

// arguments -- div_name 	 -- DIV name or ID name.
// 			 -- frame_width  -- Image frame width .
//			 -- moving_speed -- Animation moving speed value

function slider(div_name,btn_div_name , frame_width,moving_speed){		// Main Class 

	
	this.div_name = div_name;							// div ID or div Name
	
	this.btn_div_name = btn_div_name ;					// button div id name

	this.frame_width = frame_width;						// Image width

	this.moving_speed = moving_speed; 					// Moving speed value.

	this.animate_cycle=16;								// Intitally animate_cycle value is '16'.
	
	this.default_pointer = 1; 
	
	
		
	ANIAMTE_ATTRIBUTE[this.div_name]=new Object();
	
	ANIAMTE_ATTRIBUTE[this.div_name].point_value_curr=0;	

	ANIAMTE_ATTRIBUTE[this.div_name].running_stage=0;
	
	ANIAMTE_ATTRIBUTE[this.div_name].point_value_prev=0;
	
	
}



slider.prototype.get_btn_value = function() {
		
	var btn_val;
	
	var temp;
	
	var counter=0;	
		
	ANIAMTE_ATTRIBUTE[this.div_name].stage = this.frame_width ; 

	ANIAMTE_ATTRIBUTE[this.div_name].mov_speed = this.moving_speed ;
	
	ANIAMTE_ATTRIBUTE[this.div_name].animate_cycle = this.animate_cycle ;
	
	ANIAMTE_ATTRIBUTE[this.div_name].default_pointer = this.default_pointer ; 
	
	ANIAMTE_ATTRIBUTE[this.div_name].TOT_FRAME_WIDTH = document.getElementById(this.div_name).scrollWidth;
	
	//alert(ANIAMTE_ATTRIBUTE[this.div_name].TOT_FRAME_WIDTH);
	
	
	ANIAMTE_ATTRIBUTE[this.div_name].FRAME_TOT_WIDTH_btn = this.frame_width ;
	
	ANIAMTE_ATTRIBUTE[this.div_name].btn_val = ANIAMTE_ATTRIBUTE[this.div_name].TOT_FRAME_WIDTH / ANIAMTE_ATTRIBUTE[this.div_name].FRAME_TOT_WIDTH_btn  ; 

	
	
	temp="<table  >";	
		
		for(i=1;i<=1;i++) {
			temp+='<tr >';						
			for(j=1;j<=ANIAMTE_ATTRIBUTE[this.div_name].btn_val;j++){		
				counter++;			
				temp+='<td ><button  class=pager_'+this.div_name+' id=btn'+j+' name=btn'+j+' value='+j+' onclick="get_onclick(\''+j+'\',\''+this.div_name+'\');" >'+j+'</td>';					
			}														
			temp+="</tr>";					
		}			
		temp+='</table>'; 	
		document.getElementById(this.btn_div_name).innerHTML=temp;	
}

slider.prototype.scrollIncrease=function() {	

	
	var div_name=this.div_name;	
	
	if( (ANIAMTE_ATTRIBUTE[div_name].pointer<ANIAMTE_ATTRIBUTE[div_name].btn_val) && (ANIAMTE_ATTRIBUTE[div_name].running_stage==0)) {
		FADE_BTN[div_name]=Number(0);
		ANIAMTE_ATTRIBUTE[div_name].pointer=Number(ANIAMTE_ATTRIBUTE[div_name].pointer)+1;	
		ANIAMTE_ATTRIBUTE[div_name].running_stage=1;
		new_interval[div_name] = setInterval('set_animation(\''+div_name+'\')',ANIAMTE_ATTRIBUTE[div_name].mov_speed);	
		ANIAMTE_ATTRIBUTE[div_name].running_stage=0;
		
	}	
}

slider.prototype.scrollDecrease=function() {					

	var div_name=this.div_name;
	FADE_BTN[div_name]=Number(0);
	if( (ANIAMTE_ATTRIBUTE[div_name].running_stage==0) && (ANIAMTE_ATTRIBUTE[div_name].pointer > 1 ) ) {
		ANIAMTE_ATTRIBUTE[div_name].pointer=Number(ANIAMTE_ATTRIBUTE[div_name].pointer)-1;	
		ANIAMTE_ATTRIBUTE[div_name].running_stage=1;
		new_interval[div_name] = setInterval('set_animation(\''+div_name+'\')',ANIAMTE_ATTRIBUTE[div_name].mov_speed);
		ANIAMTE_ATTRIBUTE[div_name].running_stage=0;
		
	}
}

slider.prototype.get_div_name=function(){

	return this.div_name;
}

// arguments -- image_width -- image width.

slider.prototype.set_image_width=function(image_width){

	this.frame_width = image_width;
}

// arguments -- img_moving_speed -- Animation moving speed value.
slider.prototype.set_moving_speed=function(img_moving_speed){
	
	this.moving_speed = img_moving_speed;
}

// arguments -- frame_width  -- Image width.
//			 -- moving_speed -- Animation moving speed value.
slider.prototype.set_width_movSpeed=function(frame_width,moving_speed){

	this.frame_width = frame_width;						// Image width
	this.moving_speed = moving_speed;
}

// arguments -- animate_cycle  -- Animaiton Cycle value.
slider.prototype.set_animate_cycle=function(animate_cycle){ 

	this.animate_cycle = animate_cycle;					// Image width
}

function get_onclick(btn_value,div_name){	
		
	
	if( (ANIAMTE_ATTRIBUTE[div_name].running_stage==0) && (btn_value!=ANIAMTE_ATTRIBUTE[div_name].point_value_curr)  ) { 
	
		FADE_BTN[div_name]=Number(0);	
		ANIAMTE_ATTRIBUTE[div_name].pointer=btn_value;
		ANIAMTE_ATTRIBUTE[div_name].running_stage=1;
		new_interval[div_name] = setInterval('set_animation(\''+div_name+'\')',ANIAMTE_ATTRIBUTE[div_name].mov_speed);	
		ANIAMTE_ATTRIBUTE[div_name].running_stage=0;
	}
}

function set_animation(div_name){
	
	var diff_value_btn ;		
	var final_btn;		
	var temp ;		
						
	if(FADE_BTN[div_name]==0) {		
		
		FADE_BTN[div_name]=FADE_BTN[div_name]+1;
		ANIAMTE_ATTRIBUTE[div_name].total_animate_cycle=ANIAMTE_ATTRIBUTE[div_name].pointer*ANIAMTE_ATTRIBUTE[div_name].animate_cycle;				
		ANIAMTE_ATTRIBUTE[div_name].current_width=document.getElementById(div_name).scrollLeft;
		ANIAMTE_ATTRIBUTE[div_name].target_width=(ANIAMTE_ATTRIBUTE[div_name].stage*(ANIAMTE_ATTRIBUTE[div_name].pointer-1));		
		ANIAMTE_ATTRIBUTE[div_name].previous_value = ANIAMTE_ATTRIBUTE[div_name].pointer ;			
		temp = ANIAMTE_ATTRIBUTE[div_name].point_value_curr;
		ANIAMTE_ATTRIBUTE[div_name].point_value_curr =ANIAMTE_ATTRIBUTE[div_name].previous_value ; 
		ANIAMTE_ATTRIBUTE[div_name].point_value_prev =  temp ; 
		ANIAMTE_ATTRIBUTE[div_name].total_animate_width=(ANIAMTE_ATTRIBUTE[div_name].target_width-ANIAMTE_ATTRIBUTE[div_name].current_width);		
		ANIAMTE_ATTRIBUTE[div_name].per_cycle_width=( ANIAMTE_ATTRIBUTE[div_name].total_animate_width/ Number(ANIAMTE_ATTRIBUTE[div_name].animate_cycle )) ;			
		ANIAMTE_ATTRIBUTE[div_name].per_cycle_width_RoundOff =(ANIAMTE_ATTRIBUTE[div_name].per_cycle_width>0)?Math.ceil(ANIAMTE_ATTRIBUTE[div_name].per_cycle_width):Math.floor(ANIAMTE_ATTRIBUTE[div_name].per_cycle_width); 

	}else{
		FADE_BTN[div_name]=FADE_BTN[div_name]+1;
		document.getElementById(div_name).scrollLeft=document.getElementById(div_name).scrollLeft+ANIAMTE_ATTRIBUTE[div_name].per_cycle_width_RoundOff; 

		ANIAMTE_ATTRIBUTE[div_name].temp  = Number(document.getElementById(div_name).scrollLeft)+Number(ANIAMTE_ATTRIBUTE[div_name].per_cycle_width_RoundOff)+0;		
			 	
		if(ANIAMTE_ATTRIBUTE[div_name].per_cycle_width>0){	
			if( ANIAMTE_ATTRIBUTE[div_name].temp > ANIAMTE_ATTRIBUTE[div_name].target_width ) {				 
				diff_value_btn =  ANIAMTE_ATTRIBUTE[div_name].temp - ANIAMTE_ATTRIBUTE[div_name].target_width ;						
				final_btn =  ANIAMTE_ATTRIBUTE[div_name].per_cycle_width_RoundOff - diff_value_btn ;						
				document.getElementById(div_name).scrollLeft=document.getElementById(div_name).scrollLeft + final_btn+0;			 
			}			 

		}else{	
			if( ANIAMTE_ATTRIBUTE[div_name].temp  < ANIAMTE_ATTRIBUTE[div_name].target_width ) {
				diff_value_btn =  ANIAMTE_ATTRIBUTE[div_name].target_width -  ANIAMTE_ATTRIBUTE[div_name].temp;						
				final_btn =  ANIAMTE_ATTRIBUTE[div_name].per_cycle_width_RoundOff  + diff_value_btn ;
				document.getElementById(div_name).scrollLeft=document.getElementById(div_name).scrollLeft + final_btn+0;			
				 
			}			 
		}			 
	}
	
	
	   
	 if(ANIAMTE_ATTRIBUTE[div_name].previous_value){
		 
		 document.getElementById('btn'+ANIAMTE_ATTRIBUTE[div_name].pointer).style.backgroundColor='#c7b1a3';	 
	 }
	 
	 
	 if(ANIAMTE_ATTRIBUTE[div_name].point_value_prev){
	 
	 document.getElementById('btn'+ANIAMTE_ATTRIBUTE[div_name].point_value_prev).style.backgroundColor='#f5f1ee';
	 
	 }
	
	ANIAMTE_ATTRIBUTE[div_name].previous_value = ANIAMTE_ATTRIBUTE[div_name].pointer ;	 	
	
	if(FADE_BTN[div_name]> ANIAMTE_ATTRIBUTE[div_name].animate_cycle ) {  
		clearInterval(new_interval[div_name]);
	}		
	
}

//incScroll.set_animate_cycle(32 );
//incScroll.set_image_width(250);
//incScroll.set_moving_speed(80);