$(function() { 
   
	
	$.imgpreload(['images/tab_over_new1.png', 'images/get_btn_bg.gif','images/pre_arrow.png','images/next_arrow.png'],
 {
  each: function()
  {
   // this = new image object
   // callback executes on every image load
  },
  all: function()
  {
   // this = array of new image objects
   // callback executes when all images are loaded
  }
 });
	
	$('#slider_main_container').cycle({
        fx:     'scrollHorz',  
		timeout: 0,	
		speed: 400
    });
	
	
	$('div.other_logos').cycle({
        fx:     'scrollHorz',  
		timeout: 0,
		next: '.r_arrow',
		prev: '.l_arrow',
		speed: 400
    });
	
	
	
	$("div.other_logos li").click(function() {
		var curRel = $("a", $(this)).attr('rel');									   
		
		$("div.other_logos li").removeClass('active');
		$(this).addClass('active ');
		
		$('#slider_main_container').cycle(parseFloat(curRel));
		
		return false;
										   
	});
	
	
});






$(document).ready(function() {
  
  $('div.slider').before('<div><div class="slider_tab"><ul id="thumbs">').cycle({
					
	  fx: 'scrollHorz',
	  speed: 1000,
	  timeout: 0,
	  pager: '#thumbs',
	  next:  '#next1',
	  prev:  '#prev1',
	  pagerAnchorBuilder: function(index, DOMelement) {
		  
		  if(index == 0) {
			  return '<li class="link1"><a href="#">CREATE</a></li>';
		  }
		  else if (index == 1) {
			 return '<li class="link2"><a href="#">GROW</a></li>'; 
		  }
		  else if (index == 2) {
			 return '<li class="link3 last"><a href="#">MAINTAIN</a></li>'; 
		  }
	  },
	  activePagerClass: 'active'
	  
  });
  
});

