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

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

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

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

	}

  var currentPosition = 0;
  var slideWidth = 220;
  var slides = $hs('.slide');
  var numberOfSlides = slides.length;

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

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

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


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

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

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

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


  }
});