$(function(){
	$('#portfolio_accordion').accordion({active:parseInt($('#portfolio_category_id').val())-2});
	$('#portfolio_accordion').show();
	
	$('#btn_contact').click(function() {
		$('#content_about').hide();
		$('#content_contact').show(500);
	});
	
	$('#btn_about').click(function() {
		$('#content_contact').hide();
		$('#content_about').show(500);
	});
	
	// Klik op accordion, dan het eerste item selecteren
	$('#portfolio_accordion h3 a').click(function(){
		y = this.id.slice(-1);
		new_url = $('#holder'+y+' span:first').attr('id');
		setTimeout("window.location.href = new_url",500);
	});
	
	// Portfolio rechts nummers
	port_marginleft = 0;
	
	if(port_marginleft <= 0){
		$('#portfolio_container_nav_left').css('visibility','hidden');
	}
	
	if($('#portfolio_image_container img').size() > 1){
		$('#portfolio_container_nav_right').css('visibility','visible');
	}else{
		$('#portfolio_container_nav_right').css('visibility','hidden');
	}
	
	$('#portfolio_images_nav a img').mouseover(function(){
		$(this).attr('src',this.src.replace('_normal','_over'));
	});
	
	$('#portfolio_images_nav a img').mouseout(function(){
		$(this).attr('src',this.src.replace('_over','_normal'));
	});
	
	$('#portfolio_images_nav a img').click(function(){
		var x = this.id.slice(-1);

		port_marginleft = ((x-1)*-640);
		$('#portfolio_viewport').animate({marginLeft: port_marginleft},250);
			
		$('#portfolio_images_nav a img').each(function(i) {
			$(this).attr('src',this.src.replace('_clicked','_normal'));
		});
		
		$('#portfolio_container_nav_left').css('visibility','visible');
		$('#portfolio_container_nav_right').css('visibility','visible');
		
		if(port_marginleft == 0){
			$('#portfolio_container_nav_left').css('visibility','hidden');
		}
		if(port_marginleft <= -(($('#portfolio_image_container img').size() - 1) * 640)){
			$('#portfolio_container_nav_right').css('visibility','hidden');
		}
		
		$(this).attr('src',this.src.replace('_over','_clicked'));
		$(this).attr('src',this.src.replace('_normal','_clicked'));
	});
	
	// Portfolio navigation right
	$('#portfolio_container_nav_left').click(function(){
		if($('#portfolio_viewport').css('marginLeft') != 'auto'){
			port_marginleft = parseInt($('#portfolio_viewport').css('marginLeft').slice(0,-2));
		}

		if(port_marginleft != 0){
			if(port_marginleft + 640 >= 0){
				$('#portfolio_container_nav_left').css('visibility','hidden');
			}
			$('#portfolio_container_nav_right').css('visibility','visible');
			
			if(!$('#portfolio_viewport').is(':animated')){
				$('#portfolio_viewport').animate({marginLeft: port_marginleft + 640},250);
			}
		}
		
		tmp_nav = '#portfolio_image'+(port_marginleft-640)/-640;
		$(tmp_nav).attr('src',$(tmp_nav).attr('src').replace('_clicked','_normal'));
		tmp_nav = '#portfolio_image'+(port_marginleft)/-640;
		
		$(tmp_nav).attr('src',$(tmp_nav).attr('src').replace('_over','_clicked'));
		$(tmp_nav).attr('src',$(tmp_nav).attr('src').replace('_normal','_clicked'));
	});
	
	$('#portfolio_container_nav_right').click(function(){
		if($('#portfolio_viewport').css('marginLeft') != 'auto'){
			port_marginleft = parseInt($('#portfolio_viewport').css('marginLeft').slice(0,-2));
		}

		if(port_marginleft != -(($('#portfolio_image_container img').size() - 1) * 640)){
			if((port_marginleft - 640) <= -(($('#portfolio_image_container img').size() - 1) * 640)){
				$('#portfolio_container_nav_right').css('visibility','hidden');
			}
			$('#portfolio_container_nav_left').css('visibility','visible');
			
			if(!$('#portfolio_viewport').is(':animated')){
				
				$('#portfolio_viewport').animate({marginLeft: port_marginleft - 640},250);
				//$('#current_item').html((marginleft/-600)+2);
			}
		}
		
		tmp_nav = '#portfolio_image'+(port_marginleft-640)/-640;
		$(tmp_nav).attr('src',$(tmp_nav).attr('src').replace('_clicked','_normal'));
		tmp_nav = '#portfolio_image'+(port_marginleft-1280)/-640;
		
		$(tmp_nav).attr('src',$(tmp_nav).attr('src').replace('_over','_clicked'));
		$(tmp_nav).attr('src',$(tmp_nav).attr('src').replace('_normal','_clicked'));
	});
	
	// Navigatiebuttons portfolio links
	if(typeof(count) != 'undefined'){
		var marginleft = new Array();
		current_url = new String(document.location);
		
		for(i = 2; i <= 5; i++){
			marginleft[i] = $('#pos'+i).val();
			
			if(marginleft[i] == ''){
				$('#holder'+i).css('marginLeft',51);
			}
			
			$('#holder'+i+' span').each(function(index){
				if(current_url.indexOf($(this).attr('id')) != -1){
					$('#holder'+i).css('marginLeft',51-(index*51));
				}
			});
			
			if(current_url.indexOf($('#holder'+i+' span:last').attr('id')) == -1){
				$('#navigate_right'+i).css('visibility','visible');
			}
			if(current_url.indexOf($('#holder'+i+' span:first').attr('id')) == -1){
				$('#navigate_left'+i).css('visibility','visible');
			}
		}
		
		
		
		$('.btn_gallery_left').click(function() {
			var i = this.id.slice(-1);
			
			if($('#holder'+i).css('marginLeft') != 'auto'){
				marginleft[i] = parseInt($('#holder'+i).css('marginLeft').slice(0,-2));
			}
			
			if(marginleft[i] != ''){
				if(marginleft[i] + 51 >= 0){
					$('#navigate_left'+i).css('visibility','hidden');
				}
				$('#navigate_right'+i).css('visibility','visible');
				
				if(!$('#holder'+i).is(':animated')){
					$('#holder'+i).animate({marginLeft: marginleft[i] + 51},200);
				}
			}

			
			if(marginleft[i] == 0){
				new_margin = 51;
			}else{
				new_margin = (parseInt(marginleft[i]) + 51);
			}
			
			$.ajax({  
				type: "POST",  
				url: "/ajax.php",  
				data: 'function=set_pos&pos'+i+'='+ new_margin,
				success: function(){
					$('#holder'+i+' span').each(function(t) {
						if(current_url.indexOf($(this).attr('id')) != -1){
							prev_url = $(this).prev().attr('id');
							if(typeof(prev_url) != 'undefined'){
								setTimeout("window.location.href = prev_url",200);
							}
						}
					});
				}
			});
		});
		
		$('.btn_gallery_right').click(function() {
			var i = this.id.slice(-1);
			current_url = new String(document.location);
			
			if($('#holder'+i).css('marginLeft') != 'auto'){
				marginleft[i] = parseInt($('#holder'+i).css('marginLeft').slice(0,-2));
			}
			
			if(marginleft[i] != -((count[i] - 1) * 51)){
				if((marginleft[i] - 51) <= -((count[i] - 3) * 51)){
					$('#navigate_right'+i).css('visibility','hidden');
				}
				$('#navigate_left'+i).css('visibility','visible');
				
				if(!$('#holder'+i).is(':animated')){
					$('#holder'+i).animate({marginLeft: marginleft[i] - 51},200);
				}
				
				if(marginleft[i] == ''){
					new_margin = -51;
				}else{
					new_margin = (parseInt(marginleft[i]) - 51);
				}
				
				$.ajax({  
					type: "POST",  
					url: "/ajax.php",  
					data: 'function=set_pos&pos'+i+'='+ new_margin,
					success: function(){
						$('#holder'+i+' span').each(function(x) {
							if(current_url.indexOf($(this).attr('id')) != -1){
								next_url = $(this).next().attr('id');
								if(typeof(next_url) != 'undefined'){
									setTimeout("window.location.href = next_url",200);
								}
							}
						});
					}
				});
			}											
		});
	}
	
	// Portfolio met mouseover afbeeldingen
	$(".img_block a").hover(function() {
		new_img = new Image();
		new_img.src = $(this).find('img.portfolio_mouseover').attr('src');
		
		$(this).find('img.portfolio_small').css('display','none');
		$(this).find('img.portfolio_mouseover').css('display','block');
		
		$(this).find('img.portfolio_mouseover').addClass("hover").stop()
			.animate({
				width: new_img.width,
				height: new_img.height
			}, 600);
		
		$(this).css('display','inline-block');
		$(this).css('float','left');
		$(this).css('width',(new_img.width+6));
	} , function() {
		$(this).css({'z-index' : '0'});
		$(this).css('width','51px');
		$(this).find('img.portfolio_mouseover').removeClass("hover").stop()
			.animate({
				width: '45px',
				height: '45px'
			}, 0, 0, function(){
				
				$(this).css('display','none');
				$(this).parent().find('img.portfolio_small').css('display','block');
			});
	});
	
	$("#dialog_confirm_subscribe").dialog({
		modal: true,
		autoOpen: false,
		resizable: false,
		buttons: {
			Ok: function() {
				$(this).dialog('close');
			}
		}
	});

	$("#dialog_error_subscribe").dialog({
		modal: true,
		autoOpen: false,
		resizable: false,
		buttons: {
			Ok: function() {
				$(this).dialog('close');
			}
		}
	});
	
	$("#dialog_confirm_subscribe").css('display','block');
	$("#dialog_error_subscribe").css('display','block');
	
});

function set_menu_position(position){
	i = parseInt($('#portfolio_category_id').val())-2;
	
	marginleft[i] = position * 51;
	
	if(count[i] > 3 && marginleft[i] > -((count[i] - 3) * 51)){
		$('#navigate_right'+i).css('visibility','visible');
	}
	if(marginleft[i] < 0){
		$('#navigate_left'+i).css('visibility','visible');
	}
}

function sendContactForm(){
	$(function() {
		var mail = $("input#email_input").val();
		var subject = $("input#subject_input").val(); 
		var message = $("textarea#message_input").val(); 
		
		var dataString = 'mail='+ mail + '&subject=' + subject + '&message=' + message;
		
		if($("input#email_input").val() == '' || $("input#subject_input").val() == '' || $("textarea#message_input").val() == ''){
			$('#dialog_error_subscribe').dialog('open');
		}else{
			$.ajax({  
				type: "POST",  
				url: "/processForm.php",  
				data: dataString,  
				success: function() {  
					$('#dialog_confirm_subscribe').dialog('open');
					document.getElementById('email_input').value = '';
					document.getElementById('subject_input').value = '';
					document.getElementById('message_input').value = '';
				}  
			});  
			return false; 
		}
	});
}