// JavaScript Document
var ie = false;
var inputdefault 	= new Array();

$(document).ready(function() {
	hoverFields();
	setBackground();
	
	var header		 	= new fader('rotatie');
	var homeActiesRow1	= new fader('homeActiesRow1', true);
	var homeActiesRow2	= new fader('homeActiesRow2', true);
	var shopImage		= new fader('shop-image');
	var loginTabs	 	= new myTabs('column');
	
	var browserHeight = $(window).height();
	if(browserHeight > $("#container").height()) $("#container").height(browserHeight-20)
	
	productSlider();
	if(Shadowbox) Shadowbox.init({skipSetup: false});
});

function showHotspot(id){
	$('#'+id).show();
}
function hideHotspot(id){
	$('#'+id).hide();
}
		
function productSlider(tabElement){
	var active	= false;
	
	$("#winkels a").mouseover(function(){
		showHotspot(this.rel);
	});
	$("#winkels a").mouseout(function(){
		hideHotspot(this.rel);
	});
	
	$(".productItem", '#producten').click(function(){
		if(active==this){
			$(active).removeClass('active');
			active = false;
			$(this).parent().find('.columnLabel').animate({left: -220});
		} else if(active){
			$(active).removeClass('active');
			$(active).parent().find('.columnLabel').animate({left: -220}, 0);
			
			active = this;
			$(active).addClass('active');
			$(this).parent().find('.columnLabel').animate({left: 0}, 0);
			
		} else {
			active = this;
			$(active).addClass('active');
			
			$(this).parent().find('.columnLabel').animate({left: 0});
		}
	});
}

function myTabs(tabElement){
	var actTab	= false;
	
	this.initialize = function(){
		if($('#'+tabElement).length > 0){
			$('.tab-content', '#'+tabElement).hide();
			actTab = $(".myTabs a.active", '#'+tabElement).attr('rel');
			$(actTab).show();
		}
	};
	this.initialize();
	
	$(".myTabs a", '#'+tabElement).click(function(){
		$('.tab-content', '#'+tabElement).hide();
		actTab = $(this).attr('rel');
		$(actTab).show();
		
		$(".myTabs a", '#'+tabElement).removeClass('active');
		$(this).addClass('active');
		//return false;
	});
}
function fader(sliderElement, mouseOver){
	var items		= new Array();
	var timer		= false;
	var time		= 4000;
	var speed		= 2000;
	var curItem		= 0;
	
	this.initialize = function(){
		items = $('.item', '#'+sliderElement);
				
		if(items.length > 1){
			$('#'+sliderElement+' .item').fadeOut(0);
			$(items[curItem]).fadeIn(0);
			
			timer = window.setTimeout(autoNext, time);
		}
		if(mouseOver){
			$('#'+sliderElement+' .item').mouseover(function(){
				window.clearTimeout(timer);
				timer = false;
			});
			$('#'+sliderElement+' .item').mouseout(function(){
				timer = window.setTimeout(autoNext, time);
			});
		}
	};
	this.initialize();
	
	function autoNext(){
		window.clearTimeout(timer);
		timer = false;
		
		$(items[curItem]).fadeOut(speed);
		var rotatieNum = curItem + 1;
		if(rotatieNum >= items.length) rotatieNum = 0;
		curItem = rotatieNum;
		
		$(items[curItem]).fadeIn(speed);
		timer = window.setTimeout(autoNext, time);
	}
}
function slider(sliderElement, gotoActive){
	var items		= new Array();
	var timer		= false;
	var curItem		= 0;
	var curLeft		= 0;
	var itemWidth	= 0;
	//var slideWidth	= 0;
	
	this.initialize = function(){
		items = $('.item', '#'+sliderElement);
		if(items.length > 0) itemWidth = $(items[0]).width();
		//slideWidth	= $("#slider_holder").width() /2;
		
		if(items.length > 1){
			$('.prev', '#'+sliderElement).click(prev);
			$('.next', '#'+sliderElement).click(next);
			
			$('.prev', '#'+sliderElement).fadeOut(0);
			
			if(gotoActive){
				var active = false;
				for(i=0; i < items.length; i++){
					if($(items[i]).hasClass('active')){
						active	= items[i];
						curItem	= i;	
					}
				}
				if(active){
					curLeft	= active.offsetLeft - itemWidth;
					if(curLeft <= 0) curLeft = 0;
					$('.slider_move', '#'+sliderElement).animate({ left: -(curLeft) },0,'swing');
					
					if(curLeft > 0) $('.prev', '#'+sliderElement).fadeIn(0);
				}
			}
			
		} else {
			$('.prev', '#'+sliderElement).fadeOut(0);
			$('.next', '#'+sliderElement).fadeOut(0);
		}
	};
	this.initialize();
	
	function next(){
		var num = curItem + 1;
		if(num >= (items.length-1)){
			num = items.length - 1;
			$('.next', '#'+sliderElement).fadeOut(50);
		}
		curItem = num;
		if(curItem > 0)		$('.prev', '#'+sliderElement).fadeIn(50);
		
		curLeft = (itemWidth * (curItem));
		$('.slider_move', '#'+sliderElement).animate({ left: -(curLeft) },500,'swing');
	}
	function prev(){
		var num = curItem - 1;
		if(num <= 0){
			num = 0; //items.length - 1;
			$('.prev', '#'+sliderElement).fadeOut(50);
		}
		curItem = num;
		if(curItem <= items.length)		$('.next', '#'+sliderElement).fadeIn(50);
		
		curLeft = (itemWidth * (curItem));
		$('.slider_move', '#'+sliderElement).animate({ left: -(curLeft) },500,'swing');
	}
}

