var bg = "billboard_sludge";
var uid = "";
var bitlylogin = "esetsecures";
var bitlyapi = "R_cf5c68bfe39b1e6e0a614cd740d9b2d9";

function updateSloganizer(copy) {
	if(copy != "") {
		copy = urlencode(copy);
		$.ajax({
			type: "POST",
			url: SITE_ROOT+"sloganfilter",
			data: "s="+copy,
			success: function(msg) {
				$('#slogan').html("“"+msg+"”");
			}
		});
	} else {
		$('#slogan').html("");
	}
}
function sloganize(form,bg) {
	var text = urlencode($('#sloganizer_copy').val());
	if(text == "") {
		alert("Your Billboard can't be blank. Please try again.");
		return false;
	}
	var filename = $.ajax({
		url: SITE_ROOT+"getuid",
		async: false
	}).responseText;
	var imglink = IMAGES_ROOT+"billboards/"+filename+".jpg";
	var link = SITE_ROOT+"billboard?pic="+filename+".jpg";
	$.ajax({
		type: "GET",
		url: SITE_ROOT+"sloganfilter",
		data: "s="+text+"&create=slogan",
		success: function(msg) {
			// REPLACE GRAPHIC
			$('#final_slogan').html('<img id="sloganize" src="'+SITE_ROOT+'sloganize/?pic='+bg+'.jpg&text='+urlencode(msg)+'" />');
			
			// HIDE INSTRUCTIONS
			$('#slogan_instr').hide();
			$('#need_ideas').hide();
			$('#slogan_ideas').hide();
			$('#not_sure').hide();
			
			$('#slogan_embed_link').val('<a href="'+link+'"><img src="'+imglink+'" width="452" height="228" alt="My Billboard on ESETSecures.com" border="0" /></a>');
			
			shortenURL(link, function(shorturl) {
				link = shorturl;
				$('#slogan_email_link').val(link);
				$('#sh_fb').attr('href','http://www.facebook.com/share.php?u='+urlencode(link)+'&t='+urlencode("Check out my billboard on ESETSecures.com!"));
				$('#sh_tw').attr('href','http://twitter.com/home?status='+urlencode("@esetpr Check out my billboard! "+link));
			});
			
			// SHOW SHARE LINKS
			$('#slogan_share').show();
		}
	});
	return false;
}
function startOver() {
	$('#final_slogan').html('<div id="sloganizer"><table id="slogantable"><tr><td id="slogan"></td></tr></table></div>');
	$('#sloganizer_copy').val('').focus();
	$('#slogan_share').hide();
	$('#slogan_instr').show();
	$('#need_ideas').show();
	$('#not_sure').show();
}
function urlencode(str) {
	return escape(str).replace(/\+/g,'%2B').replace(/%20/g, '+').replace(/\*/g, '%2A').replace(/\//g, '%2F').replace(/@/g, '%40');
}
function loadTwitterFeed() {
	$('#twitter_wrap').load(SITE_ROOT+'twitter');
}
function loadVideoFeed() {
	$('#video_wrap').load(SITE_ROOT+'video');
}
function swapPhoto(photo,caption) {
	$('#gallery_placeholder').attr('src',photo);
	$('#caption_placeholder').html(caption);
}
function shortenURL(url,success) {
	//var link = 'http://to.ly/api.php?json=1&longurl=' + encodeURIComponent(url) + '&callback=?';
	/* CHANGED TO BIT.LY INSTEAD OF TO.LY BECAUSE TO.LY WAS DOWN (BIT.LY SEEMS MORE RELIABLE) */
	var link = 'http://api.bit.ly/shorten?version=2.0.1&longUrl=' + encodeURIComponent(url) + '&login=' + bitlylogin + '&apiKey=' + bitlyapi + '&format=json&callback=?';
	var s = '';
	var first_result;
	var shorturl;
	$.getJSON(link, function(data){
		for(var r in data.results) {
			first_result = data.results[r];
			break;
		}
		for (var key in first_result) {
            if(key == "shortUrl") {
            	shorturl = first_result[key].toString();
            	break;
            }
			//s += key + ":" + first_result[key].toString() + "\n";
        }
        success && success(shorturl);
		//success && success(data.shortUrl);
	});
}
function runEventListeners() {
	$('#sloganizer_copy').keypress( function(event) {
		var key = event.which;
		//all keys including return.
		if(key >= 33 || key == 13) {
			var maxLength = $(this).attr("maxlength");
			var length = this.value.length;
			if(length >= maxLength) {
				event.preventDefault();
			}
		}
	}).keyup(function() {
		updateSloganizer($('#sloganizer_copy').val());
	});
	$('#bg_links li a').click( function(event) {
		bg = this.id;
		$('#sloganizer').css( { 'background-image': 'url(images/graphics/'+bg+'.jpg)' } );
		return false;
	});
	$('#slogan_font').change( function() {
		var font = this.value;
		$('#sloganizer').css( { 'font-family': font } );
	});
	$('#submit').click( function(event) {
		if($('#agreeterms').is(':checked')) {
			return sloganize(this,bg);
		} else {
			alert("Please read and agree to the Terms & Conditions.");
			return false;
		}
	});
	$('#slogan-form').submit( function(event) {
		if($('#agreeterms').is(':checked')) {
			return sloganize(this,bg);
		} else {
			alert("Please read and agree to the Terms & Conditions.");
			return false;
		}
	});
	$('#need_ideas').click( function() {
		$(this).toggleClass("need-ideas-down");
		$('#slogan_ideas').toggle("slow");
		return false;
	});
	$(document).ready(function(){
		// Append HBX name to Share This link
		$('a.stbutton').attr('name','&lid=essharethis');
		//Examples of how to assign the ColorBox event to elements
		$(".colorbox").colorbox();
		$(".iframe").colorbox({width:"769px", height:"580px", iframe:true, opacity: 0.75}, function(){
			$('#cboxClose').removeClass('closeAlt');
		});
		$(".single").colorbox({width:"769px", height:"580px", iframe:true, opacity: 0.75}, function(){
			$('#cboxClose').addClass('closeAlt');
		}); 
	});
}
function loadSliders(popup) {
	/*
	 * *********************** VIDEO PLAYER ***********************
	 * */
	var $panels = $('#slider .scrollContainer > div');
	var $container = $('#slider .scrollContainer');
	var horizontal = false;

	if (horizontal) {
	  $panels.css({
	    'float' : 'left',
	    'position' : 'relative' // IE fix to ensure overflow is hidden
	  });
	  $container.css('width', $panels[0].offsetWidth * $panels.length);
	} else {
		$container.css('height', $panels[0].offsetHeight * ($panels.length + 5));
	}

	var $scroll = $('#slider .scroll').css('overflow', 'hidden');

	if (horizontal) {
		/*$scroll
		  .before('<img class="scrollButtons left" src="images/scroll_left.gif" />')
		  .after('<img class="scrollButtons right" src="images/scroll_right.gif" />');*/
		$scroll
			.before('<a href="#" class="btn scrollButtons left">LEFT</a>')
			.after('<a href="#" class="btn scrollButtons right">RIGHT</a>');
	} else {
		/*$scroll
		  .before('<img class="scrollButtons up" src="images/scroll_up.gif" />')
		  .after('<img class="scrollButtons down" src="images/scroll_down.gif" />');*/
		$scroll
			.before('<a href="#" class="btn scrollButtons up">UP</a>')
			.after('<a href="#" class="btn scrollButtons down">DOWN</a>');
	}
	function selectNav() {
	  $(this).parents('ul:first').find('a').removeClass('selected').end().end().addClass('selected');
	}
	$('#slider .navigation').find('a').click(selectNav);
	function trigger(data) {
	  var el = $('#slider .navigation').find('a[href$="' + data.id + '"]').get(0);
	  selectNav.call(el);
	}

	if (window.location.hash) {
	  trigger({ id : window.location.hash.substr(1) });
	} else {
	  $('ul.navigation a:first').click();
	}
	var offset = parseInt((horizontal ? 
	  $container.css('paddingTop') : 
	  $container.css('paddingLeft')) 
	  || 0) * -1;


	var scrollOptions = {
	  target: $scroll, // the element that has the overflow
	  items: $panels,
	  navigation: '.navigation a',
	  prev: 'a.up', 
	  next: 'a.down',
	  axis: 'xy',
	  onAfter: trigger, // our final callback
	  offset: offset,
	  duration: 200,
	  easing: 'swing'
	};

	$('#slider').serialScroll(scrollOptions);

	$.localScroll(scrollOptions);

	scrollOptions.duration = 1;
	$.localScroll.hash(scrollOptions);
	
	/*
	 * *********************** GALLERY ***********************
	 * */
	if(popup !== null) {
	var $gallerypanels = $('#gallery .gallery_scrollContainer > div');
	var $gallerycontainer = $('#gallery .gallery_scrollContainer');
	
	var gallery_horizontal = true;

	if (gallery_horizontal) {
	  $gallerypanels.css({
	    'float' : 'left',
	    'position' : 'relative' // IE fix to ensure overflow is hidden
	  });
	  
	  $gallerycontainer.css('width', $gallerypanels[0].offsetWidth * ($gallerypanels.length + 5));
	}

	var $gallery_scroll = $('#gallery .gallery_scroll').css('overflow', 'hidden');

	if (gallery_horizontal) {
		$gallery_scroll
		.before('<a href="#" class="btn scrollButtons left">LEFT</a>')
		.after('<a href="#" class="btn scrollButtons right">RIGHT</a>');
	} else {
		$gallery_scroll
		.before('<a href="#" class="btn scrollButtons up">UP</a>')
		.after('<a href="#" class="btn scrollButtons down">DOWN</a>');
	}
	function gallery_selectNav() {
	  $(this)
	    .parents('ul:first')
	      .find('a')
	        .removeClass('selected')
	      .end()
	    .end()
	    .addClass('selected');
	}

	$('#gallery .navigation').find('a').click(gallery_selectNav);

	function gallery_trigger(data) {
	  var el = $('#gallery .navigation').find('a[href$="' + data.id + '"]').get(0);
	  gallery_selectNav.call(el);
	}

	if (window.location.hash) {
	  gallery_trigger({ id : window.location.hash.substr(1) });
	} else {
	  $('ul.navigation a:first').click();
	}

	var gallery_offset = parseInt((gallery_horizontal ? 
	  $gallerycontainer.css('paddingTop') : 
	  $gallerycontainer.css('paddingLeft')) 
	  || 0) * -1;

	var gallery_scrollOptions = {
	  target: $gallery_scroll,
	  items: $gallerypanels,
	  navigation: '.navigation a',
	  prev: 'a.left', 
	  next: 'a.right',
	  axis: 'xy',
	  onAfter: gallery_trigger,
	  offset: gallery_offset,
	  duration: 200,
	  easing: 'swing'
	};
	$('#gallery').serialScroll(gallery_scrollOptions);
	$.localScroll(gallery_scrollOptions);
	gallery_scrollOptions.duration = 1;
	$.localScroll.hash(gallery_scrollOptions);
	}
}
// SHOW YOUTUBE VIDEO
function showVideo(id,title) {
	var content;
	var title;
	content = "<div id='ytcontent'><object width='425' height='350'><param name='movie' value='http://www.youtube.com/v/"+id+"&rel=0&hl=en&fs=1&autoplay=1'></param><param name='wmode' value='transparent'></param><embed src='http://www.youtube.com/v/"+id+"&hl=en&fs=1&autoplay=0' type='application/x-shockwave-flash' wmode='transparent' width='425' height='350'></embed></object></div>";
	swfobject.embedSWF("http://www.youtube.com/v/"+id+"&rel=0&hl=en&fs=1&autoplay=1", "ytcontent", "425", "350", "8.0.0","expressInstall.swf", {}, {wmode:"transparent"});
	$('#ytcontent').html(content);
	$('#yt-descr').html(title);
	return false;
}