//var windowArray = new Array('etalag_1.jpg','etalage_2.jpg','etalage_3.jpg','etalage_4.jpg','etalage_5.jpg','etalage_6.jpg');
var totalWindowsDisplay = 3;
var totalWindows = windowArray.length;
var windowHeight = 290;
var windowWidth = 695;
var activeWindow;
var windowPosition1 = -695;
var windowPosition2 = 0;
var windowPosition3 = 695;
var windowPosition4 = 1390;

function e(id) {
	return document.getElementById(id);
}
$(document).ready(function()
{
	if(jQuery.browser.msie && parseInt(jQuery.browser.version, 10) == 6) {
	  try {
	    document.execCommand("BackgroundImageCache", false, true);
	  } catch(err) {}
	}
	initWindows();
	initDisplay();

    $(".btn").mouseover(function()
	{
		$(this).attr("src",$(this).attr("src").split('_off').join('_hvr'));
	});
	$(".btn").mouseout(function()
	{
		$(this).attr("src",$(this).attr("src").split('_hvr').join('_off'));
	});
	
	if(totalWindows==1){
		disableNext();
   		disablePrev();
	}else
	{
		enableNext();
    	disablePrev();
	}
     
    $(window).resize(function(){
  		initDisplay();
	});	
});


function initDisplay(){
	if($(window).width()>1200){
		$("#header").css("overflow","visible");
	}else{
		$("#header").css("overflow","hidden");
	}
}
function initWindows(){
	curWindow = 1;
	
	var titleString = windowMessageArray[(curWindow-1)];
	$("#bannerTitles").html(titleString);
	if(totalWindowsDisplay>totalWindows){
		totalWindowsDisplay = totalWindows;
	}
	
	for(var i = 1;i<=totalWindowsDisplay;i++){
		var imageString = '<div id="display_'+i+'" class="displayImage"><img src="'+windowArray[(i-1)]+'" alt="" width="695" height="290"/></div>';
		$("#shopDisplay").append(imageString);
		var newX = (i - 1) * windowWidth;
		$("#display_"+i).animate({left: newX,top: 0}, 0);		
	}
}

function disableNext(){
	$("#displayNavigationNext").unbind('click');
	$("#displayNavigationNext").fadeTo("normal", 0.3);
	$("#redbannerTop").fadeTo("normal", 0);
}
function disablePrev(){
	$("#displayNavigationPrev").unbind('click');
	$("#displayNavigationPrev").fadeTo("normal", 0.3);
}
function enableNext(){
	if(totalWindows == 1){
		$("#redbannerTop").fadeTo(0, 0);
	}else{
		if ($.browser.msie && $.browser.version.substr(0,1)<7) {
			$("#redbannerTop").fadeTo(0, 0.6);
		}else
		{
			$("#redbannerTop").fadeTo(0, 0.6);
		}
    }
	$("#displayNavigationNext").unbind('click');
	$("#displayNavigationNext").bind("click", function(e){
    	scrollWindowsNext();
    });
    $("#displayNavigationNext").fadeTo("normal", 1);
    
}
function enablePrev(){
	$("#displayNavigationPrev").unbind('click');
	$("#displayNavigationPrev").bind("click", function(e){
    	scrollWindowsPrev();
    });
    $("#displayNavigationPrev").fadeTo("normal", 1);  
}

function scrollWindowsNext(){
	enablePrev();

	var titleString = windowMessageArray[(curWindow)];
	$("#bannerTitles").html(titleString);
	
	if(curWindow < (totalWindows-2)){
		if($("#display_"+(curWindow+3)).length > 0){
			
		}else{
			var imageString = '<div id="display_'+(curWindow+3)+'" class="displayImage"><img src="'+windowArray[(curWindow+2)]+'" alt="" width="695" height="290"/></div>';
			$("#shopDisplay").append(imageString);
			$("#display_"+(curWindow+3)).animate({left: windowPosition4,top: 0}, 0);
		}
	}
	
	if(curWindow < totalWindows){
		$("#display_"+curWindow).animate({left: windowPosition1,top: 0}, 300);
		$("#display_"+(curWindow+1)).animate({left: windowPosition2,top: 0}, 300);
		$("#display_"+(curWindow+2)).animate({left: windowPosition3,top: 0}, 300);
		curWindow++;
	}
	
	if(curWindow==totalWindows){
		disableNext();
	}
	
}

function scrollWindowsPrev(){
	enableNext();
		
	if(curWindow > 1){
		$("#display_"+(curWindow+1)).animate({left: windowPosition4,top: 0}, 300);
		$("#display_"+curWindow).animate({left: windowPosition3,top: 0}, 300);
		$("#display_"+(curWindow-1)).animate({left: windowPosition2,top: 0}, 300);
		curWindow--;
	}

	var titleString = windowMessageArray[(curWindow-1)];
	$("#bannerTitles").html(titleString);

	if(curWindow==1){
		disablePrev();
	}	
}

