var az_manufacturer_count = 0;
var az_manufacturer_data = new Array();
var az_pointer = 1;

 function az_view_manufacturer_page(id){
	 jQuery('.wrapper:first').fadeOut('slow', function(){
									document.location.href = manufacturer_page_url + id;
							    });	
 };
	  
jQuery.noConflict();  

jQuery(function($){ // wait for the document to load	 
	  
	  var globals = {
            az_cart_fetch_file:		manufacturer_fetch_url,
			az_cart_fetch: 			false,
			az_image_base_url:		manufacturer_image_base_url,
			az_manufacturer_slider_container: '#' + manufacturer_slider_container //id of the div that's gonna contain the slider
      };	  	 
	  
	  var slidesAdded = false;
	  
	  function onBefore(curr, next, opts) { 
        // make sure we don't call addSlide before it is defined 
        if (!opts.addSlide || slidesAdded) 
            return; 
         
        // add slides for images 3 - 8 
        // slides can be a DOM element, a jQuery object, or a string 
        //load the rest of the images...
		if(az_manufacturer_count > 3){
			for(var i = 3; i < az_manufacturer_count; i++){
				var img_url = globals.az_image_base_url + az_manufacturer_data[i].img;
				var temp_html= '<img src="'+ img_url + '" style="cursor:pointer; background:transparent;" title="'+az_manufacturer_data[i].name+'" width="452" height="280" onClick="javascript:az_view_manufacturer_page(\'' + az_manufacturer_data[i].id + '\');"/>';
						
				opts.addSlide(temp_html);
			 }
			 slidesAdded = true;
		}   
      };  
		  
	  jQuery(document).ready(function(){ 			 
	
			  var manufacturer_slider_html = '<div id="az_manufacturer_slider_left"></div>';
			  
			  manufacturer_slider_html += 		'<div id="az_manufacturer_slider">';
			  manufacturer_slider_html +=			'<div id="az_manufacturer_slider_left_pane" class="az_manufacturer_slider_pane">';
			  manufacturer_slider_html +=					'<div id="az_manufacturer_slider_prev"><a id="az_next_manufacturer">&nbsp;</a></div>';
			  manufacturer_slider_html += 			 '</div>';
			  
			  manufacturer_slider_html += 			'<div id="az_manufacturer_slider_mid_pane" class="az_manufacturer_slider_pane">';
			  manufacturer_slider_html +=					'<div id="az_manufacturer_slider_image"></div>';
			  manufacturer_slider_html +=			'</div>';
															
			  manufacturer_slider_html +=		'<div id="az_manufacturer_slider_right_pane" class="az_manufacturer_slider_pane">';
			  manufacturer_slider_html +=			'<div id="az_manufacturer_slider_next"><a id="az_prev_manufacturer">&nbsp;</a></div>';
			  manufacturer_slider_html +=		'</div></div>';
										
			  manufacturer_slider_html +=  '<div id="az_manufacturer_slider_right"></div>';
			  
			  jQuery(globals.az_manufacturer_slider_container).append(manufacturer_slider_html);						 
			  
			  //load data
			  jQuery.get(globals.az_cart_fetch_file, "", function(data){
					var i = 0;
					
					jQuery(data).find("MANUFACTURER").each(function(){	
						az_manufacturer_data[i] = {id: jQuery(this).find("ID").text(), name: jQuery(this).find("NAME").text(), img: jQuery(this).find("IMAGE").text()};
						i++;
					 });				
					
					az_manufacturer_count = parseInt(jQuery(data).find("MANUFACTURER_COUNT").text());					
					
					//get first 14 images to preload (2 sets)
					
					var to_load = (az_manufacturer_count < 14) ? az_manufacturer_count : 14;
					
					var i = 0;
					
					var page = 0;
					
					var all_manufacturers = '';
					
					while(i < to_load){
						page++;
						var temp_html = '<div id="az_manufacturer_slider_page_'+ page +'">';
						
						for(j = 0; j < 7 && i < to_load; i++, j++){
							var img_url = globals.az_image_base_url + az_manufacturer_data[i].img;
							
							var temp_html = temp_html + '<div class="az_manufacturer_img"><img id="az_manufacturer_img_' +az_manufacturer_data[i].id+ '" src="'+ img_url + '" alt="' + az_manufacturer_data[i].name + '" style="cursor:pointer; background:transparent;" title="'+az_manufacturer_data[i].name+'" height="30" onClick="javascript:az_view_manufacturer_page(\'' + az_manufacturer_data[i].id + '\');"/></div>';
						}
						
						temp_html = temp_html + '</div>';
						
						all_manufacturers = all_manufacturers + temp_html;			
					}					

					jQuery('#az_manufacturer_slider_image').append(all_manufacturers);	
			  });		  
			  
			  
			  //end load data
			  
			  //button listeners
			  jQuery('#az_prev_manufacturer').click(function(){
					
					if(az_pointer < az_manufacturer_count % 7){
						jQuery('#az_manufacturer_slider_page_' + az_pointer).fadeOut("fast", function(){
							az_pointer++;
							jQuery('#az_manufacturer_slider_page_' + az_pointer).fadeIn("fast");
						});
					}					
			  });
			  
			  jQuery('#az_next_manufacturer').click(function(){
					if(az_pointer > 1){
						jQuery('#az_manufacturer_slider_page_' + az_pointer).fadeOut('fast', function(){
							az_pointer--;
							jQuery('#az_manufacturer_slider_page_' + az_pointer).fadeIn('fast');
						});
					}					
			  });
	  });//end doc.ready
 });