$(document).ready(function () {
	// for references and activity/websites pages
	$('#references li').click(function (){
		var url = $(this).attr('rel');
		window.open(url);
		
		return false;
	});
	
	$('#headerMenu ul li').click(function (){
		var rel = $(this).attr('rel');
		var type = rel.substr(0, 3);
		
		switch(type){
			case 'hsm':
				//do nothing
			break;
			default:
				window.location.href = rel;
			break;
		}
	});
	
	// for menu
	var currentSubMenu;
	
	$('#headerMenu ul li').mouseover(function (){
		var rel = $(this).attr('rel');
		var type = rel.substr(0, 3);
		
		// if there is a submenu showing
		// then we hide it
		if(currentSubMenu && currentSubMenu != rel){
			$('#' + currentSubMenu).slideUp("slow");
			currentSubMenu = '';
		}
		
		switch(type){
			case 'hsm':
				// show menu
				if(currentSubMenu != rel){
					$('#' + rel).slideDown("slow");
					currentSubMenu = rel;
				}
			break;
			default:
				// do nothing
			break;
		}
		
		$(this).animate({
			backgroundColor: "#C22E24",
			color: '#ffffff'
		}, 500, null, function() {
			this.style.backgroundColor = '#C22E24';
			this.style.color = '#ffffff';
		});
	});
	
	$('#headerMenu ul li').mouseout(function (){
		$(this).animate({
			backgroundColor: "#b2b6b9",
			color: '#000000'
		}, 500, null, function() {
			this.style.backgroundColor = '#b2b6b9';
			this.style.color = '#000000';
		});
	});
	
	$('.headerSubMenu li').click(function (){
		var rel = $(this).attr('rel');
		window.location.href = rel;
		
		return false;
	});
	
});


// slideshow_Services
var previousService;
function slideContentServices() {
	if(previousService){
		$(previousService).removeClass('selected');
		$('#ss_Services_' + $(previousService).attr('rel')).slideUp(400);
		
		var next;
		if(previousService.index()+1 >= $('#ss_Services li').size()){
			next = $('#ss_Services li:eq(0)');
		} else {
			next = previousService.next();
		}
		
		$(next).addClass('selected');
		$('#ss_Services_' + $(next).attr('rel')).slideDown(400);
		
		// hide previous pic
		$('#ss_Services_Img li:eq(' + ($(previousService).attr('rel')-1) + ')').slideUp('slow');
		// show new big picture
		$('#ss_Services_Img li:eq(' + ($(next).attr('rel')-1) + ')').slideDown('slow');
		
		// hide previous desc
		$('#ss_Services_Desc li:eq(' + ($(previousService).attr('rel')-1) + ')').slideUp('slow');
		// show new desc
		$('#ss_Services_Desc li:eq(' + ($(next).attr('rel')-1) + ')').slideDown('slow');
		
		previousService = next;
	} else {
		$('#ss_Services li:eq(0)').addClass('selected');
		$('#ss_Services_' + $('#ss_Services li:eq(0)').attr('rel')).slideDown(400);
		
		// show the big picture
		$('#ss_Services_Img li:eq(' + ($('#ss_Services li:eq(0)').attr('rel')-1) + ')').show();
		// show the desc
		$('#ss_Services_Desc li:eq(' + ($('#ss_Services li:eq(0)').attr('rel')-1) + ')').show();
		
		previousService = $('#ss_Services li:eq(0)');
	}
}

