var currentNum = 0;
var maxNum = 3;
var currentContainer = $('#first-bit-container').selector;
var sectionNum = null;
var containerArray = [$('#first-bit-container').selector, $('#second-bit-container').selector, $('#third-bit-container').selector, $('#forth-bit-container').selector];
    
function setBitsFunctionality()
{
     
    // sets the rollover if there is the magnify or add button
    if($('.bit-rollover-buttons > .button').length)
    {
        $('.bit-rollover-buttons > .button').css('cursor', 'pointer');
        $('.bit-rollover-buttons > .button').hover(function(){
            buttonHover($(this).children('img'), '-14px');
        }, function() {
            buttonHover($(this).children('img'), '0px');
        });
    }
   
    // sets the slider arrow and copy hover
    if($('#bit-slider').length)
    {
        setPreviousClick();
        setNextClick();
        setLinkClick();
        setBitRollover();
    }
   
    // sets the print and email buttons
    if($('#bit-list-buttons').length)
    {
        $('#bit-list-buttons > div').css('cursor', 'pointer');
        
        $('#bit-list-buttons > div').hover(function(){
            buttonHover($(this).children('img'), '-23px');
        }, function() {
            buttonHover($(this).children('img'), '0px');
        });
    }
   
   
    $('.head-container > .close').hover(function(){
        buttonHover($(this).children('img'), '-9px');
    }, function() {
        buttonHover($(this).children('img'), '0px');
    });
}
function setPreviousClick()
{
    $('#bit-slider > #left-arrow').hover(function(){
        if(currentNum != 0)
        {
            $(this).css('cursor', 'pointer');
            buttonHover($(this).children('img'), '-22px');
        }
        else
        {
            $(this).css('cursor', '');
        }
    }, function() {
        if(currentNum != 0)
            buttonHover($(this).children('img'), '0px');
    }); 
     
    $('#bit-slider > #left-arrow').click(function(event){
        event.preventDefault();
        if(currentNum != 0)
            setSlider(containerArray[currentNum], true, 'prev');
        else
            return false;
    });
}
function setNextClick()
{
   $('#bit-slider > #right-arrow').hover(function(){
        if(currentNum < 3)
        {
            $(this).css('cursor', 'pointer');
            buttonHover($(this).children('img'), '-22px');
        }
        else
        {
            $(this).css('cursor', '');
        }
    }, function() {
        if(currentNum < 3)
            buttonHover($(this).children('img'), '0px');
    }); 
     
    $('#bit-slider > #right-arrow').click(function(event){
        event.preventDefault();
        if(currentNum < 3)
            setSlider(containerArray[currentNum], true, 'next');
        else
            return false;
    });
}
function setLinkClick()
{
    $('#bit-sections-container > div').hover(function(){
        if(!$(this).hasClass('active'))
        {
            $('#bit-sections-container > div').css('cursor', 'pointer');
            sectionNum = getNumFromClass($(this).attr('class'));
            $(this).css('color', '#ffffff');
            
            $('#bit-sections-container > div').click(function(event){
                event.preventDefault();
                setSlider(containerArray[sectionNum], false, null)
            });
        }
        else
        {
            $(this).css('cursor', '');
        }
    }, function() {
        if(!$(this).hasClass('active'))
            $(this).css('color', '#999999');
    
    });
}

function setSlider(section, isButtonClick, sliderDirection)
{
		$(containerArray[0]).css('display','none');
		$(containerArray[1]).css('display','none');
	$(containerArray[2]).css('display','none');
	$(containerArray[3]).css('display','none');

    // fade out and fad in correct sections
    if(isButtonClick && sliderDirection == 'next')
    {
         buttonHover($('#bit-slider > #right-arrow').children('img'), '0px');
        $(section).fadeOut('fast', function(){
            currentNum ++;
            section = containerArray[currentNum];
            $(section).fadeIn('fast', function(){
                setBitRollover();
            });
            
            currentContainer = section;
            
            moveSlider();
        });
    }
    else if(isButtonClick && sliderDirection == 'prev')
    {
        buttonHover($('#bit-slider > #left-arrow').children('img'), '0px');
        $(section).fadeOut('fast', function(){
            currentNum --;
            section = containerArray[currentNum];
            $(section).fadeIn('fast');
            
            currentContainer = section;
            
            moveSlider();
        });
    }
    else
    {
        $(currentContainer).fadeOut('fast', function(){
            currentNum = sectionNum;
            section = containerArray[currentNum];
            $(section).fadeIn('fast');
            
            currentContainer = section;
            
            moveSlider();
        });
    }
}
function setBitRollover()
{
    $('.bit').css('cursor', 'pointer');
    $('.bit').hover(function(e){
        $(this).children('.bit-rollover').fadeIn('fast');
    }, function() {
        $(this).children('.bit-rollover').fadeOut('fast');
    });
}
function moveSlider()
{
    //move slider
    
    $('#bit-sections-container').children('div').removeClass('active').css('color', '#999999');
     
    switch(currentNum)
    {
        case 0 :
            $('#bit-sections-container > div:nth-child(1)').addClass('active').css('color', '#fff');  
        break;
        case 1 :
            $('#bit-sections-container > div:nth-child(2)').addClass('active').css('color', '#fff'); 
        break;
        case 2 :
            $('#bit-sections-container > div:nth-child(3)').addClass('active').css('color', '#fff');  
        break;
        case 3 :
            $('#bit-sections-container > div:nth-child(4)').addClass('active').css('color', '#fff'); 
        break;
    }
}

function getNumFromClass(num)
{
    var setNum = null;
    
    switch(num)
    {
        case "first" :
            setNum = 0;
        break;
        case "second" :
            setNum = 1;
        break;
        case "thrid" :
            setNum = 2;
        break;
        case "forth" :
            setNum = 3;
        break;
    }
    return setNum;
}
function bitsColorBox(divId)
{
 var id = "#" + divId;
    $.colorbox({ width: "596", height: "349", scrolling: false,inline: true, href: id });
    
    $('.overlay-close').hover(function(){
        buttonHover($(this).children('img'), '-9px');
    }, function() {
        buttonHover($(this).children('img'), '0px');
    });
    
    if($('.add-to-list-container > .button').length)
    {
        $('.add-to-list-container > .button').css('cursor', 'pointer');
        $('.add-to-list-container > .button').hover(function(){
            buttonHover($(this).children('img'), '-23px');
        }, function() {
            buttonHover($(this).children('img'), '0px');
        });
    }
}
function buttonHover(imgId, margin)
{
    imgId.css('margin-top', margin);
}