var preloaded  = 0;
var pictures   = new Array();
var defaultPic = null;
var fadeTimer  = null;

jQuery(document).ready(function() {
	preloadImageSwap ( );
	
	jQuery("div#subnav li.change a").bind('mouseover', function() {
		var pageId = getPageId( jQuery(this).attr('class') );
		hoverImage( pageId );
		window.clearTimeout(fadeTimer);
	}).bind('mouseout', function() {
		var pageId = getPageId( jQuery(this).attr('class') );
		fadeTimer = window.setTimeout('hoverImage(null)', 200);
	});
	
});

function getPageId ( classes ) {
	classes = classes.split(" ");
	for (var i=0; i<classes.length; i++) {
		var className = classes[i];
		if (className.substr(0,6) == "change") {
			number = className.replace('change', '');
			number = parseInt(number);
			if (number > 0) return number;
		}
	}
}

function preloadImageSwap ( ) {
	
	var count = 0;
	
	jQuery("div#subnav li.change").each(function() {
		var pageId = getPageId( jQuery(this).attr('class') );
		jQuery(this).children().attr('class', 'change change'+pageId);
		count++;
	});
	
	if (count==0) return null;
	
	var pages = new Array();
	jQuery("a.change").each(function() {
		pages[pages.length] = getPageId( jQuery(this).attr('class') );
	});
	
	var cache = [];
	jQuery.getJSON(
		"/fileadmin/templates_web/ext/categoryImage.php",
		{ "action":"preload", "pages":pages.join(',') },
	    function(data){ 
			jQuery.each(data.images, function(key, image) {
				var cacheImage = document.createElement('img');
		        cacheImage.src = "/fileadmin/user_upload/Web/04_PRODUKTE/00_Headerbilder/"+image;
		        cache.push(cacheImage);
				pictures[parseInt(key)] = image;
			});
			preloaded = 1;
		}
	);
	

}

function hoverImage( pageId ) {	
	
	if (defaultPic === null) defaultPic = jQuery("#headerbild img").attr('src');
	
	if ( pageId === null ) {
		jQuery("#headerbild img").attr('src', defaultPic);
		return null;
	}

	if (preloaded != 1) return null;
		
	jQuery("#headerbild img").attr('src', '/fileadmin/user_upload/Web/04_PRODUKTE/00_Headerbilder/'+pictures[pageId]);
		
}