function load_colorbox() { 
	if(jQuery().colorbox) {
		colorbox_start();
	} else {
		if($('.colorbox').length > 0) {
			$.ajax({ url:'/css/jquery.colorbox.css', success:function(data) {
				$('body').append('<style>' + data + '</style>');
				$.getScript('/js/jquery.colorbox-1.3.17.js', function() {
					colorbox_start();
				});
			} });
		}
	}
}

function colorbox_start() {
	$('.colorbox.zoomin').colorbox({
		current: '{current} / {total}',
		maxWidth: '950px',
		maxHeight: '95%',
		scalePhotos: true,
		opacity: 0.7
	});
	$('.colorbox.quoteform').colorbox({
		innerWidth: '450px',
		innerHeight: '380px',
		iframe: true,
		title: 'Free Web Design Quote',
		scrolling: false,
		opacity: 0.7
	});
}

function load_menu() {
	$('ul.head li a:not(ul.head li.social a)').each(function() {
		var element = $(this);
		$.data(element, 'title', element.attr('title'));
		element.removeAttr('title');
	});
	$('<img />').attr('src', '/images/head/vsimenu-hover.png');
	$('<img />').attr('src', '/images/head/vsimenu-sub-bot.png');
	$('<img />').attr('src', '/images/head/vsimenu-sub-bg.png');
	$('<img />').attr('src', '/images/head/vsimenu-sub-wide-bot.png');
	$('<img />').attr('src', '/images/head/vsimenu-sub-wide-left.png');
	$('<img />').attr('src', '/images/head/vsimenu-sub-wide-right.png');
}

var form_alone = false;
function ajax_submit_form_alone() {
	console.log('form_alone');
	form_alone = true;
}

function close_ajax_form() {
	parent.$.fn.colorbox.close();
}

function track_click(category, link_name, link_element) {
	_gat._getTrackerByName()._trackEvent(category, link_name);
	if(link_element != null) {
		setTimeout('document.location = "' + link_element.attr('href') + '"', 150);
	}
}

//Visionary Services - Standard JavaScript
$(document).ready(function() {
	load_menu();
	load_colorbox();
	
	// Hide and Show Phone number
	$('.head #phonecall, .head .phonecall').click(function() {
		$('ul.head li.phonecall').fadeToggle();
		track_click('Display Phone Number', 'Display Phone Number');
		return false;
	});
	
	//Hide and Show prefilled content
	$('.prefill').focus(function() {
		if($(this).val() == 'you@domain.com') {
			$(this).val('').css('font-style','normal').css('color','#000000');
		}
	});
	$('.prefill').blur(function() {
		if($(this).val() == '') {
			$(this).val('you@domain.com').css('font-style','italic').css('color','#666666');
		}
	});
	
	//Breadcrumb styling
	$('.breadcrumb li:last').css('background-image', 'none');
	
	//AJAX post form submission
	function ajax_submit_form(form_id, submit_url) {
		var form_result_box = form_id + '_result';
		var data_string = '';
		$('#' + form_id + ' input, #' + form_id + ' select, #' + form_id + ' textarea').each(function() {
			data_string = data_string + $(this).attr('name') + '=' + $(this).val() + '&';
		});
		data_string = data_string + 'ajax=true';
		$.ajax({
			type: "POST",
			url: submit_url,
			data: data_string,
			dataType: "html",
			success: function(result) {
				if(result=='ok') {
					$('#' + form_id).fadeOut(1500, function() {
						$('#' + form_result_box + ':visible').removeClass('result_box_error').empty();
						$('#' + form_result_box).fadeIn(1500).addClass('result_box_ok').html('<strong>Thank you! Your request has been sent.</strong>');
						if(form_alone == true) {
							setTimeout('close_ajax_form()', 3000);
						}
					});
				} else {
					$('#' + form_result_box).hide().addClass('result_box_error').html(result).fadeIn(1500);
				}
			},
			complete: function(result, status) {
				if(status!='success') {
					$('#' + form_id).submit();
				}
			}
		});
	}
		
	//Get an Estimate form submissions
	$('#small_estimate_submit').click(function() {
		ajax_submit_form('small_estimate', '/get_estimate.php');
		return false;
	});
	$('#rightest_submit').click(function() {
		ajax_submit_form('rightest', '/get_estimate.php');
		return false;
	});
	
	//Drop Down Menu - for IE6
	if($.browser.msie && parseFloat($.browser.version)<=6.0) {
		$("ul.head li:has(ul)").hover(function() {
			$('.sub', this).addClass('iehover').show();
		}, function() {
			$('.sub', this).removeClass('iehover').hide();
		});
	}
});
