/*********************************************** Scrollbars*******************************/

$hs(function(){
	$hs(document).ready(function()
	{
			assignreportname("itemid-1");
	});

function assignreportname(itemid)
	{	
	
		if(document.getElementById(itemid))
			{
				try
				{
				
					$hs("#printRptNameSer").html("<span>"+$hs("h3",$hs("#"+itemid)).attr("title")+"</span>")

				}
				catch(e)
				{
					$hs("#printRptNameSer").html($hs("h3",$hs("#"+itemid)).attr("title"))
				}
			}

	}

  var currentPositionSer = 0;
  var slideWidthSer = 460;
  var slidesSer = $hs('.slideCorp');
  var numberOfSlidesSer = slidesSer.length;

  // Remove scrollbar in JS
  $hs('#slidesContainerCorp').css('overflow', 'hidden');

  // Wrap all .slides with #slideInner div
  slidesSer
    .wrapAll('<div id="slideInnerSer"></div>')
    // Float left to display horizontally, readjust .slides width
	.css({
      'float' : 'left',
      'width' : slideWidthSer
    });

  // Set #slideInner width equal to total width of all slides
  $hs('#slideInnerSer').css('width', slideWidthSer * numberOfSlidesSer);


  // Hide left arrow control on first load
  manageControls(currentPositionSer);

  // Create event listeners for .controls clicks
  $hs('.controlSer')
    .bind('click', function(){
	
	if($hs(this).attr('id')=='rightControlSer')
	{
		if(currentPositionSer==3) currentPositionSer=-1;
	}
	
	//alert(currentPositionSer+"--"+$hs(this).attr('id'));
	
	if($hs(this).attr('id')=='leftControlSer')
	{
		if(currentPositionSer==0 || currentPositionSer==-1) currentPositionSer=4;
	}
	
    // Determine new position
	currentPositionSer = ($hs(this).attr('id')=='rightControlSer') ? currentPositionSer+1 : currentPositionSer-1;
   
   itemid="itemid-"+(currentPositionSer+1);
   
   assignreportname(itemid) ;
	// Hide / show controls
    manageControls(currentPositionSer);
    // Move slideInner using margin-left
    $hs('#slideInnerSer').animate({
      'marginLeft' : slideWidthSer*(-currentPositionSer)
    });
  });
	 
  // manageControls: Hides and Shows controls depending on currentPosition
  function manageControls(position){

    // Hide left arrow if position is first slide
	if(position==0){ 
		$hs('#leftControlSer').find('img').attr("title", "");
	} 
	else
		{ 
			var title = GetTitle(position-1);
			$hs('#leftControlSer').find('img').attr("title", title);
		}

    if(position==numberOfSlidesSer-1)
		{ 
			$hs('#rightControlSer').find('img').attr("title", "");
		} 
	
	else
		{ 
			var title = GetTitle(position+1);
			$hs('#rightControlSer').find('img').attr("title", title);
		}
  }
  
  function GetTitle(position){
	  return $hs("#slideInnerSer").find("img").eq(position).attr("title");//try let me try
  }
});