var urlHead = 'http://localhost/PicNetWebSite/Pixeon.mvc';
	var emailRegex = /\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/;
	
	function subscribePixeon() {
		var name = $('#name');
		var company = $('#company');
		var email = $('#email');
		var code = $('#code');
		var errormessage = $('#jqmSubscribe .errormessage');
	 
		errormessage.html('');
		if (name.val() == '') { errormessage.append('Name is required. '); return; }
	 	if (!emailRegex.test(email.val())) { errormessage.append('Valid email is required. '); return; }
	 
		$.getJSON(urlHead + '/Subscribe?name=' + name.val() + '&email=' + email.val() + '&company=' + company.val() + '&code=' + code.val() + '&callback=?');
	}
	
	function subscriptionSent(result) {
		if (result != 'success') { $('#jqmSubscribe .errormessage').html(result); return; }
		
		$('#jqmSubscribe').jqmHide().find('#name, #company, #email').val('');
		$('#jqmSent').jqmShow().find('.result').html("Thank you for subscribing!");
	}
	
	function share() {
		var url = $('#url');
		var mediatype = $('#mediatype');
		var category = $('#category');
		var shareemail = $('#shareemail');
		var code = $('#code');
		var errormessage = $('#jqmShare .errormessage');
	 
		errormessage.html('');
		if (url.val() == '') { errormessage.append('URL is required. '); return; }
	 	if (!emailRegex.test(shareemail.val())) { errormessage.append('Valid email is required. '); return; }
	 
		$.getJSON(urlHead + '/Share?url=' + url.val() + '&mediatype=' + mediatype.val() + '&category=' + category.val() + '&email=' + shareemail.val() + '&code=' + code.val() + '&callback=?');
	}

	function shareSent(result) {
		if (result != 'success') { $('#jqmShare .errormessage').html(result); return; }
		
		$('#jqmShare').jqmHide().find('#url, #shareemail').val('');
		$('#jqmShare').find('#mediatype, #category').attr('selectedIndex', 0);
		$('#jqmSent').jqmShow().find('.result').html("Thank you for sharing!");			
	}
	
  $(document).ready(function() {
		$("#panels_body li").hover(
			function() { $(this).animate({backgroundColor: "#d3d3d3"}, 'fast'); },
			function() { $(this).animate({backgroundColor: "#fff"}, 'fast'); }
		);
		
		$('#panels li a').click(function(){$this = $(this); window.open($this.attr('href')); return false;});
		$('#jqmSubscribe').jqm({trigger:'#subscribe_button, #subscribe_link'});
		$('#jqmShare').jqm({trigger:'#submit_link'});	
		$('#jqmSent').jqm({trigger: false});	
		
		$('#subscribe').click(function() { subscribePixeon(); }); //add onclick events here instead of within the element tag to help deter spambots
		$('#share').click(function() { share(); });
    $('#jqmWindow').removeClass('showblock');
    $('#jqmWindow').addClass('hideblock');
    $('#jqmContent').attr('src', '');
					
		$('#panels_body .videopopup').click(function(){
			$('#jqmWindow').css('display', 'block');
			$('#jqmWindow').addClass('showblock');
			$('#jqmWindow').removeClass('hideblock');
			var id = this.id;
			myUrl = $('#'+id+' a').attr('href');
		});
		
		$('#pixeonClose').click(function(){
			$('#jqmWindow').removeClass('showblock');
			$('#jqmWindow').addClass('hideblock');
			$('#jqmContent').attr('src', '');
		});
		
		var openInFrame = function(hash)
		{
			var $trigger = $(hash.t);
			var $modalWindow = $(hash.w);
			var $modalContainer = $('iframe', $modalWindow);
			var newWidth = 0, newHeight = 0, newLeft = 0, newTop = 0;
			$modalContainer.html('').attr('src', myUrl);
			myUrl = (myUrl.lastIndexOf("#") > -1) ? myUrl.slice(0, myUrl.lastIndexOf("#")) : myUrl;
			var queryString = (myUrl.indexOf("?") > -1) ? myUrl.substr(myUrl.indexOf("?") + 1) : null;
		}
		
		$('#jqmWindow').jqm({
			overlay: 70,
			modal: true,
			trigger: '#panels_body .videopopup',
			target: '#jqmContent',
			onShow: openInFrame
		});	  
	});