﻿function embedSWF(url)
{
    swfobject.embedSWF(url + "Home.swf", "home_flash", "880", '327', "9", false, {
        flashPath: url,
        imageCount: 4,
        initOnCount: 4,
		duration: 3500
    }, {
        wmode: 'transparent'
    });
}

var scroller = null;
$(function()
{
    // make the scroller via jQuery plugin
    $('div.scrollable').scrollable({
        size: 4,
        vertical: false,
        loop: false,
        clickable: false,
        // on seek fires after the scroller starts moving
        onSeek: function()
        {           
            if (this.getIndex() == 0)
                $('#left_arrow').removeClass('left_button').addClass('left_button_disabled');
            else
                $('#left_arrow').removeClass('left_button_disabled').addClass('left_button');
            
            log.info(this.getIndex());
            if (this.getIndex() == 2)
                $('#right_arrow').removeClass('right_button').addClass('right_button_disabled');            
            else
                $('#right_arrow').removeClass('right_button_disabled').addClass('right_button');  
        }   
    });
    
    // calling scrollable after the scroller is created gets its API reference.
    scroller = $('div.scrollable').scrollable();
        
    $('#left_arrow').click(function()
    {
        if ($(this).hasClass('left_button_disabled')) 
            return;
        scroller.prev();            
    });
    
    $('#right_arrow').click(function()
    { 
        if ($(this).hasClass('right_button_disabled')) 
            return;
        scroller.next();      
    }); 
    
    // this creates the hover effect for each of the scroller boxes.
    $('div.scrollable div.items div').each(function()
    {
        $(this).css('position', 'relative');
        $(this).hover(function()
        {
            $(this).animate({
                top: '-15px'
            }, 200);
        }, 
        function()
        {
            $(this).animate({
                top: '0px'
            }, 200);
        });
    });
});
 