function clearDefault(el)
{
  if (el.defaultValue == el.value) el.value = '';
}

function setDefault(el)
{
  if (el.value == '') el.value = el.defaultValue;
}

function toggleContentCalendar(total,id)
{
	for(var i = 1;i<=total;i++){
		if(i==id){
		
			if ($("#calender_text_large_"+id).is(":visible"))
			{ 
				$("#leesmeer_"+id).text("Lees meer");
			}else
			{ 
				$("#leesmeer_"+id).text("Verbergen"); 
			}
			$("#calender_text_large_"+id).slideToggle(250);
		}else{

			$("#calender_text_large_"+i).slideUp(250);
			$("#leesmeer_"+i).text("Lees meer");
		}
	}
}

function toggleContentNews(total,id)
{

	for(var i = 1;i<=total;i++){
		if(i==id){
		
			if ($("#article_text_large_"+id).is(":visible"))
			{ 
				$("#leesmeer_"+id).text("Lees meer");
			}else
			{ 
				$("#leesmeer_"+id).text("Verbergen"); 
			}
			$("#article_text_large_"+id).slideToggle(250);
		}else{

			$("#article_text_large_"+i).slideUp(250);
			$("#leesmeer_"+i).text("Lees meer");
		}
	}

}

/* Contactform functions */

function toggleErrorLabel(label,state) {
	if(state == 'on') {
		document.getElementById(label).className = "errorlabel";
	}else{
		document.getElementById(label).className = "normallabel";
	}
}

function isValidEmail(str) {
   return (str.indexOf(".") > 2) && (str.indexOf("@") > 0);
}

function ValidateForm(form) {
	
	var error = 0;
	var errorMessage = 'Je hebt dit formulier niet volledig ingevuld:\n\n';
		
	if(typeof(form.required)=='undefined') {
		return true;
	}
	var fieldnames = form.required.value.split(',');
	
	for(key in fieldnames) {
		if(e(fieldnames[key])) {
			type = e(fieldnames[key]).type
			label = e('label_'+fieldnames[key]).innerHTML;
			label = strip_tags(label);
			//label = fieldnames[key];
			if(type=='text' || type=='textarea') {
				if(e(fieldnames[key]).value == "") { 
					errorMessage += '- '+label+' is niet ingevuld\n';
					error = 1;
					toggleErrorLabel('label_'+fieldnames[key],'on');
				}else{
					toggleErrorLabel('label_'+fieldnames[key]);
				}
			} else if(type=='select-one') {
				if(e(fieldnames[key]).options[e(fieldnames[key]).selectedIndex].value=='' || e(fieldnames[key]).options[e(fieldnames[key]).selectedIndex].value=='0') {
					errorMessage += '- '+label+' is niet gekozen\n';
					error = 1;
					toggleErrorLabel('label_'+fieldnames[key],'on');
				}
			} else {
				alert(type)
			}
		}
	
	}

	if(error){
		alert(errorMessage);
		return false; 
	}else{
		return true;
	}
}

function strip_tags(str, allowed_tags) { // needed for validateform!
   
    var key = '', allowed = false;
    var matches = [];
    var allowed_array = [];
    var allowed_tag = '';
    var i = 0;
    var k = '';
    var html = '';
 
    var replacer = function(search, replace, str) {
        return str.split(search).join(replace);
    };
 
    // Build allowes tags associative array
    if (allowed_tags) {
        allowed_array = allowed_tags.match(/([a-zA-Z]+)/gi);
    }
 
    str += '';
 
    // Match tags
    matches = str.match(/(<\/?[\S][^>]*>)/gi);
 
    // Go through all HTML tags
    for (key in matches) {
        if (isNaN(key)) {
            // IE7 Hack
            continue;
        }
 
        // Save HTML tag
        html = matches[key].toString();
 
        // Is tag not in allowed list? Remove from str!
        allowed = false;
 
        // Go through all allowed tags
        for (k in allowed_array) {
            // Init
            allowed_tag = allowed_array[k];
            i = -1;
 
            if (i != 0) { i = html.toLowerCase().indexOf('<'+allowed_tag+'>');}
            if (i != 0) { i = html.toLowerCase().indexOf('<'+allowed_tag+' ');}
            if (i != 0) { i = html.toLowerCase().indexOf('</'+allowed_tag)   ;}
 
            // Determine
            if (i == 0) {
                allowed = true;
                break;
            }
        }
 
        if (!allowed) {
            str = replacer(html, "", str); // Custom replace. No regexing
        }
    }
 
    return str;
}

function openSite(URLStr)
{
    var maxx = screen.width;
    var maxy = screen.height;
    windowprops = "toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=yes,width=100,height=100,left=100,top=100";
    window.open(URLStr+"&maxx="+maxx+"&maxy="+maxy,"",windowprops);
}