Element.addMethods({
	setWidth: function (element, width) {
		$(element).setStyle({width: width + 'px'});
		return Element.extend(element);
    },

	setHeight: function (element, height) {
		$(element).setStyle({height: height + 'px'});
		return Element.extend(element);
    },

	setTop: function (element, top) {
		$(element).setStyle({top: top + 'px'});
		return Element.extend(element);
    },

	getTop: function (element, top) {
		return parseInt($(element).getStyle('top'));
    },

	setLeft: function (element, left) {
		$(element).setStyle({left: left + 'px'});
		return Element.extend(element);
    },

	center: function (element) {
		element.setStyle({marginLeft: -(Math.round(element.getWidth()) / 2) + 'px'});
		return Element.extend(element);
    }
});

function getPageSize() {
	var xScroll, yScroll;

	if (window.innerHeight && window.scrollMaxY) {
		xScroll = document.body.scrollWidth;
		yScroll = window.innerHeight + window.scrollMaxY;
    } else if (document.body.scrollHeight > document.body.offsetHeight) {
        xScroll = document.body.scrollWidth;
        yScroll = document.body.scrollHeight;
    } else {
        xScroll = document.body.offsetWidth;
        yScroll = document.body.offsetHeight;
    }

	var windowWidth, windowHeight;

	if (self.innerHeight) {
		windowWidth = self.innerWidth;
		windowHeight = self.innerHeight;
    } else if (document.documentElement && document.documentElement.clientHeight) {
        windowWidth = document.documentElement.clientWidth;
        windowHeight = document.documentElement.clientHeight;
    } else if (document.body) {
        windowWidth = document.body.clientWidth;
        windowHeight = document.body.clientHeight;
    }

	if (yScroll < windowHeight) {
		pageHeight = windowHeight;
    } else {
        pageHeight = yScroll;
    }

	if (xScroll < windowWidth) {
		pageWidth = windowWidth;
    } else {
        pageWidth = xScroll;
    }

	objPageSize = {page_width: pageWidth, page_height: pageHeight, window_width: windowWidth, window_height: windowHeight};

	return objPageSize;
}

function getPageScroll() {
	var yScroll;

	if (self.pageYOffset) {
		yScroll = self.pageYOffset;
    } else if (document.documentElement && document.documentElement.scrollTop) {
        yScroll = document.documentElement.scrollTop;
    } else if (document.body) {
        yScroll = document.body.scrollTop;
    }

	return yScroll;
}

function userAgent() {
	var return_, UA;
	return_ = 'unknown';
	UA = navigator.userAgent;

	if ((/Konqueror|Safari|KHTML/.test(UA))) {
		return_ = 'KHTML';
    }
	if ((/Gecko/.test(UA)) && (return_ != 'KHTML')) {
		return_ = 'Gecko';
    }
	if ((/Opera/.test(UA))) {
		return_ = 'Opera';
    }
	if ((/MSIE/.test(UA)) && (return_ != 'Opera')) {
		return_ = 'MSIE';
    }
	if ((return_ == 'MSIE') && !((/MSIE 6\./.test(UA)) && (return_ != 'Opera'))) {
		return_ = 'MSIE7';
    }
	return return_;
}

