j(document).ready(function(){
	
	j('#hold_slideshow').cycle({ 
    	fx:      'scrollLeft', 
    	easing:  'easeInOutCubic',
    	speed:    1000, 
    	timeout:  3000 
	});
	
	//Bygg meny
	j("div.knapp").append('<div class="knapph"></div><div class="knappv"></div>');
		//hoverknapp
		j("div.knapp").hover(function() {
			j(this).css( "background-position", "0px -78px")
			var denna = j(this).attr("id");
			j("#"+denna+"sub").css( "display", "none");
			j("#"+denna+" > div.knapph").css( "background-position", "-11px -104px");
			j("#"+denna+" > div.knappv").css( "background-position", "0px -104px");
			j("#"+denna+"sub").animate({ opacity: 'show' },100);
		}, function() {
			j(this).css( "background-position", "0px -0px")
			var denna = j(this).attr("id");
			j("#"+denna+" > div.knapph").css( "background-position", "-11px -26px");
			j("#"+denna+" > div.knappv").css( "background-position", "0px -26px");
			j("#"+denna+"sub").animate({ opacity: 'hide' },100);
		})
		
	//Bygg meny (selected)
	j("div.knappselected").append('<div class="knapphselected"></div><div class="knappvselected"></div><div class="selectedcoverup"> </div>');
		//hoverknapp
		j("div.knappselected").hover(function() {
			var denna = j(this).attr("id");
			j("#"+denna+"sub").css( "display", "none");
			j("#"+denna+"sub").animate({ opacity: 'show' },100);
		}, function() {
			var denna = j(this).attr("id");
			j("#"+denna+"sub").animate({ opacity: 'hide' },100);
		})
		
	var selectedWidth = j("div.knappselected").width();
	var selectedWidth = selectedWidth + 18;
	j("div.selectedcoverup").width(selectedWidth);
	
	//frontpagepuffing
	j("div.readmore").hover( function() {
		j(this).css("background-position", "0px 0px");
	}, function () {
		j(this).css("background-position", "0px -50px");
	})
	
	j("div.sendformbtn").hover( function() {
		j(this).css("background-position", "0px 0px");
	}, function () {
		j(this).css("background-position", "0px -50px");
	})
	
	
	var docHeight = j(document).height();
	var docWidth = j(document).width();
	j("#coverwhole").height(docHeight).width(docWidth);
	j("#coverwhole").animate({ opacity: '100%'},2000).animate({ opacity: 'hide'},2000)
	
	j("select#archiveselect").change(function(){
		var thisVal = j(this).val();
		location.href = '?p=5&'+thisVal+'';
	})
	

});