Object.extend(Element, {
	getWidth: function(element) {
	   	element = $(element);
	   	return element.offsetWidth; 
	},
	setWidth: function(element,w) {
	   	element = $(element);
    	element.style.width = w +"px";
	},
	setHeight: function(element,h) {
   		element = $(element);
    	element.style.height = h +"px";
	},
	setTop: function(element,t) {
	   	element = $(element);
    	element.style.top = t +"px";
	},
	setLeft: function(element,l) {
	   	element = $(element);
    	element.style.left = l +"px";
	},
	setSrc: function(element,src) {
    	element = $(element);
    	element.src = src; 
	},
	setHref: function(element,href) {
    	element = $(element);
    	element.href = href; 
	},
	setInnerHTML: function(element,content) {
		element = $(element);
		element.innerHTML = content;
	}
});

function initPictures() {
	
	var elements = $("alternatives").immediateDescendants();
	for(i=0;i<elements.length;i++) {
		if (elements[i].id != "pic_main_link") {
			new Effect.Opacity(elements[i], {duration:0.1, from:1, to:0.5});
		}
	}
	
}

function switchPicture(id_picture) {
	var elements = document.getElementsByTagName('div');

	for(i=0;i<elements.length;i++) {
		
		var element = elements[i];
		var relAttribute = String(element.getAttribute('rel'));
			
		if (relAttribute.toLowerCase().match('picture_open')) {
			if (!id_picture.toLowerCase().match(element.id)) {
				
				/* Now resize the picture frame*/
				oldWidth = $(element.id).immediateDescendants().first().width;
				newWidth = $(id_picture).immediateDescendants().first().width;
				if (newWidth<10) {
					newWidth = $(id_picture).immediateDescendants().first().offsetWidth;
				} else {
					xScale = ((newWidth) / oldWidth) * 100;
					new Effect.Scale("picture_frame", xScale, {scaleY: false, delay: 0.2, duration: 0.5, scaleMode: { originalWidth: oldWidth }});
				}
				
				/* Let's start the fading ... */
				new Effect.Fade(element.id);
				new Effect.Opacity((element.id+"_link"), {duration:0.3, from:1, to:0.3});
				element.setAttribute('rel', 'picture_close');
				
				setTimeout("switchPicture2('"+id_picture+"', '"+newWidth+"')", 1000);
			}
		}
		
	}
	
}

function switchPicture2(id_picture, newWidth) {
	if ( (String($(id_picture).getAttribute('rel'))).toLowerCase().match('picture_close') ) {
		new Effect.Appear(id_picture);
		new Effect.Opacity((id_picture+"_link"), {duration:0.3, from:0.3, to:1});
		document.getElementById(id_picture).setAttribute('rel', 'picture_open');
		//$("picture_frame").style.width = newWidth+"px";
		if (navigator.appVersion.indexOf("MSIE 6")!=-1) $("picture_frame").style.height = "484px";
	}

}


function switchHomePicture(id_picture) {
	var elements = document.getElementsByTagName('div');
	for(i=0;i<elements.length;i++) {
		var element = elements[i];
		var relAttribute = String(element.getAttribute('rel'));
		if (relAttribute.toLowerCase().match('picture_open')) {
			if (!id_picture.toLowerCase().match(element.id)) {
				/* Now resize the picture frame*/
				oldWidth = $(element.id).immediateDescendants().first().width;
				newWidth = $(id_picture).immediateDescendants().first().width;
				if (newWidth<10) {
					newWidth = $(id_picture).immediateDescendants().first().offsetWidth;
				} else {
					xScale = ((newWidth) / oldWidth) * 100;
					new Effect.Scale("picture_frame", xScale, {scaleY: false, delay: 0.2, duration: 0.5, scaleMode: { originalWidth: oldWidth }});
					
				}
				/* Let's start the fading ... */
				new Effect.Fade(element.id);
				element.setAttribute('rel', 'picture_close');
				element.addClassName('js_homeimage');
				setTimeout("switchHomePicture2('"+id_picture+"', '"+newWidth+"')", 1000);
			}
		}
		
	}
	
}

function switchHomePicture2(id_picture, newWidth) {
	if ( (String($(id_picture).getAttribute('rel'))).toLowerCase().match('picture_close') ) {
		new Effect.Appear(id_picture);
		document.getElementById(id_picture).setAttribute('rel', 'picture_open');
		document.getElementById(id_picture).removeClassName('js_homeimage');
		if (navigator.appVersion.indexOf("MSIE 6")!=-1) $("picture_frame").style.height = "484px";
	}
	setTimeout("homePictureSwitch()", 2000);
}


function homePictureSwitch() {
	var random = 0 + Math.floor(Math.random() * ($$("div.js_homeimage img").size()));
	var element = $$("div.js_homeimage")[random];
	setTimeout("switchHomePicture('"+element.id+"')", 2000);
}