$jq(document).ready(function(){

	$jq("#mainTabs").addClass("classHidden");

	var myTabs = $jq("#mainTabs").tabs(
	/*
	{
	  select: function(event, ui) {
	        var url = $jq.data(ui.tab, 'load.tabs');
	        console.log(url);
	        if( url ) {
	            location.href = url;
	            return false;
	        }
	        return true;
	    }
	}
	*/
	);

	$jq(".expandEkstraTabMenu").mouseover(function() {
		$jq("#ekstraMenu").removeClass("classHidden");
	});

	$jq(".expandEkstraTabMenu").mouseout(function() {
		$jq("#ekstraMenu").addClass("classHidden");
	});

	$jq("#ekstraMenu").mouseover(function() {
		$jq("#ekstraMenu").removeClass("classHidden");
	});

	$jq("#ekstraMenu").mouseout(function() {
		$jq("#ekstraMenu").addClass("classHidden");
	});


	
	myTabs.bind('tabsselect', function(event, ui) {

		if (ui.tab.id == 'expandEkstraMenu') {
			// 0 action på mere-knappen
			return false;
		} else if (ui.tab.id == 'tabBtnKort') {
			// setTimeout("delayedMapLoad()", 200);
		} else if (ui.tab.id == 'tabBtnAttraktion') {
			// setTimeout("initialize()", 200);
		} else if (ui.tab.id == 'tabBtnVejrudsigt') {
			$jq("#modalDialogVejrudsigt").dialog({
				height: 350,
				width: 785,
				modal: true
			});
			return false;
		} else if (ui.tab.id == 'tabBtnKoer_selv') {
			setTimeout("delayedMapInitialize()", 200);
		}

		else if (ui.tab.id == 'tabBtnBeregn_din_pris') {

			$jq("#modalDialogDisneyPris").dialog({
				height: 600,
				width: 910,
				modal: true
			});

			return false;
		}

		// gå til den direkte adresse for at kunne benytte browserens frem- og tilbage-knapper
		location.href=ui.tab.href;

	});

	$jq(".subTabBtn").click(function() {
		// værdien af rel attributten bruges til at foretage alternative handlinger (andet end tab)
		var thisRel = this.rel;
		
		if (thisRel == 'tabBtnVejrudsigt') {

			// console.log(thisRel);
			$jq("#modalDialogVejrudsigt").dialog({
				height: 350,
				width: 785,
				modal: true
			});

			return false;
			
		} else if (thisRel == 'tabBtnUndersider') {
			
			var thisTabIndex = this.id.substring(7,9);
			myTabs.tabs('select', thisTabIndex);
			return false;

		} else if (thisRel == 'tabBtnKoer_selv') {

			var thisTabIndex = this.id.substring(7,9);
			myTabs.tabs('select', thisTabIndex);
			setTimeout("delayedMapInitialize()", 200);
			return false;

		} else if (thisRel == 'tabBtnVideo') {

			var thisTabIndex = this.id.substring(7,9);
			myTabs.tabs('select', thisTabIndex);
			return false;

		} else if (thisRel == 'tabBtnAttraktion') {
			var thisTabIndex = this.id.substring(7,9);
			myTabs.tabs('select', thisTabIndex);
			// setTimeout("initialize()", 200);
		} else {

			// Default = vis tab
			var thisTabIndex = this.id.substring(7,9);
			myTabs.tabs('select', thisTabIndex);
			return false;

		}
	});

	/* Element til kort */
	$jq("#element_map").click(function() {
		// Find index på alm. kort-tab
		var hrefAttrValue = $jq("#tabBtnKort").attr("href");
		if (hrefAttrValue != null) {
			// Alm. kort-tab eksisterer
			var kortTabIndex = hrefAttrValue.substring(6,8);
			myTabs.tabs('select', kortTabIndex);
		} else {
			// Tjek om der er attraktionskort i stedet for alm. kort
			var tabEl = $jq("a[rel|=tabBtnAttraktion]").attr("id");
			if (tabEl != null) {
				var thisTabIndex = tabEl.substring(7,9);
				myTabs.tabs('select', thisTabIndex);
				// setTimeout("initialize()", 200);
			} else {
				var hrefAttrValue = $jq("#tabBtnAttraktion").attr("href");

				if (hrefAttrValue != null) {
					var attraktionTabIndex = hrefAttrValue.substring(6,8);
					myTabs.tabs('select', attraktionTabIndex);
					// setTimeout("initialize()", 200);
				} else {
					// Alm. kort i subTab
					tjekEl = $jq("[rel|=tabBtnKort]");
					if (tjekEl != null) {
						var kortTabIdValue = tjekEl.attr("id");
						tabIndex = kortTabIdValue.substring(7,9);
						myTabs.tabs('select', tabIndex);
						// setTimeout("delayedMapLoad()", 200);

					}
				}
			}
		}
		return false;
	});

	/* Element til vejrudsigt */
	$jq("#weather_cloudy").click(function() {

		$jq("#modalDialogVejrudsigt").dialog({
			height: 350,
			width: 785,
			modal: true
		});

		return false;
	});

	/* Element til video */
	$jq("#video_element").click(function() {
		
		var videoTabId = $jq('a[rel|=tabBtnVideo]').attr("id");
		if (videoTabId == undefined) {
			videoTabId = 'tabBtnVideo';
			var thisTabIndex = $jq("#tabBtnVideo").attr("href").substring(6,8);
		} else {
			var thisTabIndex = videoTabId.substring(7,9);
		}
		
		// console.log(thisTabIndex);
		myTabs.tabs('select', thisTabIndex);
		return false;

	});

	$jq(window).hashchange( function(){

		var hash = location.hash;

		if(hash) {

			$jq(myTabs).find(".ui-tabs-nav li a").each(function(i, elm){

				if ($jq(elm).attr('href') === hash) {
					myTabs.tabs('select', i);
				}

			});

		} else {

			myTabs.tabs('select', 0);

		}

	});

	$jq(window).hashchange();

});

/* http://www.fjeldferie.dk/skiferie/sverige/aare/aaregaardarna-aarfa/
if (this.hash == "#kort") {
	google.maps.event.trigger(map, "resize");
	map.setCenter(center);

	// IE fix

	marker.setMap(null);
	marker = new google.maps.Marker({
		map: map,
		position: center
	});

}
*/
/**

Nedenstående ser ikke ud til at virke på canada temaet

window.onload = function() {
	setTimeout(function() {
		$jq("#mainTabs").removeClass("classHidden");
	}, 200);
}
*/
$jq(document).ready(function(){
	setTimeout(function() {
		$jq("#mainTabs").removeClass("classHidden");
	});
});