var opac = 100;
var current = 'img';
var error = 0;
var full = '';
var mail = '';
var comp = '';
var textar = '';

//Detect browser,version and OS
var BrowserDetect = {
	init: function () {
		this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
		this.version = this.searchVersion(navigator.userAgent)
			|| this.searchVersion(navigator.appVersion)
			|| "an unknown version";
		this.OS = this.searchString(this.dataOS) || "an unknown OS";
	},
	searchString: function (data) {
		for (var i=0;i<data.length;i++)	{
			var dataString = data[i].string;
			var dataProp = data[i].prop;
			this.versionSearchString = data[i].versionSearch || data[i].identity;
			if (dataString) {
				if (dataString.indexOf(data[i].subString) != -1)
					return data[i].identity;
			}
			else if (dataProp)
				return data[i].identity;
		}
	},
	searchVersion: function (dataString) {
		var index = dataString.indexOf(this.versionSearchString);
		if (index == -1) return;
		return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
	},
	dataBrowser: [
		{
			string: navigator.userAgent,
			subString: "Chrome",
			identity: "Chrome"
		},
		{ 	string: navigator.userAgent,
			subString: "OmniWeb",
			versionSearch: "OmniWeb/",
			identity: "OmniWeb"
		},
		{
			string: navigator.vendor,
			subString: "Apple",
			identity: "Safari",
			versionSearch: "Version"
		},
		{
			prop: window.opera,
			identity: "Opera"
		},
		{
			string: navigator.vendor,
			subString: "iCab",
			identity: "iCab"
		},
		{
			string: navigator.vendor,
			subString: "KDE",
			identity: "Konqueror"
		},
		{
			string: navigator.userAgent,
			subString: "Firefox",
			identity: "Firefox"
		},
		{
			string: navigator.vendor,
			subString: "Camino",
			identity: "Camino"
		},
		{		// for newer Netscapes (6+)
			string: navigator.userAgent,
			subString: "Netscape",
			identity: "Netscape"
		},
		{
			string: navigator.userAgent,
			subString: "MSIE",
			identity: "Explorer",
			versionSearch: "MSIE"
		},
		{
			string: navigator.userAgent,
			subString: "Gecko",
			identity: "Mozilla",
			versionSearch: "rv"
		},
		{ 		// for older Netscapes (4-)
			string: navigator.userAgent,
			subString: "Mozilla",
			identity: "Netscape",
			versionSearch: "Mozilla"
		}
	],
	dataOS : [
		{
			string: navigator.platform,
			subString: "Win",
			identity: "Windows"
		},
		{
			string: navigator.platform,
			subString: "Mac",
			identity: "Mac"
		},
		{
			   string: navigator.userAgent,
			   subString: "iPhone",
			   identity: "iPhone/iPod"
	    },
		{
			string: navigator.platform,
			subString: "Linux",
			identity: "Linux"
		}
	]

};
BrowserDetect.init();

//alert(BrowserDetect.browser+' '+BrowserDetect.version+' '+BrowserDetect.OS);
if (BrowserDetect.OS == 'Mac') {
	full = '41px';
	mail = '46px';
	comp = '35px'; 
	textar = '54px';
} else if (BrowserDetect.OS == 'Windows') {
	if (BrowserDetect.browser == 'Safari') {
		full = '48';
		mail = '46';
		comp = '41';
		textar = '53';
	} else { 
		full = '53';
		mail = '49';
		comp = '45';
		textar = '54';
	}
}

var iaccw = "<br><img src='images/iaccw.jpg' border='0' >";
var comites = "<br><img src='images/comites.jpg' border='0' >";
var fond_ita = "<br><img src='images/fond_italia.jpg' border='0' >";
var askward = "<br><img src='images/askward.jpg' border='0' >";
var everywhere = "<br><img src='images/everywhere_and_co.jpg' border='0' >";
var mr_logistics = "<br><img src='images/mr_logistic.jpg' border='0' >";
var meranotours = "<br><img src='images/meranotours.jpg' border='0' >";
var thelifeclothing = "<br><img src='images/thelifeclothing.jpg' border='0' >";
var dive = "<br><img src='images/dive.jpg' border='0' >";

