$(document).ready(function() {	
	
	//SUBMENU
	$('#submenu li a').each(function() {
		if($(this).hasClass("active")) {
			$(this).parent().prev().css("background-image", "url(layouts/ode/images/sub_over2.png)");
		}
		else {
			$(this).hover(function() {
				$(this).parent().prev().css("background-image", "url(layouts/ode/images/sub_over.png)");
			},
			function() {
				$(this).parent().prev().css("background-image", "url(layouts/ode/images/sub_uit.png)");
			});
		}
	});
	
	$('#submenu li').each(function() {
		if($(this).hasClass("active")) {
			$(this).prev().css("background-image", "url(layouts/ode/images/sub_over2.png)");
		}
	});
	
		
	$("#templateH1image .productBlok").each(function(i){
		if(i > 0) {
			$(this).prev().append('<div class="line1"></div>');
		}
	});
	
	//NEWS HOME
	tNews=0;
	$('.nieuwsblok').each(function(){
		if(tNews==0){
			$(this).css('margin-left','0px');
		}
		if(tNews==1) tNews=0;
		else tNews++;
	});
	
	//CONTACT
	rollArea = '';
	$("#Map area").mousemove(function(e){
		rollArea = this.id;
	});
	
	$(".contactmail").hover(function() {
		$(this).css("background-image", "url(layouts/ode/images/contact_pijl_over.png)");
		$(this).children("div").css("background-color", "#f70593");
	},
	function() {
		$(this).css("background-image", "url(layouts/ode/images/contact_pijl.png)");
		$(this).children("div").css("background-color", "#000000");
	});
	
	/*$("#Map").mouseleave(function(){
		alert('mouse leave rollArea: '+rollArea);
		if(rollArea == '') {
			$(".imageHolderContactRoll").children("img").attr("src", src);
			//$("#lographicName").stop();
			$("#lographicName").css('opacity','0');
			$("#lographicName").css('left','0');
			$("#lographicName").css('display','none');
		}
	});*/
	
	$('#Map area').each(function() {
		$(this).mouseenter(function(){
			if(rollArea != this.id) {
				src = $(".imageHolderContactRoll").children("img").attr("src");
				$(".imageHolderContactRoll").children("img").attr("src",$(this).attr("hover"));
				
				$("#zwartvlak").children('.naam').html($(this).attr('rollname'));
				$("#zwartvlak").children('.bezig').html($(this).attr('rollbezig'));
				$("#lographicName").css('display','block');
				
				var partsArray = $(this).attr('coords').split(',');
				var xpos = partsArray[0];
				
				if(xpos == 262) xpos = 80;
				$("#lographicName").css('left',(xpos-50));
				
				$("#lographicName").animate({
					opacity:1.0,
					left:xpos
				}, 200);
				
			}
		}).mouseleave(function(){
			if(rollArea != this.id) {
				$(".imageHolderContactRoll").children("img").attr("src", src);
				//$("#lographicName").stop();
				$("#lographicName").css('opacity','0');
				$("#lographicName").css('left','0');
				$("#lographicName").css('display','none');
				rollArea = '';
			}
		});
	});
	
	
	//RELATED LINKS
	tLinks=0;
	$('.opdrachtgever').each(function(){
		if(tLinks==0){
			$(this).css('margin-left','0px');
		}
		if(tLinks==4) tLinks=0;
		else tLinks++;
	});
	
	
	//PORTFOLIO
	$('.singlePortfolio').each(function() {
		if(!$(this).hasClass("singlePortfolioActive")) {
			$(this).hover(function() {
				$(this).children(".title").css("color", "#fe0095");
			},
			function() {
				$(this).children(".title").css("color", "#000");
			});
		}
	});
	
	tPortfolio=0;
	$('.singlePortfolio').each(function(){
		if(tPortfolio==0){
			$(this).css('margin-left','0px');
		}
		if(tPortfolio==4) tPortfolio=0;
		else tPortfolio++;
	});
	
	$(".slideshow").click(function(event){
		var slideImages = $(this).children('div').children('img').length;
		if(slideImages > 1) {
			clearInterval(slshow);
			slideSwitch($(this), true);
		}
   	});
	
	$('.slideshow').each(function(i) {
		t=0;
		total=0;
		slideSwitch($(this));
		
		imgArray = [];
		
		var slideImages = $(this).children('div').children('img').length;
		if(slideImages > 1) {
			
			slideNav = '<div class="slideshownav">';
			
			for( var i = 0, len = slideImages; i<len; ++i ) {
				imgArray.push({
					'id':i
				});
				
				if(i == 0) css = 'style="background-color:#666666"'; else css= '';
				slideNav += '<div class="navholder" num="'+i+'"><div class="navblock active" '+css+'></div></div>';
			}
			
			slideNav += '</div>';
			$(slideNav).insertAfter($('.slideshow'));
			
			var deze = $(this);
			slshow = setInterval(function(){ slideSwitch(deze); }, 4000);
		}
	})
	
	$(".navholder").click(function(event){
		clearInterval(slshow);
		var deze = $(this).parent().parent().children('.slideshow');
		slideSwitch(deze, true, $(this).attr('num'));
   	});
});

