var $doc = jQuery(document);
var $win = jQuery(window);

var currentWindowWidth = $win.width();

function bannerHelper(selector){
	var $ele = jQuery("iframe", selector),
		$img = $ele.contents().find("img");
	$img.css({"max-width":"100%", "height":"auto"});
	$ele.height($img.height());
}

function topNavAlign(){
	var navArray = [],
		$nav = jQuery(".dnnNav"),
		$root = jQuery(".root"),
		calcWidth = 0;

	$root.css({"width":"auto"});
	if( $win.width() <= 768 ) return;

	var navWidth = parseInt($nav.width());
	var navPosition = 0;
	if (typeof $root[0] !== "undefined")
		navPosition = parseInt(jQuery($root[0]).offset().top);

	for (var i=0; i < $root.length; i++ ){
		var $this = jQuery($root[i]);
		if ( parseInt($this.offset().top) == navPosition ){
			calcWidth += $this.width();
			navArray.push($this)
			if ( $this.hasClass("last") ){
				assginWidth(navArray);
			}
		} else {
			if ( calcWidth < navWidth ){
				assginWidth(navArray);
				navArray = [];
				calcWidth = $this.width();
				navPosition = parseInt($this.offset().top);
				navArray.push($this);
			}
		}
	}

	function assginWidth(newArray){
		var gape = parseInt((navWidth - calcWidth)/newArray.length);
		var newWidth = 0;
		for (var j=0; j < newArray.length; j++){
			var $currentNav = newArray[j];
			$currentNav.width($currentNav.width() + gape);
			newWidth += $currentNav.width();
		}
		
		if(newWidth > navWidth){
			newArray[newArray.length-1].width(newArray[newArray.length-1].width() - (newWidth-navWidth));
		}
	}

}
$doc.ready( function(){
	resizeFacebookPagePlugin();
	/* Tabs *******************************************/
	var $cardTabs = jQuery(".skCardStack,.sksocialFeed");
	$cardTabs.each( function(){
		var $card = jQuery(this);
		if ( $card.length > 0 ){
			var $tabs = jQuery("ul.skTabs>li.item",$card),
				$link = jQuery(".link:visible",$card),
				$cnt = jQuery(".skTabsCnt",$card);

			$link.click( function(e){
				e.preventDefault();
				var $this = jQuery(this);
				$cnt.hide();
				jQuery(".cntWrapper",$card).removeClass("cntWrapper");
				jQuery(".ui-state-active",$card).removeClass("ui-state-active");
				if ( $link.hasClass("no-desktop") ){
					$this.addClass("ui-state-active");
				} else {
					$this.parent().addClass("ui-state-active");
				}
				jQuery($this.attr("href")).show();
				jQuery($this.attr("data-wrapper")).addClass("cntWrapper");
			});
			
			if ( window.defaultTab === "HN1" && jQuery("[href=#csNews]").length > 0){
				jQuery("[href=#csNews]").trigger("click");
			} else if ( window.defaultTab === "SC1" && jQuery("[href=#csSocial]").length > 0){
				jQuery("[href=#csSocial]").trigger("click"); 
			} else if ( window.defaultTab === "GC1" && jQuery("[href=#csEvent]").length > 0){
				jQuery("[href=#csEvent]").trigger("click");
			} else {
				jQuery($tabs[0]).trigger("click");
			}
			jQuery($link[0]).trigger("click");
			$tabs.width(100/$tabs.length + "%");
		}
	});
	topNavAlign();
	
	if( $win.width() <= 768 ) {		
		jQuery(".skSocialTabLink").hide();		
		jQuery(".skSocialMobTab li:first").addClass("active").show();
		jQuery(".skSocialTabLink:first").show();
		jQuery(".skSocialMobTab li").click(function() {
			jQuery(".skSocialMobTab li").removeClass("active");
			jQuery(this).addClass("active");
			jQuery(".skSocialTabLink").hide();
			var activeTab = jQuery(this).attr("href");
			jQuery(activeTab).fadeIn();
			resizeFacebookPagePlugin();
			return false;
		});
	}
	
	jQuery(".skSocialTab li:first a.skSocialBtn").trigger("click");	
	
	jQuery(".skTabs li ,.mobTabLink").click(function(){
		resizeFacebookPagePlugin();
	});

	/* Default Social Setting */
	var $cardTabs = jQuery(".skSocialTab");
	var $links = jQuery("ul.skSocialTab .skLink",$cardTabs);
	if( $win.width() <= 768 ) {
		if (typeof window.defaultSocialTab !== "undefined" && window.defaultSocialTab === "FC1" && jQuery(".skFacebook").length > 0){
			jQuery(".skSocialMobTab .skFacebookLink").trigger("click");
		}
		else if (typeof window.defaultSocialTab !== "undefined" && window.defaultSocialTab === "TW1" && jQuery(".skTwitter").length > 0){
			jQuery(".skSocialMobTab .skTwitterLink").trigger("click");
		} 
		else {
			jQuery($links[0]).trigger("click");
		}
	}else{
		if (typeof window.defaultSocialTab !== "undefined" && window.defaultSocialTab === "FC1" && jQuery(".skFacebook").length > 0){
			if(!(jQuery(".skFacebookLink").hasClass("active"))){
				jQuery(".skFacebookLink").trigger("click");
			}
		}
		else if (typeof window.defaultSocialTab !== "undefined" && window.defaultSocialTab === "TW1" && jQuery(".skTwitter").length > 0){
			if(!(jQuery(".skTwitterLink").hasClass("active"))){
				jQuery(".skTwitterLink").trigger("click");
			}
		} 
		else {
			jQuery($links[0]).trigger("click");
		}
	}
});

