function hide_all()
{
	document.getElementById('desc_details').style.display = 'none';
	document.getElementById('details').className     = '';
	document.getElementById('desc_anzug').style.display   = 'none';
	
	if (document.getElementById('anzug') == undefined)
		document.getElementById('hemd').className = '';
	else
		document.getElementById('anzug').className = '';
	
	document.getElementById('desc_jacket').style.display  = 'none';
	document.getElementById('jacket').className      = '';
	document.getElementById('desc_hose').style.display    = 'none';
	document.getElementById('hose').className        = '';
}

function show_anzug_detail(name)
{
	hide_all();
	document.getElementById(name).style.display = 'block';
}

function select_anzug_detail(name)
{
	document.getElementById(name).className     = 'selected';
}

function select_anzug_pic(name)
{
	document.getElementById('details_image').style.backgroundImage = "url(/img/u/produkte/" + name + ".jpg)";
	document.getElementById('details_image').style.backgroundPosition = "0px 0px";
	document.getElementById('details_image').style.cursor = "move";
}

function select_fabric_pic(name)
{
	document.getElementById('details_image').style.backgroundImage = "url(/img/u/stoffe/" + name + ".jpg)";
	document.getElementById('details_image').style.backgroundPosition = "0px 50%";
	document.getElementById('details_image').style.cursor = "default";
}

this.screenshotPreview = function(){	
	/* CONFIG */
		
		xOffset = 350;
		yOffset = -150;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.screenshot").hover(function(e){
		this.t = this.title;
		this.title = "";	//
		$("body").append('<div id="screenshot" style="background: url(\'/img/u/stoffe/'+ this.rel +'\') center center;"></div>');
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.css("height", "300px")
			.css("width", "300px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#screenshot").remove();
    });	
	$("a.screenshot").mousemove(function(e){
		$("#screenshot")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};
this.nurprobePreview = function(){	
	/* CONFIG */
		
		xOffset = 350;
		yOffset = -150;
		
		// these 2 variable determine popup's distance from the cursor
		// you might want to adjust to get the right result
		
	/* END CONFIG */
	$("a.nurprobe").hover(function(e){
		this.t = this.title;
		this.title = "";	//
		$("body").append('<div id="nurprobe" style="background: url(\'/img/u/stoffe/'+ this.rel +'\') center center;"></div>');
		$("#nurprobe")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.css("height", "300px")
			.css("width", "300px")
			.fadeIn("fast");						
    },
	function(){
		this.title = this.t;	
		$("#nurprobe").remove();
    });	
	$("a.nurprobe").mousemove(function(e){
		$("#nurprobe")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});			
};

function fadeModels()
{
	$('img#model1').fadeOut(duration);
	$('img#model2').fadeIn(duration, function()
	{
		
		$('img#model1').attr('src', $('img#model2').attr('src'));
		$('img#model1').show();
		$('img#model2').hide();
		
		$('img#model2').attr('src', models[curModel]);
		
		curModel++;
		if(curModel > (models.length-1))
			curModel = 0;
		
		window.setTimeout(function()
		{
			fadeModels();
		}, pause);
	});
}