var timerSlideHomePage;

jQuery(function(){
	nextSlide();
	timerSlideHomePage = setInterval(nextSlide, 10000);
	
    jQuery(".slide-button").click(function(){
	clearInterval(timerSlideHomePage);
        for ( var i in slides )
		{
			if ( slides[i] == jQuery(this).attr('id') )
			{
				curStep = parseInt(i) + 1;
				break;
			}
		}
		changeSlide(this);
        return false;
    });
	jQuery.frontSlideTabsH = parseInt(jQuery('.active-dfb-front-tab').css('padding-top'));
    jQuery('.slide-button').mouseenter(function(){
		if (jQuery(this).parent().hasClass('active-container'))
		{
			return false;
		}
		jQuery(this).addClass('slide-button-hover').stop(true, true).animate({paddingTop: '41px'}, 'easy');
    }).mouseleave(function(){
		if (jQuery(this).parent().hasClass('active-container'))
		{
			return false;
		}
		jQuery(this).removeClass('slide-button-hover').stop(true, true).animate({paddingTop: '0px'}, 'easy');
    });


});
var curStep = 0;
var slides = ['onlineSolutionsTab', 'websitesTab', 'emailMarketingTab',
				'searchMarketingTab', 'socialMediaTab', 'compaignTrackingTab'];
function nextSlide()
{
	curStep++;
	if ( curStep > 6 )
	{
		curStep = 1;
	}
	changeSlide('#' + slides[curStep - 1]);
}

function changeSlide(el)
{
	var slide = jQuery('a', el).attr("href");
	jQuery('.active-container').removeClass('active-container');
	jQuery(el).parent().addClass('active-container');

	
	jQuery('.slide-button-container').not('.active-container').find('.slide-button').stop(true, true).animate({paddingTop: '0px'}, 'easy').removeClass('slide-button-hover');
	//jQuery('.slide-button').attr('style', 'padding-top: 0px');
	jQuery(el).stop(true, true).animate({paddingTop: '41px'}, 'easy');

	jQuery('.dfb-active-slide').removeClass("dfb-active-slide");
	
	jQuery(slide).fadeIn('slow').addClass("dfb-active-slide").attr("style","position: relative;top:0;");
	jQuery('#onlineSolutionsSlide .design-button').attr("style","bottom: 145px; left: 48px;");
	jQuery('#websitesSlide .design-button').attr("style","bottom: 130px; left: 400px;");
	jQuery('#emailMarketingSlide .design-button').attr("style","bottom: 145px; left: 44px;");
	jQuery('#searchMarketingSlide .design-button').attr("style","bottom: 145px; left: 400px;");
	jQuery('#socialMediaSlide .design-button').attr("style","bottom: 105px; left: 360px;");
	jQuery('#compaignTrackingSlide .design-button').attr("style","bottom: 135px; left: 340px;");
}