var scrollBasicAmount = 952;
					var scrollBasicMin = 1;
					var scrollBasicCurrent = 1;
					
					var moving;
					var currentMove;
					
								//ARROW CONTROL
								function arrowControl() {								
									//LEFT ARROW CONTROL
									if(scrollBasicCurrent > scrollBasicMin) {
											document.getElementById('leftArrow').src="images/layout/left_arrow.jpg";
									} else {
											document.getElementById('leftArrow').src="images/layout/left_arrow_dis.jpg";
									} 
										
									//RIGHT ARROW CONTROL
									if(scrollBasicCurrent < scrollBasicMax) {
											document.getElementById('rightArrow').src="images/layout/right_arrow.jpg";
									} else {
											document.getElementById('rightArrow').src="images/layout/right_arrow_dis.jpg";
									} 	
								}
								
								function basicRightOne() {																		
									start = parseInt(document.getElementById('basicTemp').style.left);
									newvalue = start - 20;
									string = newvalue + "px";
									document.getElementById('basicTemp').style.left = string;
									currentMove = currentMove + 1;
									initBasicRight();
								}
											
								function initBasicRight() {
									if(currentMove <= 48) {
										setTimeout("basicRightOne()", 1);
									} else {
										moving = false;
										scrollBasicCurrent = scrollBasicCurrent + 1;
										arrowControl();
										//document.getElementById('basicTemp').style.left = document
									}
								}
								
								//SCROLL RIGHT TRIGGER
								function scrollBasicRight() {								
								  if(scrollBasicCurrent  < scrollBasicMax) {
									if(moving == true) {
										return;
									} else {
										moving = true;
										currentMove = 1;
										initBasicRight();
									}
								  } else {
									return;  
								  }
								}
								
								//SCROLL RIGHT LOOP
								function basicLeftOne() {																		
									start = parseInt(document.getElementById('basicTemp').style.left);
									newvalue = start + 20;
									string = newvalue + "px";
									document.getElementById('basicTemp').style.left = string;
									currentMove = currentMove + 1;
									initBasicLeft();
								}
											
								function initBasicLeft() {
									if(currentMove <= 48) {
										setTimeout("basicLeftOne()", 1);
									} else {
										moving = false;
										scrollBasicCurrent = scrollBasicCurrent - 1;
										arrowControl();
										//document.getElementById('basicTemp').style.left = document
									}
								}
								
								//SCROLL RIGHT TRIGGER
								function scrollBasicLeft() {								
								  if(scrollBasicCurrent  > scrollBasicMin) {
									if(moving == true) {
										return;
									} else {
										moving = true;
										currentMove = 1;
										initBasicLeft();
									}
								  } else {
									return;  
								  }
								}