var iaccw_desc = "<div class='desc_title'>Italy America Chamber of Commerce<br><span><a href='http://iaccw.net' target='_blank' rel='nofollow'>www.iaccw.net</a></span></div>";
iaccw_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>Promote economic and trade relations between Italy and the Western United States.</div>";
iaccw_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>Animated menu</li><li class='pointed_list'>Database driven Members List</li><li class='pointed_list'>Flash animated partner logos</li></div>";
iaccw_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>PHP5.0/MySql</li><li class='pointed_list'>Adobe Flash</li><li class='pointed_list'>HTML/Javascript</li></div>";

var comites_desc = "<div class='desc_title'>C.O.M.I.T.E.S. Los Angeles<br><span><a href='http://www.comitesla.org' target='_blank' rel='nofollow'>www.comitesla.org</a></span></div>";
comites_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>Elected comitee that represents the needs of Italian citizens living abroad in their relations with the consular offices.</div>";
comites_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>Animated menu</li><li class='pointed_list'>Integrated interactive custom forum</li></div>";
comites_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>PHP5.0/MySql</li><li class='pointed_list'>HTML/Javascript</li></div>";

var fond_ita_desc = "<div class='desc_title'>Fondazione Italia<br><span><a href='http://www.fondazione-italia.org' target='_blank' rel='nofollow'>www.fondazione-italia.org</a></span></div>";
fond_ita_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>California non-profit organization founded for the purpose of promoting the teaching and learning of the Italian language.</div>";
fond_ita_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>Animated menu</li><li class='pointed_list'>Integrated library of contents for users</li><li class='pointed_list'>Students/Teachers section</li></div>";
fond_ita_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>PHP5.0/MySql</li><li class='pointed_list'>Ajax</li><li class='pointed_list'>HTML/Javascript</li></div>";

var askward_desc = "<div class='desc_title'>Askward<br><span><a href='http://askward.net' target='_blank' rel='nofollow'>www.askward.net</a></span></div>";
askward_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>Company providing services in research methodology, planning and design, data description.</div>";
askward_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>YouTube thematic viewer</li><li class='pointed_list'>Google custom thematic search bar</li><li class='pointed_list'>Dynamic logic games</li></div>";
askward_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>PHP5.0/MySql</li><li class='pointed_list'>HTML/Javascript</li></div>";

var everywhere_desc = "<div class='desc_title'>Everywhere & Co.<br><span><a href='http://everywhereandco.com' target='_blank' rel='nofollow'>www.everywhereandco.com</a></span></div>";
everywhere_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>Fashion and accessories import company.</div>";
everywhere_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>Animated menu</li></div>";
everywhere_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>HTML/Javascript</li></div>";

var mr_logistics_desc = "<div class='desc_title'>MR Logistics<br><span><a href='http://mr-logistics.com/' target='_blank' rel='nofollow'>www.mr-logistics.com</a></span></div>";
mr_logistics_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>Freight shipping company.</div>";
mr_logistics_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>Animated menu</li><li class='pointed_list'>Quote request form</li></div>";
mr_logistics_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>PHP5.0/MySql</li><li class='pointed_list'>HTML/Javascript</li></div>";

var meranotours_desc = "<div class='desc_title'>MeranoTours<br><span><a href='http://meranotours.com' target='_blank' rel='nofollow'>www.meranotours.com</a></span></div>";
meranotours_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>Travel agency & airfares.</div>";
meranotours_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>Static template</li></div>";
meranotours_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>HTML/Javascript</li></div>";

var thelifeclothing_desc = "<div class='desc_title'>TheLifeClothing Store<br><span><a href='http://thelifeclothing.net' target='_blank' rel='nofollow'>www.thelifeclothing.net</a></span></div>";
thelifeclothing_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>Urban apparel for Men.</div>";
thelifeclothing_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>On-line shopping cart</li><li class='pointed_list'>Seller admin interface to manage customers, orders, catalog and storage</li><li class='pointed_list'>Protected area for customers</li></div>";
thelifeclothing_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>OsCommerce shooping tool</li><li class='pointed_list'>HTML/Javascript</li><li class='pointed_list'>PHP5.0/MySql</li></div>";

