// JavaScript Document
function antispam(name,domain) {
document.location = "mailto:" + name + "@" + domain;
}


function scrollImage(event_id)
	{
		var scroll = new Fx.Scroll('scrollpane_wrapper', {wait: false, duration: 590, transition: Fx.Transitions.Quad.easeInOut});
		scroll.toElement(event_id);
	}

function selectEvent(id)
	{
		scrollImage('site_'+id+'_img');
	}
function autoScrollEvents()
	{
		var selected = $$('a.selected_image')[0];
		id = parseInt(selected.id.split("_")[1]) + 1;
		if(id != 5)
		{
			$('site_'+(id-1)+'_img').removeClass('selected_image');
			$('select_'+(id-1)).setStyle('background-position','top left');
			selectEvent(id);
			$('site_'+id+'_img').addClass('selected_image');
			$('select_'+id).setStyle('background-position','left -33px');
		}
		else
		{
			selectEvent(1);
			$('site_1_img').addClass('selected_image');
			$('select_1').setStyle('background-position','left -33px');
			$('select_'+(id-1)).setStyle('background-position','top left');
		}
		timer = setTimeout('autoScrollEvents()', 3500);
	}


//Attach Events
window.addEvent('domready', function() {
						 
	
	if($$('div#latest_images_scrollpane')[0])
	{
		var storySelectors = $$('a.latest_select');
		storySelectors.each(function(element) {
				
				element.addEvent('mouseover', function(){
				});
				element.addEvent('mouseout', function() {
				});
		});
		
		timer = setTimeout('autoScrollEvents()', 3500);
		scrollImage('site_4_img');
	}
	
	if($$('div.portofolio_buttons'))
	{
		var buttons = $$('div.portofolio_buttons span');
		buttons.each(function(element) {			 
			element.addEvent('mouseover', function(){
				element.setStyle('background-position','left -33px');
			});
			element.addEvent('mouseout', function() {
				element.setStyle('background-position','top left');
			});
			element.addEvent('click', function(){
				var id = element.id.split("_")[0];
				var num = element.id.split("_")[1];
				var scroll = new Fx.Scroll(id, {wait: false, duration: 540, transition: Fx.Transitions.Quad.easeInOut});
				scroll.toElement(id+"_"+num);
			});
		});
	}
	
	
	if($$('div#serv_right_buttons')[0])
	{
		var services = $$('div#serv_right_buttons span');
		services.each(function(element) {			 
			element.addEvent('mouseover', function(){
				element.setStyle('background-position','left -32px');
			});
			element.addEvent('mouseout', function() {
				element.setStyle('background-position','top left');
			});
			element.addEvent('click', function(){
				var id = element.id.split("_")[0];
				var scroll = new Fx.Scroll('serv_explain', {wait: false, duration: 540, transition: Fx.Transitions.Quad.easeInOut});
				scroll.toElement(id);
			});
		});
	}
	
}); 
window.addEvent('resize', function() {
	if($$('div.overlay'))
		{
			var overlay = $$('div.overlay');
			overlay.each(function(element) {
				repositionOverlay(element);
			});
		}
});