﻿//Onderstaande functies worden gebruikt door de applicatie, veranderingen aan deze code kan een correcte werking van de applicatie verhinderen
//verkrijg base href als deze aanwezig is voor het corrigeren van iexplorer javascript links
var baseAdres = "";
if( document.getElementsByTagName ) {
	var elems = document.getElementsByTagName('base');
	if( elems.length ) {
		baseAdres = elems[0].href;
	}
}

var cI = 0;
var nI = 0;
var t = null;
var aR = true;
function showImage(id){
	clearTimeout(t);
	cI = id;
	nI = id;
	nI ++;
	$('.nrActive').attr('class','nr');
	$('#nr' + id).attr('class','nrActive');
	if(nI > pageImages.length - 1){nI = 0}
	$('#image-back').css('background-image',$('#image-front').css('background-image'));
	$('#image-front').css({'opacity':0,'background-image':"url('" + pageImages[cI] + "')"});
	$('#image-front').animate({'opacity':1},{'duration':500,'queue':false,'complete':function(){
		$('#image-text').css('top',$('#image-text-container').css('height'));
		if(pageTexts[cI].length > 8){
			$('#image-content').html(pageTexts[cI]);
			$('#image-title').html(pageTitles[cI]);
			$('#image-content').css('display','block');
			if($('#image-content').height() > 44){
				$('#image-content').css('top','7px');
			} else {
				$('#image-content').css('top','19px');
			}
		} else {
			$('#image-content').html = '';
			$('#image-text').css('display','none');		
		}
		$('#image-text').animate({'top':0},{'duration':400,'queue':false});
		if(aR){
			t = setTimeout(function(){
				showImage(nI);			
			},3000);
		}
	}});
}

$(document).ready(function(){
	if(pageImages.length > 0){
		var preloadImages = new Array();
		for(i=0;i<pageImages.length;i++){
			preloadImages[i] = new Image();
			preloadImages[i].src = pageImages[i];
		}
		$('#image-text-container').append('<div id="image-text" style="top:90px"><div id="image-title"></div><div id="image-content"></div></div>');

		if(pageImages.length > 1){
			$('#image-back').append('<div id="nextImage"><div onclick="showImage(nI);aR = false;" id="nextImageOverlay"></div></div>');
			$('#nextImageOverlay').css('opacity',0);
			$('#nextImageOverlay').hover(function(){
				$('#nextImageOverlay').animate({'opacity':0.5},{'queue':false,'duration':200});									
			},function(){
				$('#nextImageOverlay').animate({'opacity':0},{'queue':false,'duration':200});																							
			});
			for(i=0;i<pageImages.length;i++){
				$('#image-back').append('<div class="nr" id="nr' + i + '" style="top:' + ( 30 + (i*28)) + 'px" onclick="showImage(' + i + ');aR = false;">0' + (i + 1) + '</div>');	
			}
		}
		showImage(0);
	}
	
	if($('#home-image-temp').length == 1){
		var loadImage = baseAdres + 'home_images/' + (Math.floor(Math.random()*3) + 1) + '.jpg';
		var preloadHome = new Image();
		preloadHome.onload = function(){
			$('#home-image').css({'background-image':'url(' + loadImage +')','background-repeat':'no-repeat','background-position':'left top','opacity':0});
			$('#home-image').animate({'opacity':1},{'duration':500,'queue':false,'complete':function(){
				$('#mainContentDiv, #image-back').css('display','block');
				setTimeout(function(){
					$('#home-image').animate({'width':1,'left':895},{'duration':1900,'queue':false,'complete':function(){
						$('#home-image').css('display','none');												 
					}});
				},750);
			}});
		};
		preloadHome.src = loadImage;
	}

	if($('#form-image').length == 1){
		var loadImage = baseAdres + 'home_images/' + (Math.floor(Math.random()*3) + 1) + '.jpg';
		var preloadHome = new Image();
		preloadHome.onload = function(){
			$('#form-image').css({'background':'url(' + loadImage +') no-repeat top left','opacity':0});
			$('#form-image').animate({'opacity':1},{'duration':500,'queue':false});
		};
		preloadHome.src = loadImage;			
	}
	
	$('#nieuwsbrief-overlay').hover(function(){
		$('#nieuwsbrief').animate({'width':40},{'queue':false,'duration':100});										 
	},function(){
		$('#nieuwsbrief').animate({'width':32},{'queue':false,'duration':140});										 											
	});
	if($('#twitter-block').length > 0){
		var t=3;
		var uid='klijsenschoenen';
		var output = '';
		var url = "get_tweets.asp";
		  $.get(url,
		   function(data){
			c = 0;
			$(data).find('status').each(function(){
					if(c < 3){
						c ++;
						var r = '';
						r += format($(this));
						output += r;
					}
				});
				output += '<br ' + '/><div id="tweets-footer"><a id="more-tweets" href="http://www.twitter.com/' + uid + '/">meer tweets<' + '/a>';
				output +=  'volg ons via <a id="facebook-follow" class="link" ><span> <' + '/span><' + '/a>';
				output +=  '<a id="twitter-follow" target="_blank"  href="http://www.twitter.com/' + uid + '/" class="link"><span> <' + '/span><' + '/a>';
				output +=  '<a id="facebook-follow" target="_blank" href="http://www.facebook.com/pages/Klijsen-Schoenmode/171767342917722" class="link"><span> <' + '/span><' + '/a>';
        output += '</div>';
			$('#twitter-block').html('<div class="twitter-link"></div><div class="tweets-container">' + output + '<' + '/div>');
			$('#twitter-block .link span').css({'display':'block','opacity':0});
			$('#twitter-block .link span').hover(function(){
				$(this).animate({'opacity':1},{'duration':150,'queue':false});		
			}, function(){
				$(this).animate({'opacity':0},{'duration':150,'queue':false});
			}
	);
		});
	}
	var oH = $('#mainMenuSeperator0').css('height');
	$('.sub-menu > li').hover(function(){
			if($(this).find('ul').length > 0){
				var id = parseInt($(this).attr('id').substring(4));
				$('#mainMenuSeperator' + id + ', #mainMenuSeperator' + (id + 1)).css('height',60);
			}
		}, function(){
			var id = parseInt($(this).attr('id').substring(4));
			$('#mainMenuSeperator' + id + ', #mainMenuSeperator' + (id + 1)).css('height',oH);			
		}
	);
	$('#lang-nav a span').css({'display':'block','opacity':0});
	$('#lang-nav a span').hover(function(){
			$(this).animate({'opacity':1},{'duration':150,'queue':false});		
		}, function(){
			$(this).animate({'opacity':0},{'duration':150,'queue':false});
		}
	);
	$('.button').css('opacity',1);
	$('.button').hover(function(){
			$(this).animate({'opacity':0.7},{'duration':150,'queue':false});		
		}, function(){
			$(this).animate({'opacity':1},{'duration':150,'queue':false});
		}
	);
  
  //get facebook likes
  /*
  setTimeout(function(){
    if($('.facebook-like-box').css('display') == 'block'){
      var fgraph = 'http://graph.facebook.com/171767342917722/?callback=?';
      $.getJSON(fgraph, function(json) {
         $('#facebook-like-box-likes').html(json.likes);
       });
    }
  },150);
  */
});

