Element.extend({
	getWidth: function(){
		return this.getCoordinates().width
	},
	getHeight: function(){
		return this.getCoordinates().height
	}
});

var W3CDOM = (document.createElement && document.getElementsByTagName);
window.addEvent("load", function(){
	initImages();
	initFileUploads();
	//initSlideShow();
});
///////////////////////////////////
function initImages() {	
	//
	document.imageOut = new Object();
	document.imageOver = new Object();
	// PNG Fix for IE<7
	var png_fix = "png_fix.gif";
	var pngRegExp = new RegExp("\\.png$", "i")
	var f = "DXImageTransform.Microsoft.AlphaImageLoader";
	//
	var imageArray = $$("img", "input");
	imageArray.each(function(item){
		var image = item.src.substr(item.src.lastIndexOf("/")+1);
		var id = item.id || image.replace("_n.", "").replace("_N.", "");
		var hover = (image.toLowerCase().lastIndexOf("_n.") !=-1);
		//
		if (hover && document.imageOut && document.imageOver) {
			document.imageOut[id] = new Image();
			document.imageOut[id].src = item.src;
			document.imageOver[id] = new Image();
			document.imageOver[id].src = item.src.substr(0, item.src.lastIndexOf("/")+1)+image.replace("_n.", "_o.").replace("_N.", "_O.");
		}
		// PNG Fix for IE<7
		if (window.ie && !window.ie7 && image.test(pngRegExp)) {
			item.style.width = item.offsetWidth+"px";
			item.style.height = item.offsetHeight+"px";
			item.style.filter = "progid:"+f+"(src='"+item.src+"', sizingMethod='scale');";
			item.src = png_fix;
		}
		//
		if (hover && document.imageOut && document.imageOver) {
			item.onmouseover = function(){
				if (document.imageOver && document.imageOver[this.id]) setImage(this, document.imageOver[this.id].src);
			}
			item.onmouseout = function(){
				if (document.imageOut && document.imageOut[this.id]) setImage(this, document.imageOut[this.id].src);
			}
			item.id = id;
			//
			function setImage(imageObject, src) {
				if (window.ie && !window.ie7) {
					if (imageObject.filters[f] && imageObject.filters[f].src.test(pngRegExp)) {
						imageObject.filters[f].src = src;
					} else {
						imageObject.src = src;
					}
				} else {
					imageObject.src = src;
				}
			}
		}
	});
}
/////////

var fShowLayer = function (oSourceLayer, linkObject){
	$('showDetail').innerHTML=oSourceLayer.innerHTML;
}
/////////////////
var fShowLayer02 = function (oSourceLayer, linkObject){
	$('showDetailPart').innerHTML=oSourceLayer.innerHTML;
}
//////////////////
function initFileUploads(){
	$$(".browseButton").each(function(img){
		var oInput = img.getPrevious();
		var oSize = img.getCoordinates();
		// div Object
		var oDivPlacement = new Element("div").setStyles({
			height: oSize.height,
			width: oSize.width,
			overflow: "hidden",
			cursor:'pointer',
			cursor:'hand',
			textAlign: "right",
			position: "absolute",		
			top: 17,
			left: img.offsetLeft,
			zIndex: 999
		}).injectAfter(img);
		//
		var oFileInput = new Element("input").setProperties({
			id: oInput.id+"_file",
			name: oInput.name+"_file",
			type: "file",
			size: "4"
		}).setStyles({
			height: oSize.height+2,
			width: oSize.width+25,
			position: "absolute",
			zIndex: 1000,
			left: "-25px"
		});
		// special case to bypass mootools style function
		oFileInput.style.mozOpacity = 0
		oFileInput.style.opacity = 0;
		oFileInput.style.filter = "alpha(opacity=0)";
		//
		oFileInput.injectInside(oDivPlacement);
		oFileInput.addEvents({
			"click": function(e){
				oInput.value = oFileInput.value;
			},
			"change": function(e){
				oInput.value = oFileInput.value;
			}
		});
	});
}

////////////////
var fInitImageSlide = function(arrImage){
	
	if (!$('fadeImg')) return;
	var img = $('fadeImg').getFirst();
	if (!img) return;
	
	var aImage = new Array();
	//
	//img.getParent().setStyle("position", "relative");
	//
	$A(arrImage).each(function(item, i){
		aImage[i] = new Element("img").setProperties({
			id: "slide"+i,
			src: item
		}).setStyles({
			position: "absolute",
			left: 0,
			top: 0
		}).injectAfter(img);
		
		aImage[i].fx = new Fx.Style(aImage[i], "opacity", {
			duration: 1000,
			onComplete: function(){
				//img.setOpacity(0);
			}
		});
		
		//aImage[i].setOpacity(0);
	});
	
	img.remove();
	fInitImageSlide.aImage = aImage;
}

function initImageSlider() {
	var slideIndex = 0;

	if (!fInitImageSlide.aImage) {
		fInitImageSlide(window.aImage );
	}

	fInitImageSlide.aImage[slideIndex].fx.start(0);		
	slideIndex = (slideIndex + 1) % fInitImageSlide.aImage.length;		
	fInitImageSlide.aImage[slideIndex].fx.start(1);
	
	setInterval(function() {		
		fInitImageSlide.aImage[slideIndex].fx.start(0);		
		slideIndex = (slideIndex + 1) % fInitImageSlide.aImage.length;		
		fInitImageSlide.aImage[slideIndex].fx.start(1);
	}, 3000);
}
/*******************************************************
Show Hide Tabs
*******************************************************/
function showHideTab(index)
{
	
	var tabs = $$("div.contactInfo");
	for(i=0;i<tabs.length;i++){
		tabs.setStyles({position: "absolute", top:"-10000px", left:"-5000px"});
	}
	tabs[index].setStyles({position: "static", top:"0px", left:"0px"});
}