$(document).ready(function(){

	/*nav_main*/
	$('#nav_main > li:eq(2)').after('<li><a title="Besök turistbyråns webbplats" href="http://www.visitolofstrom.se/">För turister</a></li>');

	/*$('#nav_main > li').mouseenter(function(){
		$(this).children('ul').show();
		$(this).addClass('hover');
	});
	$('#nav_main > li').mouseleave(function(){
		$(this).children('ul').hide();
		$(this).removeClass('hover');
	});*/


	
		function search_input_values()
		{	
			var searchBox = $('#frmSearch input');
			$('#frmSearch input').focus(function(){
				if (searchBox.val() != "") {
					
					var theValue = searchBox.val();
					searchBox.attr('temp', theValue)
					searchBox.val('');
				};
			
			});
			$('#frmSearch input').blur(function(){
				if (searchBox.val() == "") {
					var theValue = searchBox.attr('temp');
					searchBox.val(theValue);
				};
				
			});
		}
		search_input_values();
	
		$('ul#menu_top li:not(:last-child)').append(' | ');
		
		
	 //Even and odd rows in tables
        /* if Environment is NOT Editor */
       	
     
        $("table tr:even").addClass("even");
        $("table tr:odd").addClass("odd");
        var th = $("table tr:first-child");
        $(th).removeClass('even')
        $(th).addClass("th");
        $('table tr td:first-child, ul li:first-child').addClass('first');
        $('table tr td:last-child, ul li:last-child').addClass('last');
        $('table tr:not(.th) td:even, ul:not(#nav_main) li:even').addClass('data_even');
        $('table tr:not(.th) td:odd, ul:not(#nav_main) li:odd').addClass('data_odd');

	/*$("table tr:not(.th)").hover(function(){
			$(this).toggleClass("over");
		},function(){
			$(this).toggleClass("over");
		});
		*/
		
	
	
	if ($('a[title=flowplayer]').length > 0) {
					$('a[title=flowplayer]').jmedia(
			{version:"6,0"},
			{width:"549", 
			height:"355", 
			autoplay: true,
			maintainaspect:"true"});
	}

	if ($('.slider').length > 0) {
		//Hide the preview
	
			$('#slider_view_preview').hide();
		
		//If the slider is here initialize
		$('#slider').slider({
			min: 1700,
			max: 2000,
			step: 1,
			value: 1700,
			slide: function( event, ui ) {
					$( ".current_year" ).val( ui.value ).change(); //change the input to show current year
				}

		});
		//Set the current value of slider to current_year when loaded
		$('input.current_year').val($( "#slider" ).slider( "option", "value" ));
		$('.min_year').html($('#slider').slider('option', 'min')); //Set the minimum year from slider
		$('.max_year').html($('#slider').slider('option', 'max')); //Set the maximum year from slider
		//When current year is changed, validate and report back
		$('input.current_year').change(function(){
			$('.error').remove(); //remove error
			var thisyear = $(this).val();
			if (isNaN(thisyear))
			{ //check that it is a number
				$("#slider").after('<span class="error">Inte ett årtal');
			}
			else if (thisyear > 2000 || thisyear < 1700 || $(this).val().length < 4) { //check the range
				$("#slider").after('<span class="error">Årtalet måste vara mellan 1700 och 2000');
			}
		
			else
			{ //go ahead, set the slider if they are not the same
				if ($("#slider").slider("option", "value") != $(this).val()) {
					$( "#slider" ).slider( "option", "value", $(this).val() );
				}
			}
			//run the data display
			slider_data_display();
		});
		//Add a thead to the datadisplay
		$('#slider_index table').removeAttr('width').removeAttr('height');
		
		$('#slider_index table tbody').before('<thead><tr><th style="width: 35px">Årtal</th><th>Titel <a href="">[Visa alla]</a></th><th style="display: none">Information</th><th style="display: none">Länk</th><th style="display: none">Tags</th><th style="display: none">Bild</th></tr></thead>');
		//hide non-essential information, link, tags
		$('#slider_index table tr td:nth-child(3),#slider_index table tr td:nth-child(4),#slider_index table tr td:nth-child(5),#slider_index table tr td:nth-child(6)').hide();
		//when clicking the link for show all in the thead toggle all the rows
		$('#slider_index table thead th a').live('click', function(){
			if ($(this).hasClass('hideyears')) {
				var curr_year = $('input.current_year').val();
			$('#slider_index table tbody tr td.first:not(:contains('+curr_year+'))').parent().hide();
				$(this).text('[Visa alla]').removeClass('hideyears');
			}
			else
			{
				$('#slider_index table tbody tr').show();
				$(this).text('[Dölj alla]').addClass('hideyears');
			}
			
			return false;
		});
		
		
		//table function
		function slider_data_display()
		{
			
		
			var curr_year = $('input.current_year').val();
			$('#slider_index table tbody tr td.first:not(:contains('+curr_year+'))').parent().hide();
			if (curr_year == '') {
				curr_year = 1700;
			}
			$('#slider_index table tbody tr td.first:contains('+curr_year+')').parent().show();
		}
		slider_data_display();
		
		//clicking on a tr will display the information
		function view_data_details(){
			$('#slider_index table tbody tr').live('click', function(){
				$('#slider_index table tbody tr').removeClass('current_choice');
				$(this).addClass('current_choice');
				var curr_year 	=		$(this).children(':eq(0)').text();
				var curr_title 	= 	$(this).children(':eq(1)').text();
				var curr_info 	=  	$(this).children(':eq(2)').text();
				var curr_link 	=  	$(this).children(':eq(3)').html();
				//var curr_link 	=  	jQuery.trim($(this).children(':eq(3)').text());
				//var curr_tags 	=  	$(this).children(':eq(4)').text();
				var curr_img 		=  	$(this).children(':eq(4)').html();
				
				if ($("#slider").slider("option", "value") != curr_year) {
					$( "#slider" ).slider( "option", "value", curr_year );
					$('input.current_year').val(curr_year);
				}
	
				$('#detail_year').text(curr_year);
				$('#detail_title').text(curr_title);
				$('#detail_info').text(curr_info);
				$('#detail_images').html(curr_img);
				$('#detail_link').html(curr_link);
				//$('#detail_link a').attr('href',curr_link).attr('title',curr_title).text(curr_link.substr(0, 60)+'...');
				//$('#detail_tags').text(curr_tags);
				//iframe $('#slider_view_preview').show().attr('src', curr_link);
			});
		}
		view_data_details()
	}

//Create mobile selectbox of menu
if ($('#nav ul').length > 0) {
	$("<select id=\"nav_select\" />").appendTo("#nav");


// Create default option "Go to..."
	$("<option />", {
	   "selected": "selected",
	   "value"   : "",
	   "text"    : "Meny"
	}).appendTo("#nav_select");




	// Populate dropdown with menu items
	$("#nav > ul > li > a").each(function() {
		var el = $(this);
		 $("<option />", {
		     "value"   : el.attr("href"),
		     "text"    : el.text()
		 }).appendTo("#nav_select");
		 if ($(this).parent().hasClass('current')) {
				$(this).next('ul').find('a').each(function(){
					
					switch($(this).parents('ul').length){
						case 2:
						var eldash = "-- ";
						break;
						case 3:
						var eldash = '--- ';
						break;
						case 4:
						var eldash = '---- ';
						break;
						case 5:
						var eldash = '----- ';
						break;
						case 6:
						var eldash = '------ ';
						break;
						default:
						
						break;
					}
					 var el = $(this);
					 $("<option />", {
					     "value"   : el.attr("href"),
					     "text"    : eldash+el.text()
					 }).appendTo("#nav_select");
				});
			} 
	});

	
}


if ($('#nav_sub').length > 0) {
	
	$("<select id=\"subnav_select\" />").appendTo("#nav");
	$("<option />", {
	   "selected": "selected",
	   "value"   : "",
	   "text"    : "Undermeny"
	}).appendTo("#subnav_select");


	$("#nav_sub > ul > li > a").each(function() {
		var el = $(this);
		 $("<option />", {
		     "value"   : el.attr("href"),
		     "text"    : el.text()
		 }).appendTo("#subnav_select");
		 if ($(this).parent().hasClass('current')) {
				$(this).next('ul').find('a').each(function(){
					
					switch($(this).parents('ul').length){
						case 2:
						var eldash = "-- ";
						break;
						case 3:
						var eldash = '--- ';
						break;
						case 4:
						var eldash = '---- ';
						break;
						case 5:
						var eldash = '----- ';
						break;
						case 6:
						var eldash = '------ ';
						break;
						default:
						
						break;
					}
					 var el = $(this);
					 $("<option />", {
					     "value"   : el.attr("href"),
					     "text"    : eldash+el.text()
					 }).appendTo("#subnav_select");
				});
			}	 
	});

}


	//Go to the correct link
	$("#nav_select,#subnav_select").change(function() {
	  window.location = $(this).find("option:selected").val();
	});



	
	
});