/*!
 * osolabs.js
 * http://www.osolabs.com
 *
 * Copyright (c) 2009 Benjamin Chung
 */
 
 
 var header_rotate =2;
 var reset_timer = false;

 function rotate_header() {
	 
	
	if (reset_timer == false) {
		if (header_rotate == 1) {
			header_switch('web_dev');
		}
		else if (header_rotate == 2) {
			header_switch('hosting');
		}
		else if (header_rotate == 3) {
			header_switch('vps-dedicated-servers');
		}
		else if (header_rotate == 4) {
			header_switch('colo_data');
		}
		
		header_rotate++;
		if (header_rotate > 4) {
			header_rotate = 0;	
		}
	}

    var rotate = setTimeout("rotate_header()", 25000);	 
 }
 $(document).ready(function() {
	  
	   $('.header_right .header_bg').addClass('web_dev');
	   $('.learn_more a').attr({'href':'/website-development'});
	   
	   $('.header_menu .web_dev').mouseover(function() { header_rotate = 2;});
	   $('.header_menu .hosting').mouseover(function() {reset_timer = true; header_rotate = 3;});
	   $('.header_menu .vps-dedicated-servers').mouseover(function() {reset_timer = true; header_rotate = 4;});
	   $('.header_menu .colo_data').mouseover(function() {reset_timer = true; header_rotate = 1;});
	   
       $('.header_menu .web_dev').mouseout(function() {reset_timer = false; header_rotate = 2;});
	   $('.header_menu .hosting').mouseout(function() {reset_timer = false; header_rotate = 3;});
	   $('.header_menu .vps-dedicated-servers').mouseout(function() {reset_timer = false; header_rotate = 4;});
	   $('.header_menu .colo_data').mouseout(function() {reset_timer = false; header_rotate = 1;});
	   
	   $('.header_menu .web_dev').hoverIntent(function() {reset_timer = true; header_switch('web_dev'); }, function() {});
	   $('.header_menu .hosting').hoverIntent(function() {reset_timer = true; header_switch('hosting'); }, function() {});
	   $('.header_menu .vps-dedicated-servers').hoverIntent(function() {reset_timer = true; header_switch('vps-dedicated-servers'); }, function() {});
	   $('.header_menu .colo_data').hoverIntent(function() {reset_timer = true; header_switch('colo_data'); }, function() {});
	   
       rotate_header();
	   
	   
	   $('.collapse a').click(function() { $('.accord').toggle(); 
											if ($('.collapse a').html() == '[+]' ) {
												$('.collapse a').html("[-]");
											}
											else {
												$('.collapse a').html("[+]");
											}
											
											
									   });
	   
	   
	     $('a.collapse_menu').click(function() { $('.header').toggle(); 
											if ($('a.collapse_menu').html() == '[+]' ) {
												$('a.collapse_menu').html("[-]");
											}
											else {
												$('a.collapse_menu').html("[+]");
											}
											
											
		});
 });

 function header_switch(class_name) {
	 

	var left_header=$('.header_left');
		$('.web_dev').removeClass('active');
		$('.hosting').removeClass('active');
		$('.vps-dedicated-servers').removeClass('active');
		$('.colo_data').removeClass('active');	
		$('.header_left .' + class_name).addClass('active');
	
	
	var right_header=$('.header_right .header_bg');
	var learn_more = $('.learn_more a');
	var learn_more_link = '';
	right_header.hide('slide', {direction: 'right'}, 'fast', function() {
		right_header.removeClass('web_dev');
		right_header.removeClass('hosting');
		right_header.removeClass('vps-dedicated-servers');
		right_header.removeClass('colo_data');
		right_header.removeClass('.header_bg');
		right_header.addClass('.header_bg ' + class_name);
		
		
		if (class_name == 'web_dev') {
			learn_more_link = '/website-development';
		}
		else if (class_name == 'hosting') {
		
			learn_more_link = '/website-hosting';
		}
		else if (class_name == 'vps-dedicated-servers') {
		
			learn_more_link = '/vps-dedicated-servers';
		}
		else if (class_name == 'colo_data') {
		
			learn_more_link = '/colocation-data-center';
		}
		else {
		
			learn_more_link = '/';
		}
		
		
		learn_more.attr({'href':learn_more_link});
		
		right_header.show('slide', {direction: 'right'}, 'fast');
	}).queue(function () {
	  $(this).dequeue();
	});

 
 }
 
 function blink_image_down(class_name) {
 
	$('.' +class_name).fadeOut('fast', function() {
	
		$('.' + class_name).fadeIn('fast')
	});

 }