var currentWidth = $win.width();
$win.resize( function(){
	topNavAlign();
	bannerHelper(".SkAddBanner");
	if (currentWidth == $win.width()) return;
	currentWidth = $win.width();
	resizeFacebookPagePlugin();
});

$win.load( function(){
	bannerHelper(".SkAddBanner");
});

function toggleContent(element,link,target,hideElements){
	if (jQuery(element).hasClass("skSocialBtn active") ){
		jQuery(link).addClass("active");
		jQuery(element).removeClass("active");
		jQuery(target).removeClass("visible").slideUp();
		jQuery(hideElements).addClass("visible").slideDown(function(){
		  resizeFacebookPagePlugin();
		});
	} else {
		jQuery(link).removeClass("active");
		jQuery(element).addClass("active");
		jQuery(target).addClass("visible").slideDown(function(){
			resizeFacebookPagePlugin();
		});
		jQuery(hideElements).removeClass("visible").slideUp();
	}
}

function resizeFacebookPagePlugin(){
	if ( jQuery(".facebook-plugin:visible").length > 0 ) {
	var $iframe = jQuery(".facebook-plugin:visible"),
	$parent = $iframe.parents(".skFBWrapper:visible"),
	$cntWidth = $parent.width(),
	$iframeWidth = $iframe.width(),
	$cntHeight = $parent.height(),
	$url = $iframe.attr('data-src'),
	$pHeight = parseInt($cntHeight),
	$pWidth = parseInt($cntWidth)
	$updateUrl = $url.replace(/&width=.*&height=.*&small/g, "&width=" + $pWidth + "&height=" + $pHeight + "&small");
		if ( $pWidth > 500 ) {
			$pWidth = 500;
		}
		if ( ( $cntWidth == $iframeWidth && typeof $iframe.attr("src") !== "undefined") || 
		   ( $cntWidth >= 500 && $iframeWidth >= 500 && typeof $iframe.attr("src") !== "undefined") ) return; 
		$iframe.attr({"src": $updateUrl, "height": $pHeight, "width": $pWidth });
		$iframe.css({"height": $pHeight, "width": $pWidth });
	}
}