var dive_desc = "<div class='desc_title'>DIVE of Los Angeles<br><span><a href='http://divedilosangeles.org' target='_blank' rel='nofollow'>www.divedilosangeles.net</a></span></div>";
dive_desc += "<div class='desc_body' align='justify'><span>Customer Business</span><br>Association of Italian women living abroad.</div>";
dive_desc += "<div class='desc_body' align='justify'><span>Web-site Functionalities</span><br><li class='pointed_list'>Admin User Interface</li><li class='pointed_list'>Protected area for members</li><li class='pointed_list'>Interactive photo gallery</li></div>";
dive_desc += "<div class='desc_body' align='justify'><span>Web Technology:</span><li class='pointed_list'>HTML/Javascript</li><li class='pointed_list'>PHP5.0/MySql</li></div>";



var desc_content = askward_desc;

var port_content = "<div id='port_content' class='port_content'><br><img src='images/askward.jpg' border='0' ></div>"
    port_content += "<div><object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' codebase='http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0' width='100%' height='68px'>";
		port_content += "<param name='allowScriptAccess' value='sameDomain' />";
		port_content += "<param name='movie' value='theLookingGlassV4.swf'>";
		port_content += "<param name='menu' value='true' />";
		port_content += "<param name='quality' value='high' />";
		port_content += "<param name='scale' value='noscale' />";
		port_content += "<param name='salign' value='lt' />";
		port_content += "<param name='quality' value='high'>";
		port_content += "<embed src='theLookingGlassV4.swf' quality='high' pluginspage='http://www.macromedia.com/go/getflashplayer' type='application/x-shockwave-flash' scale='noscale' salign='lt'  width='100%' height='68px'></embed>";
		port_content += "</object></div>";
		
		
	var about_content = "<div class='about_content'><div class='about_title' style='width: 125px;'>GENERAL INFO</div>";	
	about_content += "<div class='about_text'>Web developer since 2006, I have worked on several projects as full employee or freelance contractor.<br>Always willing to guarantee the best user experience with my creations without sacrificing reliability and performances.</div>";
	about_content += "<div class='about_content'><div class='about_title'>BACKGROUND</div>";
	about_content += "<div class='about_text'><table border='0'><tr><td class='table_align'>Since June \'08:</td><td class='table_align_right'>Web Developer at <a href='http://www.pricegrabber.com' target='_blank' rel='nofollow'><em>Pricegrabber.com</em></a></td></tr><tr><td class='table_align'>April \'07 - June \'08:</td><td class='table_align_right'>Web Developer at <a href='http://www.cars.com' target='_blank' rel='nofollow'><em>Cars.com</em></a></tr><tr><td class='table_align'>Sept. \'06 - March \'07:</td><td class='table_align_right'>Web Developer as contractor</td></tr><tr><td class='table_align'>July \'06:</td><td class='table_align_right'>Master garduated in wireless T.L.C. in Rome (Italy)</td></tr><tr><td class='table_align'>Sept. \'05 - Feb. \'06:</td><td class='table_align_right'>Interniship at Electrical Engineering Dept. of UCLA (los Angeles)</td></tr></table></div>";
	about_content += "<div class='about_content'><div class='about_title' style='width: 165px;'>COMPLETE RESUME</div>";
	about_content += "<div class='about_text'><a href='docs/Sorrentino_Resume.pdf' target='_blank' rel='nofollow'>DOWNLOAD</a> an updated PDF version of my resume.</div>";
	about_content += "</div>";
	
	var services_content = "<div class='about_content'><div class='about_title'>SERVICES</div>";
	services_content += "<div class='about_text'>Every project is carefully planned and engineered from its very first step, to ensure reliable product, innovative design and satisfied customer.<br><br>The services I have been providing include, among the others:<br><ul style='text-align: left;'><li type='square'>Rich internet applications design and development</li><li type='square'>Database driven web applications design and development</li><li type='square'>E-Commerce web applications design and development</li><li type='square'>Search Engines optimization</li><li type='square'>Web sites update/repair/renew</li><li type='square'>Web consulting</li></ul></div>";
	services_content += "</div>";
	
	var contacts_content = "<div class='about_content'><span id='error_string' class='error_string'></span>";
	contacts_content += "<span class='about_title'>&nbsp;&nbsp;FULL NAME&nbsp;&nbsp;</span><input type='text' size='"+full+"' maxlength='80' id='name' value='' style='font-size:11px;height:11px;line-height:12px;vertical-align:top;'><br><br>";
	contacts_content +="<span class='about_title'>&nbsp;&nbsp;EMAIL&nbsp;&nbsp;</span><input type='text' size='"+mail+"' maxlength='80' id='email' value='' style='margin-left:font-size:11px;height:11px;line-height:12px;vertical-align:top;'><br><br>";
	contacts_content +="<span class='about_title'>&nbsp;&nbsp;COMPANY NAME&nbsp;&nbsp;</span><input type='text' size='"+comp+"' maxlength='80' id='company' value='' style='font-size:11px;height:11px;line-height:12px;vertical-align:top;'><br><br>";
	contacts_content +="<span class='about_title'>&nbsp;&nbsp;COMMENT&nbsp;&nbsp;</span><br><textarea cols='"+textar+"' rows='7' id='comment' style='font-size:11px;line-height:12px;vertical-align:top;overflow:auto'></textarea><br><br>";
	contacts_content +="<span class='about_title'>&nbsp;&nbsp;SECURITY STRING&nbsp;&nbsp;</span>&nbsp;&nbsp;<span id='security' style='color:#FF0000;font-family: verdana;font-style:italic;font-weight:bold;'>"+randomString()+"</span>&nbsp;<input type='text' size='10' maxlength='10' id='sstring' value='' style='font-size:11px;height:11px;line-height:12px;vertical-align:top;'>";
	contacts_content +="<div id='submit_button' style='background-color: #000000;float:right;margin:30px 8px 0 0;'><span class='about_title'><a href='javascript:void(0)' onClick='send_contact()'>&nbsp;&nbsp;SUBMIT&nbsp;&nbsp;</a></span><div>";
	contacts_content += "</div>";

