$(document).ready( function() {


    var bgImages = new Array("../images/bg.jpg", "../images/bg3.jpg", "../images/bg1.jpg","../images/bg2.jpg");
    $.preloadImages("images/bg3.jpg", "../images/bg1.jpg","../images/bg2.jpg", "../images/bg.jpg");
    var buttons = $('div#bg_chooser>div').find('img');
    $('div#bg_chooser>div').children('a').each( function(i, name) {
        $(this).click( function(){
            $(buttons).attr('src','../images/bg_off.gif');
            $(this).children('img').attr('src','../images/bg_on.gif');
            $('body').css('background-image', 'url(' + bgImages[i] + ')');
        }).focus( function(){
            $(this).blur();
	});
    });
	
});

$.fn.cycle.defaults.speed   = 900;
$.fn.cycle.defaults.timeout = 6000;
var flashvars = {};
var params = { wmode: 'transparent' };
var attributes = {};
swfobject.embedSWF("./flash/intro.swf", "flash-intro", "545", "345", "9.0.0", "./flash/expressInstall.swf", flashvars, params, attributes);

jQuery.preloadImages = function(){
    for(var i = 0; i<arguments.length; i++){
	jQuery("<img>").attr("src", arguments[i]);
    }
}


//<![CDATA[
	$(function() {
		$('div#customer_1').after('<div id="nav_1" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_1',
		    pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
		$('div#customer_2').after('<div id="nav_2" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_2',
			 pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});

		$('div#customer_4').after('<div id="nav_4" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_4',
			 pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
		$('div#customer_5').after('<div id="nav_5" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_5',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
		$('div#customer_6').after('<div id="nav_6" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_6',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
		$('div#customer_7').after('<div id="nav_7" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_7',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
  		$('div#customer_8').after('<div id="nav_8" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_8',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                $('div#customer_9').after('<div id="nav_9" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_9',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                $('div#customer_10').after('<div id="nav_10" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_10',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                $('div#customer_11').after('<div id="nav_11" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_11',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                $('div#customer_12').after('<div id="nav_12" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_12',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                $('div#customer_13').after('<div id="nav_13" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_13',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                 $('div#customer_14').after('<div id="nav_14" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_14',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                 $('div#customer_15').after('<div id="nav_15" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_15',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                 $('div#customer_16').after('<div id="nav_16" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_16',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                   $('div#customer_17').after('<div id="nav_17" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_17',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                   $('div#customer_18').after('<div id="nav_18" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_18',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
                    $('div#customer_19').after('<div id="nav_19" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_19',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		}); 
 
                    $('div#customer_20').after('<div id="nav_20" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_20',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});
 
                    $('div#customer_21').after('<div id="nav_21" class="buttonContainer">').cycle({
		    fx:     'scrollHorz',
		    speed:  'fast',
		    timeout: 0,
		    pager:  '#nav_21',
			pagerAnchorBuilder: function(idx, slide) { return '<a href="#">&nbsp;&nbsp;<\/a>'; }
		});                  
	});
	//]]>