// JavaScript Document
$(document).ready(function(){
	var index;
	$('#frm-busca').defineText();
	$('#frm-dominio').defineText();		
	$('#frm-email').defineText();
	$('.defineForm').defineText();
	
	$('#boxe-cliente').find('a').click(function(){ 
		var objBoxe = $('#boxe-cliente');
		switch($(this).attr('id'))
		{
			case 'bx-cliente':
				var form='';
				form += '<form action="http://www.sunline.com.br/cs/dologin.php" class="defineForm"><fieldset>';
				form += '<label><input type="text" class="defineText cinza w118px" name="user" id="user" value="usuario" /></label>';
				form += '<label><input type="password" class="defineText cinza w80px" name="password" id="password" value="senha" /></label>';
				form += '<input type="submit" value="OK" class="botao" /></fieldset></form>';
				$(objBoxe).find('div').html(form);
				$('.defineForm').defineText();
				break;
			case 'bx-email':
				var form='';
				form += '<form action="http://www.sunlineasp.com.br:2095/login/" class="defineForm"><fieldset>';
				form += '<input type="hidden" name="login_theme" value="cpanel">';
				form += '<input type="hidden" name="goto_uri" value="/">';
				form += '<label><input type="text" class="defineText cinza w118px" name="user" id="user" value="usuario@sunline.com.br" /></label>';
				form += '<label><input type="password" class="defineText cinza w80px" name="pass" id="pass" value="senha" /></label>';
				form += '<input type="submit" value="OK" class="botao" /></fieldset></form>';
				$(objBoxe).find('div').html(form);
				$('.defineForm').defineText();
				break;
		}
		if($(this).hasClass('desativo')){
			$('#boxe-cliente').find('a[class*=ativo]').removeClass('ativo').addClass('desativo');
			$(this).removeClass('desativo').addClass('ativo');
		}
		return false; 										
	});
	
	$(".boxe-hide").click(function(){
		if($('*').index(this) != index ){
			$(".boxe-hide div").slideUp(1000);
			$(this).find('div').slideDown(1000);
			index = $('*').index(this);
		}else{
			$(this).find('div').slideUp(1000);
			index = null;
		}
	}).css({'cursor':'pointer'});
	
	$("form.validate").submit(function(){
		var msg 	= 'Ocorreu alguns erros alguns campos são obrigatórios: \n';
		var input 	= $(this).find("input[class*=require]");
		var select 	= $(this).find("select[class*=require]");
		var flag	= true;
		
		msg +="---------------------------------------------------------------------\n";
		
		input.each(function(){
			if ($(this).val() == '') {
				msg += "Campo '" + $(this).attr('title') + "' é obrigatório.\n";
				flag = false;
			}
		});
		select.each(function(){
			if ($(this).val() == '') {
				msg += "Campo '" + $(this).attr('title') + "' é obrigatório.\n";
				flag = false;
			}
		});
		msg +="---------------------------------------------------------------------\n";
		msg +="Obs: Corrija ou preencha os campos para continuar.";
		if(!flag){
			alert(msg);
		}
		return flag;
	});
	
	
	
	var timer;
	function button1_click(event)
	{
		$(".slide").css("visibility","hidden");
		$("#image1").css("visibility","visible");
		$("#image1").css("opacity","0");
		$("#image1").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#image1").animate({"opacity":1},300, "linear", null);
		$("#button1").addClass("active");
		clearTimeout(timer);
		timer = setTimeout(eval("button2_click"),"5000");
		$("#image1").animate({"opacity":1},300, "linear", null);
	}
	
	function button2_click(event)
	{
		$(".slide").css("visibility","hidden");
		$("#image2").css("visibility","visible");
		$("#image2").css("opacity","0");
		$("#image2").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#image2").animate({"opacity":1},300, "linear", null);
		$("#button2").addClass("active");
		clearTimeout(timer);
		timer = setTimeout(eval("button3_click"),"5000");
		$("#image2").animate({"opacity":1},300, "linear", null);
	}
	
	function button3_click(event)
	{
		$(".slide").css("visibility","hidden");
		$("#image3").css("visibility","visible");
		$("#image3").css("opacity","0");
		$("#image3").animate({"opacity":1},300, "linear", null);
		$("ul.buttons li").removeClass("active");
		$("#image3").animate({"opacity":1},300, "linear", null);
		$("#button3").addClass("active");
		clearTimeout(timer);
		timer = setTimeout(eval("button1_click"),"5000");
		$("#image3").animate({"opacity":1},300, "linear", null);
	}
	
	function OnLoad(event)
	{
		 clearTimeout(timer);
		 timer = setTimeout(eval("button2_click"),"5000");
	}
	
	$('#button1').bind('click', button1_click);
	
	$('#button2').bind('click', button2_click);
	
	$('#button3').bind('click', button3_click);
	
	OnLoad();


	
});