$(document).ready(function(){

	function getUrlVars()
	{
	var vars = [], hash;
	var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');
	 
	for(var i = 0; i < hashes.length; i++)
	{
	hash = hashes[i].split('=');
	vars.push(hash[0]);
	vars[hash[0]] = hash[1];
	}
	 
	return vars;
	}

var hash = getUrlVars();

if(hash['mobile'] == "true"){
	openMobilePopup();
}
; 




});


function openMobilePopup(){
	
	var loaderWidth = 784;
	var loaderHeight = 331;	
	var xCenter = $(window).width() / 2;
	var yCenter = $(window).height() / 2;
	var loaderTop = yCenter - loaderHeight / 2;
	var loaderLeft = xCenter - loaderWidth / 2;		
	var divLoader = "<div id='md-loader' style='width:"+loaderWidth+"px;height:"+loaderHeight+"px;top:"+loaderTop+"px;left:"+loaderLeft+"px;'></div>";
	var imgLoadingAnim = "<img id='md-loadingAnim' src='/images/loading.gif' style='top:"+yCenter+"px;left:"+xCenter+"px;' />";
	var divLights = "<div id='md-lights'></div>";
	
	//#############################################
	// Add loader elements to DOM
	//#############################################
	
	$("body").prepend(divLoader,imgLoadingAnim,divLights);
		
	$("#md-lights").animate({
		"opacity": 0.8
	}, 200, function() {
		$("#md-loadingAnim").show().animate({
			width: 50,
			height: 50,
			top: yCenter - 25,
			left: xCenter - 25
		}, 200, function() {
			
			//#############################################
			// Load mobile div into loader
			//#############################################
			
			$("#md-loader").load("/mobilediv/index.html", function() {
				
				$("#md-loadingAnim").fadeOut(200, function() {
					$(this).remove();
					$("#md-loader").css({"top":loaderTop+10}).animate({
						opacity: 1,
						top: loaderTop
					}, 200, function() {
						$("#md-overlay").fadeOut(800, function(){
							showQRinfo($("#md-nav a.active").parent().attr("id").replace("md-",""));
						})
					})
				})
				
				//#############################################
				// Add mobile div functionality
				//#############################################
				
				$("#md-nav").click(function(evt) {
				
					if(evt.target.tagName !== "A" || evt.target.className == "active") return;
					
					var navId = "#" + evt.target.parentNode.id;
					var phoneClass = evt.target.parentNode.id + "-image";
					
					$("a", this).removeClass("active");	
					$(navId + " a").addClass("active");
					$("#md-phones").attr("class",phoneClass);
					$("#md-overlay").show().fadeOut(200, function(){
						showQRinfo(navId.replace("#md-",""));
					})
				})
				
			})
		})
	})
}

function showQRinfo(type) {
	
	return;
	
	$("#md-QRimage").html(type)
	
	$("#md-QRcontainer").animate({
		marginTop: 0
	}, 200)
}

function closeMobilePopup() {
	
	$("#md-loader").animate({
		opacity: 0,
		width: 0,
		height: 0,
		top: $(window).height(),
		left: $(window).width() / 2
	}, 200, function(){
		$(this).remove();
	});
	
	$("#md-lights").animate({
		opacity: 0
	}, function(){
		$(this).remove();
	});
}

$(window).resize(function(){
	
	var loaderXcenter = $("#md-loader").width() / 2;
	var loaderYcenter = $("#md-loader").height() / 2;
	
	$("#md-loader").css({
		top: $(window).height() / 2 - loaderYcenter,
		left: $(window).width() / 2 - loaderXcenter
	})
})