function randomString() {
	var chars = "0123456789ABCDEFGHIJKLMNOPQRSTUVWXTZabcdefghiklmnopqrstuvwxyz";
	var string_length = 10;
	var randomstring = '';
	for (var i=0; i<string_length; i++) {
		var rnum = Math.floor(Math.random() * chars.length);
		randomstring += chars.substring(rnum,rnum+1);
	}
	return randomstring;
}


function send_contact() {
	if (error!=0) clean_fields(); 
	var name = document.getElementById('name');
	var email = document.getElementById('email');
	var company = document.getElementById('company');
	var comment = document.getElementById('comment');
	var error_string = document.getElementById('error_string');
	var submit_button = document.getElementById('submit_button');
	var company = document.getElementById('company');
	var security = document.getElementById('security');
	var sstring = document.getElementById('sstring');
	
	if (name.value=='' || email.value=='' || comment.value=='' || sstring.value=='') error = 1;
	if (error==0 && !valid(email.value)) error = 2;
	if (error==0 && (!sec_string(sstring.value) || sstring.value=='') ) error = 3;
	
	if (error>0) {
		submit_button.style.marginTop='8px';
		switch(error) {
			case 1:
			error_string.innerHTML = 'Fields in GREY are required.';
			error_string.style.display= 'block';
			if (name.value=='') {
				name.style.backgroundColor='#E5E5E5';
				name.focus();
			}
			if (email.value=='') {
				email.style.backgroundColor='#E5E5E5';
				if (name.value!='') email.focus();
			}
			if (comment.value=='') {
				comment.style.backgroundColor='#E5E5E5';
				if (email.value!='') comment.focus();
			}
			if (sstring.value=='') {
				sstring.style.backgroundColor='#E5E5E5';
				if (sstring.value!='') sstring.focus();
			}
			break;
			
			case 2:
			error_string.innerHTML = 'Your email address doesn\'t seem to be valid.';
			error_string.style.display= 'block';
			email.style.backgroundColor='#E5E5E5';
			email.focus();
			break;
			
			case 3:
			error_string.innerHTML = 'Please, check security string and try again.';
			error_string.style.display= 'block';
			sstring.style.backgroundColor='#E5E5E5';
			sstring.focus();
			break;
		}
		security.innerHTML = randomString();
	  sstring.value = '';
	} else {
		var screen_size = screen_dim();
		var overlay = document.getElementById('wait_over');
		overlay.style.width = screen_size[0] - 50 +'px';
		overlay.style.height = screen_size[1] - 40 +'px';
		overlay.innerHTML = "<img style='margin-top:250px;' src='/images/loadinfo.net.gif' border='0'/><br><b>Loading...</b>";
		overlay.style.display = 'block';
		email_send(email.value, name.value, comment.value, company.value);
	}
}

