/********************************************************************
    File:   
        services.js
    Brief:  
        Implementation of JavaScript functionality for 
        the services.html page
    Dependencies:
        jquery-1.3.2.min.js             (jQuery library)
        jquery.easing.1.2.js            (jQuery library plugin)
        cufon-yui.js                    (font replacement tool)
    Author:
        DigitalCavalry
    Author URI:
        http://graphicriver.net/user/DigitalCavalry
*********************************************************************/ 

// alias to jQuery library, function noConflict release control of the $ variable 
// to whichever library first implemented it
var $j = jQuery.noConflict();

/***************************************
    ADD CUFON FONT REPLACEMENT
****************************************/

function setupAdditionalCufonFontReplacement()
{
    Cufon.replace(".featureTitle", {fontWeight: 400});
    Cufon.replace("#servicesBigInfo .title", {fontWeight: 300});
    Cufon.replace("#servicesSmallInfo .title", {fontWeight: 300});
	Cufon.replace(".traditionalServicesListTitle", {fontWeight:300});
	Cufon.replace(".visitTraditionalPortfolioBox .outlink", {fontWeight:300});
	Cufon.replace(".processSlideTitle", {fontWeight:300});
	Cufon.replace(".ctaLink", {fontWeight:300});

} // end of function setupAddCufonFontReplacement

function processSlider() {
	function str_replace(search, replace, subject) {
		return subject.split(search).join(replace);
	}
	
	// get some variables
	var slideContainer = $j('#pageSlides');
	var slideWidth = slideContainer.find("div.pageSlide").width();
	var slideCount = slideContainer.find("div.pageSlide").size();
	var slideViewerWidth = (slideWidth+140)*slideCount;
	slideContainer.css({"width": slideViewerWidth, "left":"0px"});
	
	// hide previous button immediately on page load
	$j('#prevSlideBtn').hide();

	//cntrls breadcrumbs navigation
	$j('#processBreadCrumbs li').hover(function() {
		$j(this).not('.active').addClass('hover');
	}, function() {
		$j(this).removeClass('hover');
	});

	$j('#processBreadCrumbs li').click(function() {
		$j(this).siblings().removeClass('active');
		$j(this).addClass('active');

		var wantSlideNum = $j(this).attr('id');
		var wantSlideNum = str_replace('wS', '', wantSlideNum);
		showSlide(wantSlideNum);
	});
	
	//cntrls arrow navigation
	$j('#prevSlideBtn').hover(function() {
		$j(this).css({"background-position":"0px -50px","cursor":"pointer"});
	}, function() {
		$j(this).css({"background-position":"0px 0px"});		
	}); $j('#nextSlideBtn').hover(function() {
		$j(this).css({"background-position":"-50px -50px","cursor":"pointer"});
	}, function() {
		$j(this).css({"background-position":"-50px 0px"});		
	});
	
	$j('#prevSlideBtn').click(function() {
		var curSlideFromLeft = slideContainer.css('left');
		var onSlide = Math.round((((str_replace('px','',curSlideFromLeft))/960)*(-1))+1);
		if(onSlide > 1 && onSlide < (slideCount+1)) {
			highlightBreadcrumb(onSlide-1); 
			showSlide(onSlide-1);
		}
	});	$j('#nextSlideBtn').click(function() {
		var curSlideFromLeft = slideContainer.css('left');
		var onSlide = Math.round((((str_replace('px','',curSlideFromLeft))/960)*(-1))+1);
		if(onSlide > 0 && onSlide < slideCount) {
			highlightBreadcrumb(onSlide+1); 
			showSlide(onSlide+1);
		} else {
			highlightBreadcrumb(1); 
			showSlide(1);
		}
	});
	
	//cntrl which slide to show
	function showSlide(slideId) {
		var curFromLeft = slideContainer.css('left');
		var wantFromLeft = ((slideWidth+140)*(slideId-1))*(-1)+"px";
		slideContainer.stop().animate({left: wantFromLeft}, 1500, 'easeInOutBack');
		
		if(slideId == 1) {
			$j('#prevSlideBtn').fadeOut();
		} else {
			$j('#prevSlideBtn').fadeIn();
		}
	}
	//cntrl breadcrumb navigation highlight
	function highlightBreadcrumb(slideId) {
		var thisSlide = $j("#wS"+slideId);
		thisSlide.siblings().removeClass('active');
		thisSlide.addClass('active');
	}
} //end of function processSlider
    
/***************************************
    MAIN CODE - CALL THEN PAGE LOADED
****************************************/
       
// binding action to event onload page
$j(document).ready(
    function()
    {
        // common.js
        setupGlobal();
        setupCommunityButtons();            
        setupToolTipText();
        setupSearchBox();
        setupCufonFontReplacement();
        setupSideBarMiniSlider();
        setupMultiImageLightBox();
        setupSidebarTabsPanel();
        setupLoadingAsynchronousImages();
        setupToolTipImagePreview();
        setupTextLabelImagePreview();
        // this file
        setupAdditionalCufonFontReplacement();
		processSlider();
    }
);