var slide1, slide2;
$(document).ready(function(){
	$("h2").ieffembedfix();
	$("a#single_image").fancybox({
			padding: 0
		});	
});


$(window).load(function()
	{
		Stuzo.checkInputs('sbupdate');
		/*================ focusing rules in footer ============ */
		$('#sbupdate input[type="text"]').focus(function(){
			$(this).parent().addClass('focused');
		});
		$('#sbupdate input[type="text"]').blur(function(){
			if(!$(this).val()) $(this).parent().removeClass('focused');
		});
		
		
	}		
);


var Stuzo = {
	submitSBU	: 	function(formId){
		$(".errorBox").html('');
		var error = false;
		$('#'+formId+' input[type="text"]').each(function(){
			if( !$(this).val() && $(this).attr('id')!='sbuCompany') {
				$(".errorBox").html( Stuzo.errorMessages( $(this).attr('id') ) );
				error = true;
				return false;
			}
			if( $(this).attr('id')=='sbuEmail' && !Stuzo.checkEmail( $(this).val() ) ) {$(".errorBox").html(Stuzo.errorMessages($(this).attr('id')));error = true;}
		});
		if(error) return false;
		$.ajax({
			type: "POST",
			dataType: 'json',
			url: '/ajax.php',
			data: $('#'+formId).serializeArray(),
			success: function(response){
                $('#colophon_popup').css('display','block');
                $("#sbuFirstName").val("").parent().removeClass("focused");
                $("#sbuLastName").val("").parent().removeClass("focused");
                $("#sbuEmail").val("").parent().removeClass("focused");
                $("#sbuCompany").val("").parent().removeClass("focused");
			},
			error: function(){
				alert('error');
			}
		});
	},
	checkInputs	:	function(formId){
		$('#'+formId+' input[type="text"]').each(function(){
			if($(this).val()) $(this).parent().addClass('focused');
		}	
		);
	},
	checkEmail	: function(value){
		return /^([a-z0-9_\.\-\+]+)@([\da-z\.\-]+)\.([a-z\.]{2,6})$/i.test(value);
	},
    popupRegister : function() {
        if (Stuzo.checkFields()) {
            var _form = $('#popup_form').serialize();
            $.ajax({
                type: "POST",
                dataType: 'json',
                url: '/ajax.php',
                data: _form,
                success: function(response){
                    if(response.send) {
                        contact_popup_view_close();
                        document.getElementById('popup_form').reset();
						$("#target dt a").html('select <span class="value"></span>');
						$("body").append(response.html);
                    } else {
                        //alert('error');
                    }
                },
                error: function(){
                    //alert('error');
                }
            });
        }
    },
    checkFields : function() {
        if (Stuzo.checkValue('text', 'c_name', true))
        if (Stuzo.checkValue('text', 'company', true))
        if (Stuzo.checkValue('email', 'email', true))
        if (Stuzo.checkValue('phone', 'regTextPhone', true))
        if (Stuzo.checkValue('select', 'budget', true))
        if (Stuzo.checkValue('text', 'description', true))
        {
            return true;
        }

        return false;
    },
    checkValue : function(typing, block, message) {
        var _input = document.getElementById(block);
        var _check = false;

        var _regexMail = /^([a-z0-9_\.\-\+]+)@([\da-z\.\-]+)\.([a-z\.]{2,6})$/i;
        var _regexPhone = /^[0-9]{10}$/;
        var _regexNum = /^[0-9]{3,4}$/;

        if (typing == 'email') {
            _check = (_regexMail.test(_input.value));
        } else if (typing == 'phone') {
            if (block == 'regTextPhone1' || block == 'regTextPhone2' || block == 'regTextPhone3') {
                _check = (_regexNum.test(_input.value));
            } else {
                _check = (_regexPhone.test(_input.value));
            }
        } else if (typing == 'text') {
			if(block=='email') _check = (_regexMail.test(_input.value));
            else _check = (_input.value.length > 0);
        } else if (typing == 'select') {
			//console.log(_input.value);
            _check = (_input.value.length > 0 && _input.value != '0');
        }

        if (_check) {
            if (block == 'regTextPhone1' || block == 'regTextPhone2' || block == 'regTextPhone3') {
                document.getElementById('regTextPhone').value = document.getElementById('regTextPhone1').value + document.getElementById('regTextPhone2').value + document.getElementById('regTextPhone3').value;
                if(_regexPhone.test(document.getElementById('regTextPhone').value))
                {
                    $('#regTextPhone_error').css('display','none');
                }
            } else {
                $('#'+block+'_error').css('display','none');
            }
            return true;
        } else {
            if (message) {
                $('#'+block+'_error').css('display','block');
                $('#'+block+'_error').html(regErrorMessages[typing + '_' + block]);
            } else {
                if (block == 'regTextPhone1' || block == 'regTextPhone2' || block == 'regTextPhone3') {
                    $('#regTextPhone_error').css('display','block');
                    $('#regTextPhone_error').html(regErrorMessages['phone_regTextPhone']);
                } else {
                    $('#'+block+'_error').css('display','none');
                }
            }

            if (block == 'regTextPhone') {
                document.getElementById('regTextPhone1').focus();
            } else {
                _input.focus();
            }
        }

        return false;
    },
    onChangePhone : function(el) {
        switch (el.id) {
            case 'regTextPhone1':
                if (document.getElementById('regTextPhone1').value.length == 3 && document.getElementById('regTextPhone2').value.length < 3) {
                    $('#regTextPhone2').focus();

                }
                break;

            case 'regTextPhone2':
                if (document.getElementById('regTextPhone2').value.length == 3 && document.getElementById('regTextPhone3').value.length < 4) {
                    $('#regTextPhone3').focus();
                }
                break;

            default:
                break;

        }

        document.getElementById('regTextPhone').value = document.getElementById('regTextPhone1').value + document.getElementById('regTextPhone2').value + document.getElementById('regTextPhone3').value;
    },
	errorMessages: function(id){
		return eMessages[id];
	},
	closeThankYouPopup: function(id){
		$("#"+id).animate( {'opacity':'0'}, function(){ $(this).remove(); } );
	}

}

