var h=41;

var gap=3;

var gapDes=10;

var initialLeft=25;

var finalLeft=10;

var contWidth = {max:160,min:60};

var tabIntervalID=null;

var maxIntervalCount=8;

var IntervalCount=0;





$(document).ready(function(){

						   

	

	addTabHTML();

	

	$('.socialtab img').each(function(n){

									  

									  	$(this).css('top',n*(h+gap));

										$(this).css('left',initialLeft);

										$(this).css('cursor','pointer');

										$(this).attr('id','icon_'+n);

									    

										$(this).bind('mouseover',mouseEffect);

										$(this).bind('mouseleave',mouseEffect);

										$(this).bind('mousedown',mouseEffect);

										

									$('.socialTabContainer').append("<div id='des_"+n+"' class='social_description'>"+$(this).attr('alt')+"</div>");

										$('#des_'+n).css('top',(n*(h+gap))+gapDes);

										$('#des_'+n).hide();

										

										});

	

	tabRelocate();

	$(window).resize(tabRelocate);

	

	$(window).bind('scroll',tabRelocate);

	

						   

});





function mouseEffect(e)

{

	var n = $(this).attr('id').split("_")[1];

	switch(e.type)

	{

	   

	   case "mousedown":

	   window.location.href = $(this).attr('href');

	   

	   break;

	   

	   

	   case "mouseover":

	   $(this).animate({left:finalLeft},150);

	   $('.socialTabContainer').css('width',contWidth.max)

	   appearDescription(n)

	   break;

	   

	   case "mouseleave":

	   $(this).animate({left:initialLeft},550);

	   // $('.socialTabContainer').css('width',contWidth.min)

	   disAppearDescription(n)

	   break;

	

	}

}



function appearDescription(c)

{

	$('#des_'+c).fadeIn(500);	

}



function disAppearDescription(c)

{

	$('#des_'+c).fadeOut(200);	

}



function tabRelocate()

{

	H = $(window).height();

	hx = (($('.socialtab img').length)*(gap+h))

	t = $(window).scrollTop();

	topX = ((H-hx)/2)+t

	$('.socialTabContainer').animate({top:topX},{queue:false});

	//$('.socialTabContainer').css('top',((H-hx)/2)+t);

	//$('.socialTabContainer').css('top',topX );

}

function addTabHTML()

{

	

	var htmlContent='<div class="socialTabContainer">';

	htmlContent =htmlContent+'<div class="socialtab">';

	htmlContent =htmlContent+'<img src="'+ hlink +'social_tabs/facebook.png" alt="Facebook" href="http://www.facebook.com/kawaorthodontists"/>';

	htmlContent =htmlContent+'<img src="'+ hlink +'social_tabs/twitter.png" alt="LinkedIn" href="http://www.linkedin.com/pub/vishy-broumand-dmd-md/1a/697/980"/>';

	htmlContent =htmlContent+'<img src="'+ hlink +'social_tabs/mail.png" alt="Contact" href="dental-office-boca-raton/contact-information/"/>';

	htmlContent =htmlContent+'<img src="'+ hlink +'social_tabs/rss.png" alt="RSS" href="dental-office-boca-raton/contact-information/">';

	htmlContent =htmlContent+'</div>';

	htmlContent =htmlContent+'</div>';

	

	$('body').append(htmlContent);

}



function increaseCount()

{

	if(IntervalCount<maxIntervalCount)

	{

	  IntervalCount++;

	}

	else

	{

	 clearInterval(tabIntervalID);

	 IntervalCount=0;	

	}

}