//*********************************************//
//***   Global Variables   START   ***//

var flipMenuItems = [];
var flipServicesItems = [];

//***   Global Variables   END   ***//
//*********************************************//



//*********************************************//
//***   Top Flip Menu Functions   START   ***//

function InitTopFlipMenu()
{


    $(document).ready(function()
    {
        $('.jcarousel-skin-tango li').each(function(i)
        {
            flipMenuItems[i] = this;
        });

        el = document.getElementById('topFlipMenu');
        while (el.childNodes[0])
            el.removeChild(el.childNodes[0]);
    });



    $(document).ready(function()
    {
        var topFlipMenu = jQuery("#topFlipMenu").jcarousel({
            offset: 3,
            scroll: 1,
            wrap: "circular",
            itemVisibleInCallback: { onBeforeAnimation: TopFlipMenu_ItemVisibleInCallback },
            itemVisibleOutCallback: { onAfterAnimation: TopFlipMenu_ItemVisibleOutCallback }
        });
    });
}



function TopFlipMenu_ItemVisibleInCallback(carousel, item, i, state, evt)
{
    var idx = carousel.index(i, flipMenuItems.length);
    element = flipMenuItems[idx - 1];
    carousel.add(i, element.innerHTML);
}



function TopFlipMenu_ItemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
}

//***   Top Flip Menu Functions   END   ***//
//*********************************************//


//*********************************************//
//***   Services Flip Menu Functions   START   ***//

function InitServicesFlipMenu()
{
    $(document).ready(function()
    {
        $('.jcarousel-skin-services li').each(function(i)
        {
            flipServicesItems[i] = this;
        });

        el = document.getElementById('servicesFlipMenu');
        while (el.childNodes[0])
            el.removeChild(el.childNodes[0]);
    });


    $(document).ready(function()
    {
        var topFlipMenu = jQuery("#servicesFlipMenu").jcarousel({
            offset: 4,
            scroll: 1,
            wrap: "circular",
            itemVisibleInCallback: { onBeforeAnimation: ServicesFlipMenu_ItemVisibleInCallback },
            itemVisibleOutCallback: { onAfterAnimation: ServicesFlipMenu_ItemVisibleOutCallback }
        });
    });
}


function ServicesFlipMenu_ItemVisibleInCallback(carousel, item, i, state, evt)
{
    var idx = carousel.index(i, flipServicesItems.length);
    element = flipServicesItems[idx - 1];
    carousel.add(i, element.innerHTML);
}



function ServicesFlipMenu_ItemVisibleOutCallback(carousel, item, i, state, evt)
{
    carousel.remove(i);
}

//***   Services Flip Menu Functions   END   ***//
//*********************************************//