var activeid = null;
function showProfile(elem, id){
	
	if(activeid != null)
	{
		//alert(activeid)
		hideProfile();
	}
	//alert(id)
	var xpos = findPosX(elem);
	var ypos = findPosY(elem);
	
	switch(id){
		case 'simon':
			activeid='simon';
			ypos = ypos - 8;
			xpos = xpos - 8;
			$('#simon').css('top', ypos+'px');
			$('#simon').css('left', xpos+'px');
			$('#simon').css('cursor', 'hand');
			$('#simon').css('cursor', 'pointer');
			$('#simon').fadeIn('fast', function(){});
		break;
		case 'johno':
			activeid='johno';
			ypos = ypos - 8;
			xpos = xpos - 15;
			$('#johno').css('top', ypos+'px');
			$('#johno').css('left', xpos+'px');
			$('#johno').css('cursor', 'hand');
			$('#johno').css('cursor', 'pointer');
			$('#johno').fadeIn('fast', function(){});
		break;
		case 'carmen':
			activeid='carmen';
			ypos = ypos - 8;
			xpos = xpos - 21;
			$('#carmen').css('top', ypos+'px');
			$('#carmen').css('left', xpos+'px');
			$('#carmen').css('cursor', 'hand');
			$('#carmen').css('cursor', 'pointer');
			$('#carmen').fadeIn('fast', function(){});
		break;
		case 'jenna':
			activeid='jenna';
			ypos = ypos - 5;
			xpos = xpos - 12;
			$('#jenna').css('top', ypos+'px');
			$('#jenna').css('left', xpos+'px');
			$('#jenna').css('cursor', 'hand');
			$('#jenna').css('cursor', 'pointer');
			$('#jenna').fadeIn('fast', function(){});
		break;
		case 'mandy':
			activeid='mandy';
			ypos = ypos - 5;
			xpos = xpos - 8;
			$('#mandy').css('top', ypos+'px');
			$('#mandy').css('left', xpos+'px');
			$('#mandy').css('cursor', 'hand');
			$('#mandy').css('cursor', 'pointer');
			$('#mandy').fadeIn('fast', function(){});
		break;
		case 'mike':
			activeid='mike';
			ypos = ypos - 5;
			xpos = xpos - 12;
			$('#mike').css('top', ypos+'px');
			$('#mike').css('left', xpos+'px');
			$('#mike').css('cursor', 'hand');
			$('#mike').css('cursor', 'pointer');
			$('#mike').fadeIn('fast', function(){});
		break;
		case 'dasch':
			activeid='dasch';
			ypos = ypos - 5;
			xpos = xpos - 15;
			$('#dasch').css('top', ypos+'px');
			$('#dasch').css('left', xpos+'px');
			$('#dasch').css('cursor', 'hand');
			$('#dasch').css('cursor', 'pointer');
			$('#dasch').fadeIn('fast', function(){});
		break;
	}
	
}

function hideProfile(){
	switch(activeid){
		case 'simon':
			$('#simon').fadeOut('fast', function(){});
		break;
		case 'johno':
			$('#johno').fadeOut('fast', function(){});
		break;
		case 'carmen':
			$('#carmen').fadeOut('fast', function(){});
		break;
		case 'jenna':
			$('#jenna').fadeOut('fast', function(){});
		break;
		case 'mandy':
			$('#mandy').fadeOut('fast', function(){});
		break;
		case 'mike':
			$('#mike').fadeOut('fast', function(){});
		break;
		case 'dasch':
			$('#dasch').fadeOut('fast', function(){});
		break;
	}
}

$(document).ready(function(){
  var currentPosition = 0;
  var slideWidth = 850;
  var slides = $('.slide');
  var numberOfSlides = slides.length;
  //alert(slides)
  var slidecount = 1;
  // Remove scrollbar in JS
  $('#slidesContainer').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
  $('#slideInner').css('width', slideWidth * numberOfSlides);

  // Insert controls in the DOM
  $('#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(currentPosition);
  
  autoscrollRight();
  
	function autoscrollRight(){
		 
	  var timer = setInterval(function(){
		  
	  // Determine new position
		  currentPosition = ($(this).attr('id')=='rightControl') ? currentPosition+1 : currentPosition-1;
		
		  currentPosition = slidecount*-1

			$('#slideInner').animate({'marginLeft' : slideWidth*(currentPosition)}, 2000);
			  
			  if(slidecount < numberOfSlides)
				  slidecount++
			  
			  if(slidecount == numberOfSlides)
			  {
				  //clearInterval(timer);
				  slidecount = 0;
				  //autoscrollLeft();
			  }
	  }, 4500);
	 }
	 
	function autoscrollLeft(){
		
	  var timer2 = setInterval(function(){
		  
		  alert(slideWidth+" : "+currentPosition+" : "+slideWidth*(slidecount))
		  
			  
			  $('#slideInner').animate({
				  'marginLeft' : slideWidth*(-slidecount)
			  });
			  
			  if(slidecount < numberOfSlides-1)
				  slidecount++
			  
			  if(slidecount == numberOfSlides-1)
			  {
				  clearInterval(timer2);
				  slidecount = 0;
				  autoscrollRight();
			  }		
	  }, 3000);
	}

});

  // manageControls: Hides and Shows controls depending on currentPosition
	  function manageControls(position){
		// Hide left arrow if position is first slide
		if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
		// Hide right arrow if position is last slide
		if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
	  }	



var cntr = 0;
var cntr1 = 0;

function showBotPanel(elem){
	
	var div = document.getElementById("botpanel");
	if(cntr == 0)
	{
		var xpos = findPosX(elem);
		elem.src = "img/transfit-footer-text-ova.gif";
		div.style.left = xpos+"px";
		$("#botpanel").slideDown( "slow" );
	}
	else
	{
		$("#botpanel").slideUp( "slow", function(){elem.src = "img/transfit-footer-text.gif";});
	}
	
	cntr++;
	if(cntr > 1)
		cntr = 0;
	
}

function showTopPanel(elem){
	
	var div = document.getElementById("toppanel");
	
	//var xpos = findPosX(div)
	//var ypos = findPosX(div)
	
	if(cntr1 == 0)
	{
		var xpos = findPosX(elem);
		div.style.left = xpos+"px";
		div.style.top = "38px";
		$("#toppanel").fadeIn( "slow" );
	}
	else
	{
		$("#toppanel").fadeOut( "slow" );
	}
	
	cntr1++;
	if(cntr1 > 1)
		cntr1 = 0;
	
}

function showService(a){
	var service = a+".php";
	
	$('#service-description').fadeOut('slow', function(){
		$(this).load(a+".php", function(){
			$(this).fadeIn('slow', function(){	/*alert(service);*/ });
		});
	});
	
}


  function findPosX(obj)
  {
    var curleft = 0;
    if(obj.offsetParent)
        while(1) 
        {
          curleft += obj.offsetLeft;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.x)
        curleft += obj.x;
    return curleft;
  }

  function findPosY(obj)
  {
    var curtop = 0;
    if(obj.offsetParent)
        while(1)
        {
          curtop += obj.offsetTop;
          if(!obj.offsetParent)
            break;
          obj = obj.offsetParent;
        }
    else if(obj.y)
        curtop += obj.y;
    return curtop;
  }