function sec_string(val) {
	var sstring = document.getElementById('security');
	if (sstring.innerHTML == val) return true;
	else return false;
}

function email_send(email, name, comment, c_name) {
	var xmlhttp=false;
	/*@cc_on @*/
	/*@if (@_jscript_version >= 5)
	// JScript gives us Conditional compilation, we can cope with old IE versions.
	// and security blocked creation of the objects.
	 try {
	  xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
	 } catch (e) {
	  try {
	   xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
	  } catch (E) {
	   xmlhttp = false;
	  }
	 }
	@end @*/
	if (!xmlhttp && typeof XMLHttpRequest!='undefined') {
		try {
			xmlhttp = new XMLHttpRequest();
		} catch (e) {
			xmlhttp=false;
		}
	}
	if (!xmlhttp && window.createRequest) {
		try {
			xmlhttp = window.createRequest();
		} catch (e) {
			xmlhttp=false;
		}
	}
	
	 xmlhttp.open("GET", "/send_form.php?name="+name+"&email="+email+"&comment="+comment+"&c_name="+c_name,true);
	 xmlhttp.onreadystatechange=function() {
	  if (xmlhttp.readyState==4) {
	   confirm_email(xmlhttp.responseText);
	  }
	 }
	 xmlhttp.send(null)
}

function confirm_email(response) {
	var overlay = document.getElementById('wait_over');
	switch(response) {
		case 'ok':
			overlay.innerHTML = "<div style='margin-top:250px;font-weight:bold;'>Thank you!<br>Your message has been successfully sent.<br>You will be contacted as soon as possible.</div>";
			setTimeout("close_over(1)", 4000);
		break;
		
		case 'fail':
			overlay.innerHTML = "<div style='margin-top:250px;font-weight:bold;'>Oooppsss...<br>Your message couldn't be sent.<br>Please try again.</div>";
			setTimeout("close_over(0)", 4000);
		break;
	}
}

function close_over(val) {
	var overlay = document.getElementById('wait_over');
	var security = document.getElementById('security');
	var sstring = document.getElementById('sstring');
	if (val==0) {
			overlay.style.display = 'none';
			var name = document.getElementById('name');
			name.focus();
	} else {
		overlay.style.display = 'none';
		var name = document.getElementById('name');
		var email = document.getElementById('email');
		var comment = document.getElementById('comment');
		var company = document.getElementById('company');
		name.value = '';
		email.value = '';
		comment.value = '';
		company.value = '';
	}
	sstring.value = '';
	security.innerHTML = randomString();
}

function clean_fields () {
	error = 0;
	var name = document.getElementById('name');
	var email = document.getElementById('email');
	var company = document.getElementById('company');
	var comment = document.getElementById('comment');
	var error_string = document.getElementById('error_string');
	var submit_button = document.getElementById('submit_button');
	
	name.style.backgroundColor='';
	email.style.backgroundColor='';
	comment.style.backgroundColor='';
	error_string.innerHTML = '';
	error_string.style.display='none';
	submit_button.style.marginTop='30px';
}

function valid(mail){
	var reg1 = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/; // not valid
	var reg2 = /^.+\@(\[?)[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4}|[0-9]{1,3})(\]?)$/; // valid
	if ((mail == '') || (reg1.test(mail)) || (!reg2.test(mail))) {
		return false;
	} else return true;
}	

function change_content(page) {
	var detail_content = document.getElementById("port_content");
	fadeOut_detail("port_content",page);
}

function screen_dim() {
	var myWidth = 0, myHeight = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }

	screen_dim[0] = myWidth;
	screen_dim[1] = myHeight;
	return screen_dim;
}

function fadeOut_detail(target_obj,page,speed) {
	if (speed==undefined) speed = 4;
	if (opac > 0) {
		opac-=speed;
		var obj_target = document.getElementById(target_obj).style;
		obj_target.MozOpacity = (opac/100);
		obj_target.opacity = (opac/100);
		obj_target.KhtmlOpacity = (opac/100);
		obj_target.filter = "alpha(opacity="+opac+")";
		setTimeout("fadeOut_detail('"+target_obj+"','"+page+"')", 0);
	} else {
		fadeIn_detail(page);
	}
}