//twitter block
var months = new Array('januari', 'februari', 'maart', 'april', 'mei', 'juni', 'juli', 'augustus', 'september', 'oktober', 'november', 'december');
function format(data){
	var date = new Date(Date.parse(data.children('created_at').text().replace('+0000','')));
	var output = date.getDate() + ' ' + months[date.getMonth()] + ' ' + date.getFullYear() + ' | ' + date.getHours() + '.' + date.getMinutes() + '<br />';
	t = data.find('text').text().parseURL().parseUsername().parseHashtag().parseWWW();

	output += '<div class="tweet" href="javascript:;" style="cursor:default">' + t + '</' + 'div>';
//	output += '<a class="tweet" href="http://twitter.com/' + data.find('user screen_name').text() + '/status/' + data.children('id').text() + '" target="_blank">' + t + '</a>';
	
	return output;
}

function printPagina(){
	printVenster = open("","printWindow","width=800,height=400,left=10,top=10,resizable=yes");
	var printTekst = document.getElementById("mainContentDiv").innerHTML;
	printTekst = printTekst.replace(/<div class="etalageAfbeelding".*url\((.*)\).* .*<\/div>/ig,'<img src="$1" alt="" style="float:left;margin-right:10px;"/>');
	printTekst = printTekst.replace(/<div class="paginaAfbeeldingen".*url\((.*)\).* .*<\/div>/ig,'<img src="$1" alt="" style="float:left;"/>');
	printTekst = printTekst.replace(/<div class="etalageAfbeeldingen".*url\((.*)\).* .*<\/div>/ig,'<img src="$1" alt="" style="float:left;"/>');
	printTekst = printTekst.replace(/<div style="width.*url\((.*)\).* no-repeat.*<\/div>/ig,'<img src="$1" alt="" style="float:left;"/>');

	var printHTML = '<HTML><HEAD><TITLE>' + document.title + '</TITLE>';
	if(baseAdres != ""){printHTML += '<base href="' + baseAdres +  '/" />'} 
	printHTML += '<LINK HREF="basic.css" REL="stylesheet" TYPE="text/css"></HEAD><BODY onload="window.print()">'
	printHTML += printTekst;
	printHTML += '</BODY></HTML>'
	printVenster.document.open();
	printVenster.document.write(printHTML);
	printVenster.document.close();
}
function checkSubscribe(){
	var returnStatus = true;
	var testEmail = document.inputForm.email.value;
	document.getElementById("error1").innerHTML = '';
	document.getElementById("error2").innerHTML = '';
	document.getElementById("error3").innerHTML = '';
	if(testEmail.indexOf('@') < 2 || testEmail.indexOf('.') == -1){
		document.getElementById("error1").innerHTML = " ongeldig adres"
		returnStatus = false;
	}
	var testNaam = document.inputForm.naam.value;
	if(testNaam == ""){
		document.getElementById("error2").innerHTML = " verplicht veld"
		returnStatus = false;		
	}
	var testCaptcha = document.inputForm.recaptcha_response_field.value;
	if(testCaptcha == ""){
		document.getElementById("error3").innerHTML = " vul de beveiligingscodes in"
		returnStatus = false;		
	}
	return returnStatus;
}
String.prototype.parseURL = function() {
	return this.replace(/[A-Za-z]+:\/\/[A-Za-z0-9-_]+\.[A-Za-z0-9-_:%&\?\/.=]+/ig, function(url) {
		return url.link(url);
	});
};
String.prototype.parseWWW = function() {
	return this.replace(/[^/]www\.[A-Za-z0-9-_:%&\?\/.=]+/ig, function(url) {
		var linkTo = "http://" + url.substr(1);
		return ' ' + url.substr(1).link(linkTo);
	});
};
String.prototype.parseUsername = function() {
	return this.replace(/[@]+[A-Za-z0-9-_]+/ig, function(u) {
		var username = u.replace("@","")
		return u.link("http://twitter.com/"+username);
	});
};
String.prototype.parseHashtag = function() {
	return this.replace(/[#]+[A-Za-z0-9-_]+/ig, function(t) {
		var tag = t.replace("#","%23")
		return t.link("http://search.twitter.com/search?q="+tag);
	});
};

function openMenu(menuID,submenuID){}