document.observe('dom:loaded', function() {


	$$('.toggle').each(function (elm) {
		elm.observe('focus', function (event) {
			if (elm.value == elm.title) {
				elm.addClassName('focus').value = '';
				}
			}).observe('blur', function (event) {
				if (elm.value == '') {
					elm.removeClassName('focus').value = elm.title;
					}
				});
		});

	$$('li.print a').invoke('observe', 'click', function (event) {
		event.stop();
		window.print();
		});

	$$('li.submenu').each(function(elm) {
		elm.observe('mouseover', function() {
			$(elm.down()).addClassName('hit');
			$(elm.down().next()).show();
			});
			elm.observe('mouseout', function() {
				$(elm.down()).removeClassName('hit');
				$(elm.down().next()).hide();
				});
		});

	$$('#accordion h3 a').each(function(elm) {
		elm.observe('click', function(event) {
			event.stop();
			var visible = $$('#accordion div.accoridion-content').find(function (elm) { return elm.visible(); });
			var next	= elm.up().next();

			if (visible) {
				if (visible != next) {
					visible.previous().down().removeClassName('open');
					elm.addClassName('open');
					visible.blindUp({ duration: 0.2 });
					next.blindDown({ duration: 0.2 });
					}
					else {
						visible.previous().down().removeClassName('open');
						visible.blindUp({ duration: 0.2 });
						}
				} else {
					elm.addClassName('open');
					Effect.toggle(next, 'blind', { duration: 0.2 });
					}
			});
		});
	
	$$('#accordion-2 h3 a').each(function(elm) {
		elm.observe('click', function(event) {
			event.stop();
			var visible = $$('#accordion-2 div.accoridion-content').find(function (elm) { return elm.visible(); });
			var next	= elm.up().next();

			if (visible) {
				if (visible != next) {
					visible.previous().down().removeClassName('open');
					elm.addClassName('open');
					visible.blindUp({ duration: 0.2 });
					next.blindDown({ duration: 0.2 });
					}
					else {
						visible.previous().down().removeClassName('open');
						visible.blindUp({ duration: 0.2 });
						}
				} else {
					elm.addClassName('open');
					Effect.toggle(next, 'blind', { duration: 0.2 });
					}
			});
		});


	$$('.collapse').each(function(elm) {
		elm.observe('click', function(event) {
			event.stop();
			Effect.toggle(elm.up().next(), 'blind', { duration: 0.3 });
			elm.toggleClassName('open');
			});
		});

/*	$('product-tabs').setStyle({height: $$('.tab-content').first().getHeight() + 'px'});
	$$('#product-tabs a.tab').each(function(elm) {
		elm.observe('click', function(event) {
			event.stop();
			$$('#product-tabs .tab-content').invoke('hide')
			$$('#product-tabs li').invoke('removeClassName', 'selected');
			$(elm.rel).show();
			elm.up().addClassName('selected');
			$('product-tabs').setStyle({height: $(elm.rel).getHeight() + 'px'});
			});
		});*/





	$$('#catalog-icons ul a').each(function(elm) {
		elm.observe('mouseover', function(event) {
			elm.next().show().up('li').setStyle({ zIndex: 20 });
			}).observe('mouseout', function(event) {
				elm.next().hide().up('li').setStyle({ zIndex: 10 });
				});
		});
		
	$$('a.intra-in-cont-action').each(function(elm) {
		elm.observe('click', function(event) {
			event.stop();
			var page = {size: getPageSize(), scroll: getPageScroll()};

			var html = '<div class="modal-title">';
				html += '	<em>#{title}</em>';
				html += '	<a href="#" title="Ichide" class="close">inchide <span>x</span></a>';
				html += '	<br class="clear" />';
				html += '</div>';
				html += '<iframe src="#{src}" width="520" height="167" frameborder="0" scrolling="no"></iframe>';
			var template = new Template(html).evaluate({ title: elm.title, src: elm.rel });
			
			if(!$('modal-overlay')) {
				$(document.body).insert('<div id="modal-overlay" style="display: none;"></div>');
			}
			if(!$('modal-container')) {
				$(document.body).insert('<div id="modal-container" style="display: none;"></div>');
			}
			$('modal-container').insert({bottom: template});
			
			$('modal-overlay').setHeight(page.size.page_height).appear({duration: 0.1, to: 0.8}).observe('click', function (event) {
				$('modal-overlay').hide();
				if($('modal-container')) {
					$('modal-container').remove();
				}
			});

			$('modal-container').center().setTop(page.scroll + (page.size.window_height / 2 - $('modal-container').getHeight() / 2)).appear({duration: 0.1}).down('a.close').observe('click', function (event) {
				event.stop();
				$('modal-overlay').hide();
				if($('modal-container')) {
					$('modal-container').remove();
				}
			});
		});
	});

	$$('a.cont-nou-action').each(function(elm) {
		elm.observe('click', function(event) {
			event.stop();
			var page = {size: getPageSize(), scroll: getPageScroll()};

			var html = '<div class="modal-title">';
				html += '	<em>#{title}</em>';
				html += '	<a href="#" title="Ichide" class="close">inchide <span>x</span></a>';
				html += '	<br class="clear" />';
				html += '</div>';
				html += '<iframe src="#{src}" width="520" height="365" frameborder="0" scrolling="no"></iframe>';
			var template = new Template(html).evaluate({ title: elm.title, src: elm.rel });

			if(!$('modal-overlay')) {
				$(document.body).insert('<div id="modal-overlay" style="display: none;"></div>');
			}
			if(!$('modal-container')) {
				$(document.body).insert('<div id="modal-container" style="display: none;"></div>');
			}
			$('modal-container').insert({bottom: template});

			$('modal-overlay').setHeight(page.size.page_height).appear({duration: 0.1, to: 0.8}).observe('click', function (event) {
				$('modal-overlay').hide();
				if($('modal-container')) {
					$('modal-container').remove();
				}
			});

			$('modal-container').center().setTop(page.scroll + (page.size.window_height / 2 - $('modal-container').getHeight() / 2)).appear({duration: 0.1}).down('a.close').observe('click', function (event) {
				event.stop();
				$('modal-overlay').hide();
				if($('modal-container')) {
					$('modal-container').remove();
				}
			});
		});
	});
});