function slideSwitch(parent, klik, id, normal) {
	if(normal) {
		clearInterval(slshow);
		slshow = setInterval(function(){ slideSwitch(parent); }, 4000);
	}
	
	if(id) {
		t = parseInt(id)+1;
	}
	else {
		if(t==0) t=1;
	}
	
	$('.navholder').each(function(index) {
		if($(this).children('.navblock').hasClass('active')) {
			$(this).children('.navblock').css('background-color', '#CCCCCC');
			$(this).children('.navblock').removeClass('active');
		}
		
		if(id) ac = id; else ac = (t-1);
		if(ac == $(this).attr('num')) {
			$(this).children('.navblock').css('background-color', '#666666');
			$(this).children('.navblock').addClass('active');
		}
	});
	
	if(!klik) {
		var first=false;
		if(total==0){
			var first=true;
			var i=1;
			$(parent).each(function(){
				$(this).find("div img").each(function(){
					$(this).attr('imagenum',i);
					if(i==1) $(this).show();
					else $(this).hide();
					i++;
				});
			});
			
			total=i;
		}
	}
	
	if(id) {
		parent.find('div img').hide();
		num = parseInt(id)+1;
		parent.find('div img[imagenum="'+num+'"]').show();
	}
	else {
		if(!first){
			parent.find('div img').fadeOut('slow');
			parent.find('div img[imagenum="'+t+'"]').fadeIn('slow');
		}
	}
	
	if(klik) slshow = setInterval(function(){ slideSwitch(parent, null, null, true); }, 8000);
	
	id = false;
	t++;
	if(t==total) t=1;	
}


browserName = whichBrowser();
var Browser = {
	Version: function() {
		var version = 999; // we assume a sane browser
		if (navigator.appVersion.indexOf("MSIE") != -1){
			version = parseFloat(navigator.appVersion.split("MSIE")[1]);
			return version;
		}
	}
}

if (browserName=='Internet Explorer'){
	if (Browser.Version() < 8) {
		document.write('<link href="css/default_ie7.css" rel="stylesheet" type="text/css" />');
	}
	else {
		document.write('<link href="css/default_ie.css" rel="stylesheet" type="text/css" />');
	}
}
else if (browserName=='Safari'){
	document.write('<link href="css/default_ie.css" rel="stylesheet" type="text/css" />');
}

function whichBrowser() {
	var agt=navigator.userAgent.toLowerCase();

	if (agt.indexOf("chrome") != -1) return 'Chrome';
	if (agt.indexOf("opera") != -1) return 'Opera';
	if (agt.indexOf("staroffice") != -1) return 'Star Office';
	if (agt.indexOf("webtv") != -1) return 'WebTV';
	if (agt.indexOf("beonex") != -1) return 'Beonex';
	if (agt.indexOf("chimera") != -1) return 'Chimera';
	if (agt.indexOf("netpositive") != -1) return 'NetPositive';
	if (agt.indexOf("phoenix") != -1) return 'Phoenix';
	if (agt.indexOf("firefox") != -1) return 'Firefox';
	if (agt.indexOf("safari") != -1) return 'Safari';
	if (agt.indexOf("skipstone") != -1) return 'SkipStone';
	if (agt.indexOf("msie") != -1) return 'Internet Explorer';
	if (agt.indexOf("netscape") != -1) return 'Netscape';
	if (agt.indexOf("mozilla/5.0") != -1) return 'Mozilla';
	
	if (agt.indexOf('\/') != -1) {
	
		if (agt.substr(0,agt.indexOf('\/')) != 'mozilla') {
			return navigator.userAgent.substr(0,agt.indexOf('\/'));
		}
		else if (agt.indexOf(' ') != -1){
			return navigator.userAgent.substr(0,agt.indexOf(' '));
		}
		else{
			return navigator.userAgent;
		}
	}
	
}