var deviceIphone = "iphone";
var deviceIpod = "ipod";
var uagent = navigator.userAgent.toLowerCase();
var defaultWidth = 0;
var divLeftMargin;
var thisLeftMargin;
var selectedDiv;
var selectedDiv_h;
var selectedMargin;
var selectedMargin_h;
var conteudosMargin;
var conteudosMargin_h;
var slidingMargin;
var slidingMargin_h;
//
if (uagent.search(deviceIphone) > -1 || uagent.search(deviceIpod) > -1) {
	defaultWidth = 320;
} else {
	defaultWidth = 100;
}
//
var allHTMLTags = new Array();
function getElementByClass(theClass) {
	var allHTMLTags=document.getElementsByTagName("*");
	for (i=0; i<allHTMLTags.length; i++) {
		if (allHTMLTags[i].className == theClass) {
			if(defaultWidth == 320) {
				allHTMLTags[i].style.width = defaultWidth + 'px';
			} else {
				allHTMLTags[i].style.width = defaultWidth + '%';
			}
		}
	}
}
function corrigir_left(theClass) {
	var allHTMLTags=document.getElementsByTagName("*");
	for (i=0; i<allHTMLTags.length; i++) {
		if (allHTMLTags[i].className == theClass) {
			if(defaultWidth == 320) {
				allHTMLTags[i].style.left = 30 + 'px';
			} else {
				allHTMLTags[i].style.left = 4.2 + 'px';
			}
		}
	}
}
function corrigir_h_titulo(theClass) {
	var allHTMLTags=document.getElementsByTagName("*");
	for (i=0; i<allHTMLTags.length; i++) {
		if (allHTMLTags[i].className == theClass) {
			if(defaultWidth == 320) {
				allHTMLTags[i].style.height = 41 + 'px';
				corrigir_top_textos_corridos('textos_corridos');
			} else {
				allHTMLTags[i].style.height = 23 + 'px';
				corrigir_top_textos_corridos('textos_corridos');
			}
		}
	}
}
function corrigir_top_textos_corridos(theClass) {
	if(defaultWidth == 320) {
		document.getElementById('textos_corridos_dg').style.paddingTop = 53 + 'px';
		document.getElementById('textos_corridos_wd').style.paddingTop = 53 + 'px';
		document.getElementById('textos_corridos_wh').style.paddingTop = 53 + 'px';
		document.getElementById('textos_corridos_tp').style.paddingTop = 53 + 'px';
		//document.getElementById('textos_corridos_ev').style.paddingTop = 53 + 'px';
		document.getElementById('textos_corridos_rf').style.paddingTop = 53 + 'px';
		document.getElementById('textos_corridos_lk').style.paddingTop = 53 + 'px';
		document.getElementById('textos_corridos_cnts').style.paddingTop = 53 + 'px';
	} else {
		document.getElementById('textos_corridos_dg').style.paddingTop = 35 + 'px';
		document.getElementById('textos_corridos_wd').style.paddingTop = 35 + 'px';
		document.getElementById('textos_corridos_wh').style.paddingTop = 35 + 'px';
		document.getElementById('textos_corridos_tp').style.paddingTop = 35 + 'px';
		//document.getElementById('textos_corridos_ev').style.paddingTop = 35 + 'px';
		document.getElementById('textos_corridos_rf').style.paddingTop = 35 + 'px';
		document.getElementById('textos_corridos_lk').style.paddingTop = 35 + 'px';
		document.getElementById('textos_corridos_cnts').style.paddingTop = 35 + 'px';
	}
}
function corrigir_scrolls() {
	var body_width = 0, body_height = 0;
	if( typeof( window.innerWidth ) == 'number' ) {
		//Non-IE
		body_width = window.innerWidth;
		body_height = window.innerHeight;
	} else if ( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
		//IE 6+ in 'standards compliant mode'
		body_width = document.documentElement.clientWidth;
		body_height = document.documentElement.clientHeight;
	} else if ( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
		//IE 4 compatible
		body_width = document.body.clientWidth;
		body_height = document.body.clientHeight;
	}
	var altura_header = document.getElementById('header').style.height;
	document.getElementById('design_grafico').style.height = body_height - altura_header - 26 + 'px';
	document.getElementById('design_grafico').style.overflowY = 'auto';
	document.getElementById('web_design').style.height = body_height - altura_header - 26 + 'px';
	document.getElementById('web_design').style.overflowY = 'auto';
	document.getElementById('hosting').style.height = body_height - altura_header - 26 + 'px';
	document.getElementById('hosting').style.overflowY = 'auto';
	document.getElementById('textil').style.height = body_height - altura_header - 26 + 'px';
	document.getElementById('textil').style.overflowY = 'auto';
	//document.getElementById('events').style.height = body_height - altura_header - 26 + 'px';
	//document.getElementById('events').style.overflowY = 'auto';
	document.getElementById('refs').style.height = body_height - altura_header - 26 + 'px';
	document.getElementById('refs').style.overflowY = 'auto';
	document.getElementById('links').style.height = body_height - altura_header - 26 + 'px';
	document.getElementById('links').style.overflowY = 'auto';
	document.getElementById('contactos').style.height = body_height - altura_header - 26 + 'px';
	document.getElementById('contactos').style.overflowY = 'auto';
}
// posiciona as coisas lado a lado
function resetMargin(defaultWidth) {
	divLeftMargin = 0;
	$('.additional-block').each(function() {
		if(defaultWidth == 320) {
			thisLeftMargin = divLeftMargin + 'px';
		} else {
			thisLeftMargin = divLeftMargin + '%';
		}
		$(this).css('margin-left', thisLeftMargin);
		divLeftMargin = divLeftMargin + defaultWidth;
	});
}
//
if(defaultWidth != 320) {
	window.onresize = corrigir_scrolls;
}
//
$(document).ready(function() {
	if(defaultWidth == 320) {
		$('.titulo').prepend('<div class="tit_direita"><div class="sm_0_g" align="center"><a href="#menu"><< menu</a></div><div class="sm_1_g" align="center"><a href="#design_grafico">Gd</a></div><div class="sm_2_g" align="center"><a href="#web_design">Wd</a></div><div class="sm_3_g" align="center"><a href="#hosting">Wh</a></div><div class="sm_4_g" align="center"><a href="#textil">Tp</a></div><div class="sm_6_g" align="center"><a href="#refs">Rf</a></div><div class="sm_7_g" align="center"><a href="#links">Fr</a></div><div class="sm_8_g" align="center"><a href="#contactos">Cnt</a></div></div>');
	} else {
		$('.titulo').prepend('<div class="tit_direita"><div class="sm_0" align="center"><a href="#menu"><< menu</a></div><div class="sm_1" align="center"><a href="#design_grafico">Gd</a></div><div class="sm_2" align="center"><a href="#web_design">Wd</a></div><div class="sm_3" align="center"><a href="#hosting">Wh</a></div><div class="sm_4" align="center"><a href="#textil">Tp</a></div><div class="sm_6" align="center"><a href="#refs">Rf</a></div><div class="sm_7" align="center"><a href="#links">Fr</a></div><div class="sm_8" align="center"><a href="#contactos">Cnt</a></div></div>');
	}	
	//
	$('.menu a').click(function(event) {
		event.preventDefault();
		selectedDiv	= $(this).attr('href');
		selectedMargin = $(selectedDiv).css('margin-left');
		conteudosMargin = $('.conteudos').css('margin-left');
		selectedParent = $(this).parents('.additional-block');
		if((parseInt(selectedMargin) - defaultWidth) >= defaultWidth) {
			selectedParent.after($(selectedDiv));
			resetMargin(defaultWidth);
			if(defaultWidth == 320) {
				$(".conteudos").animate({'right': defaultWidth + "px"},{queue:false,duration:400});
			} else {
				$(".conteudos").animate({'right': defaultWidth + "%"},{queue:false,duration:400});
			}
		} else {
			resetMargin(defaultWidth);
			if(defaultWidth == 320) {
				$(".conteudos").animate({'right': defaultWidth + "px"},{queue:false,duration:400});
			} else {
				$(".conteudos").animate({'right': defaultWidth + "%"},{queue:false,duration:400});
			}
		}
		window.scrollTo(0, 1);
	});
	$('.titulo a').click(function(event) {
		event.preventDefault();
		selectedDiv	= $(this).attr('href');
		selectedMargin = $(selectedDiv).css('margin-left');
		conteudosMargin = $('.conteudos').css('margin-left');
		selectedParent = $(this).parents('.additional-block');
		if(!selectedMargin || selectedMargin == "auto" || selectedMargin == null) {
			if(defaultWidth == 320) {
				$(".conteudos").animate({'right': 0 + "px"},{queue:false,duration:400});
			} else {
				$(".conteudos").animate({'right': 0 + "%"},{queue:false,duration:400});
			}
		} else {
			//alert(selectedMargin);
			$(".conteudos").animate({'right': selectedMargin},{queue:false,duration:400});
		}
		window.scrollTo(0, 1);
	});
	//
	if(defaultWidth == 320) {
		document.getElementById('header').style.width = defaultWidth - 4.5 + 'px';
		document.getElementById('conteudos').style.width = defaultWidth + 'px';
		document.getElementById('start').style.width = defaultWidth + 'px';
		document.getElementById('mascara').style.left = defaultWidth + 'px';
		document.getElementById('mascara').style.height = 500 + "%";
		document.getElementById('footer').style.width = defaultWidth + 'px';
		document.getElementById('textos_corridos_cnts').style.width = 100 + "%";
		document.getElementById('contactname').style.width = 100 + "%";
		document.getElementById('email').style.width = 100 + "%";
		document.getElementById('subject').style.width = 100 + "%";
		document.getElementById('message').style.width = 100 + "%";
		getElementByClass('additional-block');
		getElementByClass('titulo');
		corrigir_h_titulo('titulo');
		corrigir_left('portfolio');
	} else {
		document.getElementById('header').style.width = defaultWidth  + '%';
		document.getElementById('conteudos').style.width = defaultWidth + '%';
		document.getElementById('start').style.width = defaultWidth + '%';
		document.getElementById('mascara').style.left = defaultWidth + '%';
		document.getElementById('mascara').style.height = 1000 + "%";
		document.getElementById('footer').style.width = defaultWidth + '%';
		corrigir_scrolls();
		getElementByClass('additional-block');
		getElementByClass('titulo');
		corrigir_h_titulo('titulo');
		corrigir_left('portfolio');
	}
	$("#contactform").validate();
	resetMargin(defaultWidth);
	window.scrollTo(0, 1);
});