$(document).ready(function(){
	
		// set rounded corners
		$(".box").append("<span class='c-tl'></span><span class='c-tr'></span><span class='c-bl'></span><span class='c-br'></span>");


		//trigger overlay
		$('.trigger').click(function() {
		
			
			// reset height of overlay
			$('.overlay-bg').css({'height' : 0});


			// figure out which div to load
			loadid = $(this).attr("loadid");
			controlid = $('#'+loadid);

			
			// center overlay box on window
			var dwidth = $(document).width();
			var windowoffset = $(document).scrollTop();
			var windowheight = $(window).height();
			dwidth = (dwidth / 2) - 432;
			dtop = (windowoffset + (windowheight / 2))- (controlid.height() / 2);
			
			if (dtop < windowoffset){
				dtop = windowoffset + 40;
			}
			
			controlid.css({'left' : dwidth, 'top' : dtop});
			
			// show layers
			$('.overlay-bg').show();
			controlid.show();
			
			
			// set height of overlay to height of document
			var dheight = $(document).height();
			$('.overlay-bg').css({'height' : dheight});
			
			
			// reset tabs
			$('.detail-tabber > ul li').removeClass("active");
			$('.tabber-first').addClass("active");
			$('.details-info').hide();
			$('.detail-first').show();
			if (loadid=="pop-marketing"){
				swapit('#marketingrow2','#marketingrow1');
			}
			if (loadid=="pop-design"){
				swapit('#designrow2','#designrow1');
			}
			
			
			return false;
		});
		
		
		
		
		
		
		
		
		
		
		
		$('.overlay-bg').click(function() {
			// hide layers
			$('.overlay-bg').hide();
			$('.overlay-box').hide();
			return false;
		});
		
		$('.btn-close').click(function() {
			// hide layers
			$('.overlay-bg').hide();
			$('.overlay-box').hide();
			return false;
		});
		
		$('.btn-action').click(function() {
			// hide layers
			$('.overlay-bg').hide();
			$('.overlay-box').hide();
			return false;
		});
		
		
		
		
		
		// detail page tabber
		$('.detail-tabber > ul li').click(function(e) {
			$('.detail-tabber > ul li').removeClass("active");
			$(this).addClass("active");
			loadid = $(this).attr("loadid");
			$('.details-info').hide();
			$('#'+loadid).fadeIn('slow');
			return false;
		});
		

		
		
		
		
		// thumb-expander
		$('.loadthumb').click(function() {
			thumbsrc = $(this).attr("openscreen");
			if (!$(this).hasClass("active")){
				$('.loadthumb').removeClass("active");
				$(this).addClass("active");
				$('#screenviewer').attr({src: thumbsrc});
			}
		});
		
		
		
		



		
		
		
		
		
		
		
		// parse url and look for product name
		var loadprodid = gup('p');
		if (!(loadprodid=="")){
			
			popid = "#pop-" + loadprodid;
			controlid = $(popid);
			
			// check if popup exists
			if (controlid.length > 0) {

				// set height of overlay to height of document
				var dheight = $(document).height();
	
				$('.overlay-bg').css({'height' : dheight});
				
				// center overlay box on window
				var dwidth = $(document).width();
				var windowoffset = $(document).scrollTop();
				var windowheight = $(window).height();
				dwidth = (dwidth / 2) - 432;
				dtop = (windowoffset + (windowheight / 2))- (controlid.height() / 2);
				
				if (dtop < windowoffset){
					dtop = windowoffset + 40;
				}
				
				controlid.css({'left' : dwidth, 'top' : dtop});
				
				// show layers
				$('.overlay-bg').show();
				controlid.show();
				
				// reset tabs
				$('.detail-tabber > ul li').removeClass("active");
				$('.tabber-first').addClass("active");
				$('.details-info').hide();
				$('.detail-first').show();

			}

		}



		
	});
	
	

function gup(name){
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

function flipreset(){
	$("#carousel").css("background-position","0px 0px");
}

function flipit(product){
	switch(product){
		case "space":
			position = "0px -340px";
			break;
		case "bizspace":
			position = "0px -680px";
			break;
		case "commspace":
			position = "0px -1020px";
			break;
		case "transferme":
			position = "0px -1360px";
			break;
		case "hosting":
			position = "0px -1700px";
			break;
		case "protect":
			position = "0px -2040px";
			break;
		case "marketing":
			position = "0px -2380px";
			break;
		case "webaddress":
			position = "0px -2720px";
			break;
		case "mail":
			position = "0px -3060px";
			break;
		case "designdevelop":
			position = "0px -3400px";
			break;
		default:
			
		
	}	
	$("#carousel").css("background-position",position);	
}

function swapit(first,second){
	$(first).css("top","0px");
	$(second).css("top","41px");
}