function hoverFields(){
	var def = $('.input_default');
	for(i=0; i < def.length; i++){
		inputdefault[def[i].name] = def[i].value;
	}
	//alert(inputdefault);
	$(".input_veld").focus(function() {
		if($(this).hasClass('input_default') && this.value == inputdefault[this.name]){
			this.value = '';
			$(this).removeClass('input_tdefault');
		}
		$(this).addClass('input_hover');
		return false;
	});
	$(".input_veld").blur(function() {
		if($(this).hasClass('input_default') && this.value == ''){
			this.value = inputdefault[this.name];
			$(this).addClass('input_tdefault');
		}
		$(this).removeClass('input_hover');
		return false;
	});
}


var curBG		 	= 1;
var bgs		 		= 1;
var currentBG	 	= 0;
var numBG			= false;
var slideTimerBG	= false;
function setBackground(){
	bgs 	= $('#bg');
	numBG	= bgs.length;
	var bw	= $(window).width();
	var bh	= $(window).height();
	var oh	= $('#overall_holder').height();
	if(oh > bh){
		bh = (oh + 10);
		$('#bg').height(bh);
	}
	var maxHeight	= bh;
	
	var cw = $('#bg img').width();
	var ch = $('#bg img').height();
	if(bw > bh){
		var tmp = (bw / cw);
		
		var newWidth = bw;
		var newHeight = (ch * tmp);	
	} else {
		var tmp = (bh / ch);
		
		var newWidth = (cw * tmp);	
		var newHeight = bh;	
	}
	if(newHeight < bh){
		var tmp = (bh / ch);
		
		var newWidth = (cw * tmp);	
		var newHeight = bh;	
	}
	
	// 1259 - 535 - 1259 - 944.25
	//alert(bw +' - '+bh+' '+newWidth+' '+newHeight);
	if(newWidth)	$('#bg img').width(newWidth);
	if(newHeight)	$('#bg img').height(newHeight);
	if(newHeight > maxHeight) maxHeight = newHeight;
	
	//$('#background').height(maxHeight);
	return false;
}