function fadeIn_detail(page,speed) {
	var obj_target = document.getElementById("port_content");
	var obj_desc = document.getElementById("descr_div");
	switch(page) {
			case 'iaccw':
			obj_target.innerHTML = iaccw;
			obj_desc.innerHTML = iaccw_desc;
			break;
			
			case 'comites':
			obj_target.innerHTML = comites;
			obj_desc.innerHTML = comites_desc;
			break;
			
			case 'fond_ita':
			obj_target.innerHTML = fond_ita;
			obj_desc.innerHTML = fond_ita_desc;
			break;
			
			case 'askward':
			obj_target.innerHTML = askward;
			obj_desc.innerHTML = askward_desc;
			break;
			
			case 'everywhere':
			obj_target.innerHTML = everywhere;
			obj_desc.innerHTML = everywhere_desc;
			break;
			
			case 'mr_logistics':
			obj_target.innerHTML = mr_logistics;
			obj_desc.innerHTML = mr_logistics_desc;
			break;
			
			case 'meranotours':
			obj_target.innerHTML = meranotours;
			obj_desc.innerHTML = meranotours_desc;
			break;
			
			case 'thelifeclothing':
			obj_target.innerHTML = thelifeclothing;
			obj_desc.innerHTML = thelifeclothing_desc;
			break;
			
			case 'dive':
			obj_target.innerHTML = dive;
			obj_desc.innerHTML = dive_desc;
			break;
			
		}
	if (speed==undefined) speed = 4;
	if (opac < 100) {
		opac+=speed;
		obj_target.style.MozOpacity = (opac/100);
		obj_target.style.opacity = (opac/100);
		obj_target.style.KhtmlOpacity = (opac/100);
		obj_target.style.filter = "alpha(opacity="+opac+")";
		setTimeout("fadeIn_detail('"+page+"')", 0);
	} 
}

function main_content(page) {
	if (page != current) {
		var main_img = document.getElementById("main_img");
		if(main_img.display!= 'none') {
			fadeOut("main_img",page);
		} else fadeOut("main_area_div",page,10);
	}
}

function fadeOut(target_obj,page,speed) {
	if (speed==undefined) speed = 4;
	var main_area_content = document.getElementById("main_area_content");
	var main_img = document.getElementById("main_img");
	var main_area_div = document.getElementById("main_area_div");
	var descr_div = document.getElementById("descr_div");
	if (opac > 0) {
		opac-=speed;
		var obj_target = document.getElementById(target_obj).style;
		obj_target.MozOpacity = (opac/100);
		obj_target.opacity = (opac/100);
		obj_target.KhtmlOpacity = (opac/100);
		obj_target.filter = "alpha(opacity="+opac+")";
		if (opac == 0) obj_target.display = 'none';
		setTimeout("fadeOut('"+target_obj+"','"+page+"')", 0);
	} else {
			current = page;
			switch(page) {
			case 'about':
				 if (descr_div.style.display == 'block') descr_div.style.display = 'none';
				 opac = 0;
				 main_area_div.innerHTML = about_content;
			   main_area_div.style.display = 'block';
			   fadeIn("main_area_div");
			break;
			
			case 'services':
				 if (descr_div.style.display == 'block') descr_div.style.display = 'none';
			   opac = 0;
				 main_area_div.innerHTML = services_content;
			   main_area_div.style.display = 'block';
			   fadeIn("main_area_div");
			break;
			
			case 'portfolio':
			   opac = 0;
				 main_area_div.innerHTML = port_content;
				 descr_div.innerHTML = desc_content;
			   main_area_div.style.display = 'block';
			   descr_div.style.display = 'block';
			   fadeIn("main_area_div");
			   fadeIn("descr_div");
			break;
			
			case 'contacts':
				 if (descr_div.style.display == 'block') descr_div.style.display = 'none';
			   opac = 0;
				 main_area_div.innerHTML = contacts_content;
			   main_area_div.style.display = 'block';
			   fadeIn("main_area_div");
			break;
		}
	}
	return false;
}

function fadeIn(target_obj,speed) {
	if (speed==undefined) speed = 4;
	if (opac < 100) {
		opac+=speed;
		var obj_target = document.getElementById(target_obj).style;
		obj_target.MozOpacity = (opac/100);
		obj_target.opacity = (opac/100);
		obj_target.KhtmlOpacity = (opac/100);
		obj_target.filter = "alpha(opacity="+opac+")";
		setTimeout("fadeIn('"+target_obj+"',4)", 0);
	} 
}