/* ****************************************** */
/* Orangefluid GbR		         			  */
/* www.orangefluid.com       				  */
/* ****************************************** */

$(document).ready(function(){
	$('body').append('<div id="productpopup"></div>');
});

function showtrail(object,title,artnr,image,quietsch,groesse,druck,besonderheiten,type){

	if(type != 'flash' && type != 'sonder'){
		newHTML = '<div class="standard">';
		newHTML += '<h2>' + title + '</h2>';
		newHTML += '<span>Nr. ' + artnr + '</span>';
		newHTML += '<img src="images/badeenten/' + image + '-xl.jpg" />';
		newHTML += '<div class="left">';
		newHTML += '<p><strong>Größe (ca.):</strong><br />' + groesse + '</p>';
		newHTML += '<p><strong>Mit Quietsch:</strong><br /> ' + quietsch + '</p>';
		newHTML += '</div>';
		newHTML += '<div class="right">';
		newHTML += '<p><strong>Druckflächen (ca.):</strong><br /> ' + druck + '</p>';
		newHTML += '<p><strong>Besonderheiten:</strong><br /> ' + besonderheiten + '</p>';
		newHTML += '</div>';
		newHTML += '</div>';
	}
	else if (type == 'sonder'){
		newHTML = '<div class="light">';
		newHTML += '<h2>' + title + '</h2>';
		newHTML += '<img src="images/badeenten/' + image + '-xl.jpg" />';
		newHTML += '</div>';
	}
	else {
		newHTML = '<div class="standard">';
		newHTML +=  '<h2>' + title + '</h2>';
		newHTML +=  '<span>Nr. ' + artnr + '</span>';
		
		newHTML +=  '<div id="flashcontent">';
		newHTML +=  '<img src="images/badeenten/' + image + '-xl.jpg" />';
		newHTML +=  '</div>';
		
		newHTML +=  '<div class="left">';
		newHTML +=  '<p><strong>Größe (ca.):</strong><br />' + groesse + '</p>';
		newHTML +=  '<p><strong>Mit Quietsch:</strong><br /> ' + quietsch + '</p>';
		newHTML +=  '</div>';
		newHTML +=  '<div class="right">';
		newHTML +=  '<p><strong>Druckflächen (ca.):</strong><br /> ' + druck + '</p>';
		newHTML +=  '<p><strong>Besonderheiten:</strong><br /> ' + besonderheiten + '</p>';
		newHTML +=  '</div>';
		newHTML +=  '</div>';
	}

	var thumb = $(object).parent('.listitem');
	
	var tooltip = $('#productpopup');
		
	tooltip.show().append(newHTML).position({
		of: thumb,
		my: 'left top',
		at: 'left top',
		offset: '154px 0px',
		collision: 'flip'
	});
	
	if(type == 'flash'){
		var flashvars = {};
		var params = {menu: "false", quality: "best", wmode: "transparent"};
		var attributes = {};
		swfobject.embedSWF("flash/006.swf", "flashcontent", "400", "250", "8", false, flashvars, params, attributes);
	}
}

function hidetrail(){
	var tooltip = $('#productpopup');
	tooltip.children('.standard,.light').remove().end().hide();
}