var az_category_count = 0;

function az_view_cat_page(target){
	
	jQuery('.wrapper:first').fadeOut('slow', function(){												
									document.location.href = target;
							    });
	
};
	  
jQuery.noConflict();  

jQuery(function($){ // wait for the document to load	 
	  var az_category_data = new Array();
      
	  var globals = {
            az_cart_fetch_file:		category_fetch_url,
			az_cart_fetch: 			false,
			az_cat_slider_container:'#' + cat_slider_container //id of the div that's gonna contain the slider
      };	  	
		  
	  function onAfter(curr, next, opts) {
	  };
	    
	  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_category_count > 3){
			for(var i = 3; i < az_category_count; i++){
				var img_url = az_category_data[i].img;				
				var temp_html= '<img src="'+ img_url + '" title="'+az_category_data[i].name+'" style="cursor:pointer; background:transparent;" width="452" height="280" onClick="javascript:az_view_cat_page(\'' + az_category_data[i].target + '\');"/>';
						
				opts.addSlide(temp_html);
			 }
			 slidesAdded = true;
		}   
      };  
		  
	  jQuery(document).ready(function(){ 			 
			  
			  var cat_slider_html = '<div id="az_category_slider_left"></div>';
			  
			  cat_slider_html += 		'<div id="az_category_slider">';
			  cat_slider_html +=			'<div id="az_cat_slider_left_pane" class="az_cat_slider_pane">';
			  cat_slider_html +=					'<div id="az_cat_slider_prev"><a id="az_next_cat">&nbsp;</a></div>';
			  cat_slider_html += 			 '</div>';
			  
			  cat_slider_html += 			'<div id="az_cat_slider_mid_pane" class="az_cat_slider_pane">';
			  cat_slider_html +=					'<div id="az_category_slider_image"></div>';
			  cat_slider_html +=			'</div>';
															
			  cat_slider_html +=		'<div id="az_cat_slider_right_pane" class="az_cat_slider_pane">';
			  cat_slider_html +=			'<div id="az_cat_slider_next"><a id="az_prev_cat">&nbsp;</a></div>';
			  cat_slider_html +=		'</div></div>';
										
			  cat_slider_html +=  '<div id="az_category_slider_right"></div>';
			  
			  jQuery(globals.az_cat_slider_container).append(cat_slider_html);						 
			  
			  //load data
			  jQuery.get(globals.az_cart_fetch_file, "", function(data){
					var i = 0;
					
					jQuery(data).find("CATEGORY").each(function(){					    
						az_category_data[i] = {name: jQuery(this).find("NAME").text(), img: jQuery(this).find("IMAGE").text(), target: jQuery(this).find("TARGET").text()};                        
						i++;
					 });				
					
					az_category_count = i;					
					
					//get first 3 images to preload
					
					var to_load = (az_category_count < 3) ? az_category_count : 3;

					for(var i = 0; i < to_load; i++){
						var img_url = az_category_data[i].img;
						var temp_html= '<img src="'+ img_url + '" title="'+az_category_data[i].name+'" style="cursor:pointer; background:transparent;" width="452" height="280" onClick="javascript:az_view_cat_page(\'' + az_category_data[i].target + '\');"/>';
						
						jQuery('#az_category_slider_image').append(temp_html); //preload 3 images
					}
					//initialize animation
					jQuery('#az_category_slider_image').cycle({
															fx: 'scrollHorz',
															prev: '#az_prev_cat',
															next: '#az_next_cat',
															before: onBefore,
															after:   onAfter,
															cleartype: true,
															cleartypeNoBg: true,
															timeout:0
					});					
					
			  });		  
			  
			  
			  //end load data
			  
	  });
 });