// JavaScript Document

function showBadge2(img, target, name, description) {
	html = 	'	<div class="badge">' + '<img src="/img/badges/big/' + img + '" class="big-img" /> ' + '<img src="/img/badges/small/' + img + '" class="small-img" /> ' + '<div class="div-badge-name">' + name + '</div> ' + '<div class="div-badge-desc"> ' + description + '</div> </div>';
	Element.update('badge_preview', html);
	Element.setStyle('badge_preview', { top: '50px', left: '200px', position:'absolute' } );
	Element.show('badge_preview');
}

function showBadge3(img, target, name, description) {
	html = 	'	<div class="badge">' + '<img src="/img/badges/big/' + img + '" class="big-img" /> ' + '<img src="/img/badges/small/' + img + '" class="small-img" /> ' + '<div class="div-badge-name">' + name + '</div> ' + '<div class="div-badge-desc"> ' + description + '</div> </div>';
	Element.update('badge_preview', html);
	Element.setStyle('badge_preview', { top: '250px', left: '300px', position:'absolute' } );
	Element.show('badge_preview');
}

function showBadge(img, target, name, description) {
	//console.log('Show Div ' + img);
	
	//Element.update('badge_preview', '<img src="/img/badges/big/' + img + '" style="float: left;" /> ' + '<strong>' + name + '</strong>' + '<br/>' + description);
	//Element.setStyle('badge_preview', { position:'absolute', top: '100px', left: '100px', zindex: '1000', border: 'solid 1px #000', background: '#ededed', padding: '5px' } );
	//background: '#ededed', padding: '5px', margin: '5px';
	html = 	'	<div class="badge">' + '<img src="/img/badges/big/' + img + '" class="big-img" /> ' + '<img src="/img/badges/small/' + img + '" class="small-img" /> ' + '<div class="div-badge-name">' + name + '</div> ' + '<div class="div-badge-desc"> ' + description + '</div> </div>';
	Element.update('badge_preview', html);
	Element.setStyle('badge_preview', { top: '50px', left: '100px', position:'absolute', "z-index": '-1' } );
	Element.show('badge_preview');
	
	/*
		//~ Element.setStyle('badge_preview', { 
											//~ position:'absolute',
											//~ top:    "100px",
											//~ left:   "100px",
											//~ zindex: "1000",
											//~ width: "350px",
											//~ height: "120px",
											//~ padding: "5px",
											//~ margin: "5px",
											//~ border: "solid 1px #000; ",
											//~ background: "#ededed;",
											//~ padding: "5px;"
										//~ });
	//~ //alert('Test');
	//Element.show('badge_preview');
	
	url = '/badges/view.asp?id='+target;
	
	new Ajax.Request(url,
	{
		method:'get',
		onSuccess: function(transport){
		  var response = transport.responseText || "no response text";
		  //alert("Success! \n\n" + response);
		  Element.update('badge_preview', response);
		  Element.show('badge_preview');
		  Element.setStyle('badge_preview', { top: '50px', left: '100px', position:'absolute' } );
		},
		onFailure: function(){ alert('Something went wrong...') }
	});
	*/
}

function hideBadge() {
	//console.log('Hide Div');
	Element.hide('badge_preview');
}