/**
 * @author http://www.jvm.ch
 */
$(document).ready(function(){
	
	// home: animate sections
	//****************************
	var aniHeight1 = Math.floor($(window).height()/100*7); // 7% of windowHeight
	var aniHeight2 = Math.floor($(window).height()/100*60); // 60% of windowHeight
	
	function animUp(){
		$("#home #white").animate({ 
			minHeight: aniHeight1+"px"
			}, 1000 );
			$("#red").css({ minHeight:"830px" });
		setTimeout(function(){
			//$("#home #red article,.mediaspaceWrapper").fadeIn("slow");
			$("#home #red #widgets,.mediaspaceWrapper").fadeIn("slow");
		}, 1500);
	};
	
	function animDown(){
		$("#home #white").animate({ 
			minHeight: aniHeight2+"px"
		}, 1000 );
		$("#red").css({ minHeight:"auto" });
		//$("#home #red article,.mediaspaceWrapper").fadeOut("fast");
		$("#home #red #widgets,.mediaspaceWrapper").fadeOut("fast");
	};
	
	//$("#home header").click(animDown);
	
	$("#home #red").click(function () {
		$("nav li").removeClass('current');
		animUp();
    });
	
	setTimeout(function(){
		var layHeight = $("#home #white").css("minHeight");
		if(layHeight <= "180px"){
				animUp();
		} else {
			return true;
		};
	}, 3000);
	
	// set active nav-element
	//***********************
	$("nav#main a").mouseout(function () { 
		$("nav#main li").removeClass('over');
	}).mouseover(function(){
		$(this).parent().addClass('over');
	});
	$("nav#main a").click(function () { 
		if($("nav#main li").hasClass("current")){
			$("nav#main li").removeClass('current');
			$(this).parent().addClass('current');
		}else{
			$(this).parent().addClass('current');
		}
    });
	
	// set search input functions
	//***************************
	$("#fldSearch input").focus( function () {
		$("#fldSearch label").css({ color:"#DDDDDD" });
	});
	$(document).keyup(function(event){
		$("#fldSearch label").css({ display: "none" });
	});
	$("#fldSearch input").blur( function () {
		if($("#fldSearch input").val() == ""){
			$("#fldSearch label").css({display: "block" , color: "#808080" });
		}else{
			$("#fldSearch label").css("display","none");
		} 
	});

	// get document height
	//********************
	function resizeWindow() {
		var newWindowHeight = $(window).height();
		$("#home #page").css("height", newWindowHeight+"px" );
	};
	var resizeTimer = null;
	$(window).bind('resize', function() {
	    if (resizeTimer) clearTimeout(resizeTimer);
	    resizeTimer = setTimeout(resizeWindow, 100);
	});
	
// init Content Tabs
//**********************
	$(function() {
		$(".contentTabs").tabs();
	});

	
// Biscuit Slider
//**********************
var randomElem = Math.ceil(Math.random()*21);
var avtiveElem = randomElem;
	$("#sliderTabs").tabs({
		selected: avtiveElem,
		select: function(event, ui) {
			$("#slider").slider("value", ui.index);
		}
	});
		
	$("#slider").slider({
		range: "min",
		value: avtiveElem,
		min: 0,
		max: $("#sliderTabs").tabs("length") - 1,
		slide: function(event, ui) {
			$("#sliderTabs").tabs("select", ui.value);
		}
	});
	
// History Slider
//**********************
	$(".scroll-content-item a").click(function () {
		$(".scroll-content-item a").removeClass("current");
		$(this).toggleClass("current");
		
		var clickID = this.id.substr(3);
		$(".artWrapper article").fadeOut("fast");
			setTimeout(function(){ {
				$(".artWrapper article#cont"+clickID).fadeIn("slow");
			};
		}, 750);
    });

	$(function() {
		//scrollpane parts
		var scrollPane = $('.scroll-pane');
		var scrollContent = $('.scroll-content');
		
		//build slider
		var scrollbar = $(".scroll-bar").slider({
			slide:function(e, ui){
				if( scrollContent.width() > scrollPane.width() ){ scrollContent.css('margin-left', Math.round( ui.value / 100 * ( scrollPane.width() - scrollContent.width() )) + 'px'); }
				else { scrollContent.css('margin-left', 0); }
			}
		});
		
		//append icon to handle
		var handleHelper = scrollbar.find('.ui-slider-handle')
		.mousedown(function(){
			scrollbar.width( handleHelper.width() );
		})
		.mouseup(function(){
			scrollbar.width( '100%' );
		})
		.append('<span class="ui-icon ui-icon-grip-dotted-vertical"></span>')
		.wrap('<div class="ui-handle-helper-parent"></div>').parent();
		
		//change overflow to hidden now that slider handles the scrolling
		scrollPane.css('overflow','hidden');
		
		//size scrollbar and handle proportionally to scroll distance
		function sizeScrollbar(){
			var remainder = scrollContent.width() - scrollPane.width();
			var proportion = remainder / scrollContent.width();
			var handleSize = scrollPane.width() - (proportion * scrollPane.width());
			scrollbar.find('.ui-slider-handle').css({
				width: handleSize,
				'margin-left': -handleSize/2
			});
			handleHelper.width('').width( scrollbar.width() - handleSize);
		}
		
		//reset slider value based on scroll content position
		function resetValue(){
			var remainder = scrollPane.width() - scrollContent.width();
			var leftVal = scrollContent.css('margin-left') == 'auto' ? 0 : parseInt(scrollContent.css('margin-left'));
			var percentage = Math.round(leftVal / remainder * 100);
			scrollbar.slider("value", percentage);
		}
		//if the slider is 100% and window gets larger, reveal content
		function reflowContent(){
				var showing = scrollContent.width() + parseInt( scrollContent.css('margin-left') );
				var gap = scrollPane.width() - showing;
				if(gap > 0){
					scrollContent.css('margin-left', parseInt( scrollContent.css('margin-left') ) + gap);
				}
		}
		
		//change handle position on window resize
		$(window)
		.resize(function(){
				resetValue();
				sizeScrollbar();
				reflowContent();
		});
		//init scrollbar size
		setTimeout(sizeScrollbar,10);//safari wants a timeout
	});
	
	
	
	$.randomImage = {
		defaults: {
			//you can change these defaults to your own preferences.
			path: '/layout/img/', //change this to the path of your images
			myImages: ['img_widg_sortiment1.png', 'img_widg_sortiment2.png', 'img_widg_sortiment3.png', 'img_widg_sortiment4.png', 'img_widg_sortiment5.png', 'img_widg_sortiment6.png', 'img_widg_sortiment7.png', 'img_widg_sortiment8.png', 'img_widg_sortiment9.png' ]
		}
	}
	$.fn.extend({
			randomImage:function(config) {
				var config = $.extend({}, $.randomImage.defaults, config);
				 return this.each(function() {
					var imageNames = config.myImages;
					//get size of array, randomize a number from this
					// use this number as the array index
					var imageNamesSize = imageNames.length;
					var lotteryNumber = Math.floor(Math.random()*imageNamesSize);
					var winnerImage = imageNames[lotteryNumber];
					var fullPath = config.path + winnerImage;
					
					//put this image into DOM at class of randomImage
					// alt tag will be image filename.
					$(this).attr( {
						src: fullPath,
						alt: winnerImage
					});						
				});	
			}
	});
	$('#shuffleImg').randomImage({path: '/layout/img/'});
});


function getVote(int) {
	if (window.XMLHttpRequest) { // code for IE7+, Firefox, Chrome, Opera, Safari
		xmlhttp=new XMLHttpRequest();
	} else { // code for IE6, IE5
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function() {
		if (xmlhttp.readyState==4 && xmlhttp.status==200) {
			document.getElementById("poll").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","poll_vote.php?vote="+int,true);
	xmlhttp.send();
}