/**
 * jQuery Promo Toggle 
 * 
 */

(function($) {
	$.fn.PromoToggle = function(options) {
	
		return this.each(function() {
			var $this = $(this);
		
			function hostString (str) {
				return hostName.match(str);
			}
		
			var hostName = document.location.hostname;
						
			var hive_link = "http://read.mtvhive.com/category/firsttake/";
			var vh1_link = "http://www.vh1.com/music/you_oughta_know/main.jhtml";
			var cmt_link = "http://www.cmt.com/asm/listen_up/index.jhtml";

			var hive_img_on = "http://www.mtvhive.com/gsp/promo/toggle/images/hive/hive_8-31-2011_on.jpg";
			var vh1_img_on = "http://www.mtvhive.com/gsp/promo/toggle/images/vh1/vh1_8-31-2011_on.jpg";
			var cmt_img_on = "http://www.mtvhive.com/gsp/promo/toggle/images/cmt/cmt_8-31-2011_on.jpg";
			
			var hive_img_off = "http://www.mtvhive.com/gsp/promo/toggle/images/hive/hive_8-31-2011_off.jpg";
			var vh1_img_off = "http://www.mtvhive.com/gsp/promo/toggle/images/vh1/vh1_8-31-2011_off.jpg";
			var cmt_img_off = "http://www.mtvhive.com/gsp/promo/toggle/images/cmt/cmt_8-31-2011_off.jpg";
			
			var toggle_more = "http://www.mtvhive.com/gsp/promo/toggle/images/toggle_more.gif";
			
			var toggleContent = '<div id="toggle_more"><img src="'+toggle_more+'" /></div>';
			
			if (hostString('mtvhive') == 'mtvhive'){
				toggleContent += '<div id="vh1"><a href="'+vh1_link+'" target="_blank"><img class="img_swap" src="'+vh1_img_off+'" /></a></div>'+
								'<div id="cmt"><a href="'+cmt_link+'" target="_blank"><img class="img_swap" src="'+cmt_img_off+'" /></a></div>';
			} else if (hostString('vh1') == 'vh1'){
				toggleContent += '<div id="hive"><a href="'+hive_link+'" target="_blank"><img class="img_swap" src="'+hive_img_off+'" /></a></div>'+
								'<div id="cmt"><a href="'+cmt_link+'" target="_blank"><img class="img_swap" src="'+cmt_img_off+'" /></a></div>';
			} else if (hostString('cmt') == 'cmt'){
				toggleContent += '<div id="hive"><a href="'+hive_link+'" target="_blank"><img class="img_swap" src="'+hive_img_off+'" /></a></div>'+
								'<div id="vh1"><a href="'+vh1_link+'" target="_blank"><img class="img_swap" src="'+vh1_img_off+'" /></a></div>';
			} else {
				toggleContent += '<div id="hive"><a href="'+hive_link+'" target="_blank"><img class="img_swap" src="'+hive_img_off+'" /></a></div>'+
								'<div id="vh1"><a href="'+vh1_link+'" target="_blank"><img class="img_swap" src="'+vh1_img_off+'" /></a></div>'+
								'<div id="cmt"><a href="'+cmt_link+'" target="_blank"><img class="img_swap" src="'+cmt_img_off+'" /></a></div>';
			}
				
			
			//append the toggle to the provided element (body)
			$this.append("<div id='promo_toggle'></div>");

			//build the html
			$("#promo_toggle").html(toggleContent);
			
			//swap ON/OFF images
			$("#promo_toggle div img.img_swap").hover(
				function() { 
				var src = $(this).attr("src").replace("_off", "_on");
				$(this).attr("src", src);
			},
			function() {
				var src = $(this).attr("src").replace("_on", "_off");
				$(this).attr("src", src);
			});

			
			
		});
				
	};
})(jQuery);