$(document).ready(function () {
	// switch between services
	$('#ss_Services li').mouseover(function () {
		if(previousService == this)	return;
		
		if(previousService)
			$(previousService).removeClass('selected');
			$('#ss_Services_' + $(previousService).attr('rel')).hide();
		
		$(this).addClass('selected');
		$('#ss_Services_' + $(this).attr('rel')).show();
		
		// hide previous pic
		$('#ss_Services_Img li:eq(' + ($(previousService).attr('rel')-1) + ')').hide();
		// show new big picture
		$('#ss_Services_Img li:eq(' + ($(this).attr('rel')-1) + ')').show();
		
		// hide previous desc
		$('#ss_Services_Desc li:eq(' + ($(previousService).attr('rel')-1) + ')').hide();
		// show new desc
		$('#ss_Services_Desc li:eq(' + ($(this).attr('rel')-1) + ')').show();
		
		previousService = $('#ss_Services li:eq(' + $('#ss_Services li').index(this) + ')');
	});
	
	// auto switch / slideshow
	$('#ss_Services').hover(
		function () {
			clearInterval(slideTimerServices);
		},
		function () {
			slideTimerServices = setInterval('slideContentServices()', 5000);
		}
	);
	
	slideContentServices();
	var slideTimerServices = setInterval('slideContentServices()', 5000);
});


// slideshow_Websites
var previousWebsite;
function slideContentWebsites() {
	if(previousWebsite){
		$(previousWebsite).removeClass('selected');
		$('#ss_Websites_' + $(previousWebsite).attr('rel')).slideUp(400);
		
		var next;
		if(previousWebsite.index()+1 >= $('#ss_Websites li').size()){
			next = $('#ss_Websites li:eq(0)');
		} else {
			next = previousWebsite.next();
		}
		
		$(next).addClass('selected');
		$('#ss_Websites_' + $(next).attr('rel')).slideDown(400);
		
		// hide previous pic
		$('#ss_Websites_Img li:eq(' + ($(previousWebsite).attr('rel')-1) + ')').slideUp('slow');
		// show new big picture
		$('#ss_Websites_Img li:eq(' + ($(next).attr('rel')-1) + ')').slideDown('slow');
		
		// hide previous desc
		$('#ss_Websites_Desc li:eq(' + ($(previousWebsite).attr('rel')-1) + ')').slideUp('slow');
		// show new desc
		$('#ss_Websites_Desc li:eq(' + ($(next).attr('rel')-1) + ')').slideDown('slow');
		
		previousWebsite = next;
	} else {
		$('#ss_Websites li:eq(0)').addClass('selected');
		$('#ss_Websites_' + $('#ss_Websites li:eq(0)').attr('rel')).slideDown(400);
		
		// show the big picture
		$('#ss_Websites_Img li:eq(' + ($('#ss_Websites li:eq(0)').attr('rel')-1) + ')').show();
		// show the desc
		$('#ss_Websites_Desc li:eq(' + ($('#ss_Websites li:eq(0)').attr('rel')-1) + ')').show();
		
		previousWebsite = $('#ss_Websites li:eq(0)');
	}
}

$(document).ready(function () {
	// switch between services
	$('#ss_Websites li').mouseover(function () {
		if(previousWebsite == this)	return;
		
		if(previousWebsite)
			$(previousWebsite).removeClass('selected');
			$('#ss_Websites_' + $(previousWebsite).attr('rel')).hide();
		
		$(this).addClass('selected');
		$('#ss_Websites_' + $(this).attr('rel')).show();
		
		// hide previous pic
		$('#ss_Websites_Img li:eq(' + ($(previousWebsite).attr('rel')-1) + ')').hide();
		// show new big picture
		$('#ss_Websites_Img li:eq(' + ($(this).attr('rel')-1) + ')').show();
		
		// hide previous desc
		$('#ss_Websites_Desc li:eq(' + ($(previousWebsite).attr('rel')-1) + ')').hide();
		// show new desc
		$('#ss_Websites_Desc li:eq(' + ($(this).attr('rel')-1) + ')').show();
		
		previousWebsite = $('#ss_Websites li:eq(' + $('#ss_Websites li').index(this) + ')');
	});
	
	// auto switch / slideshow
	$('#ss_Websites').hover(
		function () {
			clearInterval(slideTimerWebsites);
		},
		function () {
			slideTimerWebsites = setInterval('slideContentWebsites()', 5000);
		}
	);
	
	slideContentWebsites();
	var slideTimerWebsites = setInterval('slideContentWebsites()', 7500);
});