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

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

function assignreportname(itemid)
	{	
	
		if(document.getElementById(itemid))
			{
				try
				{
				
					$hs("#printRptNameSer").html("<a href='"+ $hs("a",$hs("#"+itemid)).attr("href") +"' rel ='"+$hs("a",$hs("#"+itemid)).attr("rel")+"' title='"+$hs("img",$hs("#"+itemid)).attr("title")+"'>"+$hs("a",$hs("#"+itemid)).attr("title")+"</a>")

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

	}

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

  // Remove scrollbar in JS
  $hs('#slidesContainerService').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);

  // Insert controls in the DOM
  /*$hs('#slideshow')
    .prepend('<span class="control" id="leftControl">Clicking moves left</span>')
    .append('<span class="control" id="rightControl">Clicking moves right</span>');*/

  // 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==5) currentPositionSer=-1;
	}
	
	//alert(currentPosition+"--"+$hs(this).attr('id'));
	
	if($hs(this).attr('id')=='leftControlSer')
	{
		if(currentPositionSer==0 || currentPositionSer==-1) currentPositionSer=6;
	}
	
    // 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", "Managed services");
	} 
	else
		{ 
		var title = GetTitle(position-1);
		$hs('#leftControlSer').find('img').attr("title", title);

		}

    if(position==numberOfSlidesSer-1)
		{ 
			$hs('#rightControlSer').find('img').attr("title", "Hire");
		} 
	
	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
  }
});