var regErrorMessages = {
	'text_c_name'        : 'Please enter your name.',
	'text_company'       : 'Please enter your company name.',
	'phone_regTextPhone' : 'Please enter your telephone number.',
	'email_email'        : 'Please enter your email.',
    'select_budget'      : 'Please select your budget.',
    'text_description'   : 'Please enter a brief description of your reason for contacting Stuzo.'
};


var eMessages = new Array();
eMessages['sbuFirstName'] = 'Please enter your first name';
eMessages['sbuLastName'] = 'Please enter your last name';
eMessages['sbuEmail'] = 'Please enter your email';


function colophon_close_popup()
{
    $('#colophon_popup').css('display','none');
}

function contact_popup()
{
    $('#contact_popup_view').css('display','block');
	$("#contact_popup_view").animate( {'opacity':'1', 'display':'block'} );
}

function contact_popup_view_close()
{
	$("#contact_popup_view").animate( {'opacity':'0'}, function(){$('#contact_popup_view').css('display','none');} );
}



$(document).ready(function() {
	createDropDown('budget', 'dd_container', 'target');
	createDropDown('cc_budget', 'cc_container', 'cc_target');

});

function createDropDown(sorce, target_container, options_target){

	if(options_target=='target') { var dd_popup = 'dropdown'; var page_popup = 'popup_content'; }
	else { var dd_popup = 'page_dropdown'; var page_popup = 'contact-page'; }

	var source = $("#"+sorce);
	var selected = source.find("option[selected]");
	var options = $("option", source);
	var s_text = (selected.text())?selected.text():'Select';
	$("#"+target_container).append('<dl id="'+options_target+'" class="'+dd_popup+'"></dl>')
	$("#"+options_target).append('<dt><a>' + s_text +
		'<span class="value">' + selected.val() +
		'</span></a></dt>')
	$("#"+options_target).append('<dd><ul></ul></dd>')

	options.each(function(){
		if(this.text!='select'){
			$("#"+options_target+" dd ul").append('<li><a>' +
				$(this).text() + '<span class="value">' +
				$(this).val() + '</span></a></li>');
		}
	});
	$("#"+sorce).css('display', 'none');


	$("."+dd_popup+" dt a").click(function() {
		$("."+dd_popup+" dd ul").toggle();
	});

	$("."+page_popup+"").bind('click', function(e) {
		var $clicked = $(e.target);
		if (! $clicked.parents().hasClass(dd_popup))
			$("."+dd_popup+" dd ul").hide();
		return false;
	});

	$("."+dd_popup+" dd ul li a").click(function() {
		var text = $(this).html();
		$("."+dd_popup+" dt a").html(text);
		$("."+dd_popup+" dd ul").hide();

		var source = $("#"+sorce);
		source.val($(this).find("span.value").html())
	});

}