/****************************************************************************************************
 *  OBJECT_EXTIONSION.JS - extend native DOM-Elements
 ****************************************************************************************************/

// ----------------------------------------------------------------
// define startsWith for javascript-strings
// ----------------------------------------------------------------
String.implement('startsWith', function(str) {
		return (this.match("^"+str)==str);	
});

// ----------------------------------------------------------------
// set properties in member-array
// ----------------------------------------------------------------
Element.implement('setAttr', function(key, value) {
	if (!$chk(this.attr)) {
		this.attr = new Object();
	} 

	this.attr[key] = value;
});

// ----------------------------------------------------------------
// copy properties from one element to another
// ----------------------------------------------------------------
Element.implement('copyAttributesFrom', function(rhs) {
	the_attributes = new Array('nr', 'category', 'belongsto', 'name', 'picpreview', 'picoverlay', 'price', 'hasbordercolor', 'haslinecolor',
	 						   'colornr', 'id', 'picoverlayconforto', 'posleft', 'posmiddle', 'posright');
	
	for (var i=0;i<the_attributes.length;i++) {
		if ($chk(rhs.getAttr(the_attributes[i]))) this.setAttr(the_attributes[i], rhs.getAttr(the_attributes[i]));
	}
});

// ----------------------------------------------------------------
// get the properties
// ----------------------------------------------------------------
Element.implement('getAttr', function(key) {
	return this.attr[key];
});

Element.implement('getPrice', function() {
    if (this.attr && $chk(this.attr["price"])) 
		return parseFloat(this.attr["price"]);
	return 0;
});

Element.implement('getBelongsTo', function() {
    return ((this.attr && $chk(this.attr["belongsto"])) ? this.attr["belongsto"] : 'all');
});

// ----------------------------------------------------------------
// set the price-property and the html to display
// ----------------------------------------------------------------
Element.implement('setPriceAndHtml', function(p) {
	this.setAttr('price', p);
	this.set('html', p + "&nbsp;&euro;");
});


// change the opacity of an element to 0, 0.5 or 1
// ----------------------------------------------------------------
Element.implement('setOpacity', function(opacity) {
	// remove all opacity-information
	this.removeClass('opaque0');
	this.removeClass('opaque0_5');
	this.removeClass('opaque1');
	
	// add new opacity-information
	if (opacity == 0) {
		this.addClass('opaque0'); // 	this.morph('.opaque0');
	} else if (opacity == 0.5) {
		this.addClass('opaque0_5');
	} else {
		this.addClass('opaque1');
	}

	return this;
});

// toggle the Visibility by applying class opaque0 or opaque1
// ----------------------------------------------------------------
Element.implement('toggleVisibility', function() {
	if (this.hasClass('opaque0')) {
		this.removeClass('opaque0');
		this.addClass('opaque1');
	} else {
		this.removeClass('opaque1');
		this.addClass('opaque0');
	}
});