//check IE6

var baseurl = 'http://www.webtak.nl/';
var timestamp = Date.parse(new Date());




$(document).ready(function(){
   
    //offerte button
	$("#block1 h2 > a").css('display','block'); 
	
	//verberg werkdetail
	$("#werkdetail").hide();
	
	//werk thumbs
	if ( $("#gallery").length > 0 ) {
		
		var start = 1;
		var count = 0;
		var pName = new Object();
		var pImage = new Object();
		var pOmschrijving = new Object();
		var pURL = new Object();
		var pImageLarge = new Object();
		
		
		   $.ajax({
                 type: "GET",
                 url: "../portfolio.xml?time="+timestamp,
				 //url: "../portfolio.xml.gz,
                 dataType: "xml",
                 success: function(xml) {
				 
                     $(xml).find('project').each(function(){
					      
                        var id  = $(this).attr('id');
						pName[id] = $(this).find('name').text();
						pImage[id] = $(this).find('image').text();
						pImageLarge[id] = $(this).find('imagelarge').text();
						pOmschrijving[id] = $(this).find('omschrijving').text();
						pURL[id] = $(this).find('url').text();
						count = count + 1;

                     }); //close each(
					 
					 $("li.first").css('background-image','url('+baseurl+'css/img/'+pImage[start]+')'); 
					 $("li.middle").css('background-image','url('+baseurl+'css/img/'+pImage[start+1]+')');	 
					 $("li.last").css('background-image','url('+baseurl+'css/img/'+pImage[start+2]+')'); 	 
				     $("li.first > a").text(pName[start]); 
					 $("li.middle > a").text(pName[start+1]);
					 $("li.last > a").text(pName[start+2]); 
					 $("li.first > a").click(function(event) {  openWerk(start,event);  });
					 $("li.middle > a").click(function(event) {  openWerk(start+1,event);  });
					 $("li.last > a").click(function(event) {  openWerk(start+2,event);  });
									 
					 
                 }
				 
				 
             }); //close $.ajax(

			
			 
	}
      
   $("li.next > a").click(function(event){
	     
		 event.preventDefault(); 
		 next();
		  
		 
   });
   
   $("li.prev > a").click(function(event){
   
	     event.preventDefault(); 
		 prev() ;
		  
   });
   
   function closeWerk() {
   
		//verberg werkdetail
		$("#werkdetail").hide();
		//$("#werkdetail").html(" ");
   
   }
   
   function openWerk(id,event) {
          event.preventDefault(); 
	     $("#werkdetail").css('background-image','url('+baseurl+'css/img/'+pImageLarge[id]+')');
		 $("#werkdetail p").html(pOmschrijving[id]+"<br><br><a class=\"terug\" href=\"javascript:void(0);\">&lt;&nbsp;terug</a>"); 
		 $("#werkdetail .terug").click(function(event) {  
				closeWerk();  
		 });
	    //toon werkdetail
		$("#werkdetail").show();
   
   }
   
   function next() {
   
		id = start;	
   
		if((id+ 3) < count) {
		
		     $("li.first").css('background-image','url('+baseurl+'css/img/'+pImage[id+3]+')'); 
			 $("li.middle").css('background-image','url('+baseurl+'css/img/'+pImage[id+4]+')');	 
			 $("li.last").css('background-image','url('+baseurl+'css/img/'+pImage[id+5]+')'); 
			 $("li.first > a").text(pName[start+3]); 
			 $("li.middle > a").text(pName[start+4]);
			 $("li.last > a").text(pName[start+5]); 
			 $("li.first").css('background-image','url('+baseurl+'css/img/'+pImage[id+3]+')'); 
			 $("li.middle").css('background-image','url('+baseurl+'css/img/'+pImage[id+4]+')');	 
			 $("li.last").css('background-image','url('+baseurl+'css/img/'+pImage[id+5]+')'); 
			 
			 start = start + 3;
		 }
		 else {
		    start = 4;
			prev();
		 }

   }
   
   function prev() {
       
	   id = start;	
	   
		if((start - 3) > 0) {
		     $("li.first > a").show();
			 $("li.first").css('background-image','url('+baseurl+'css/img/'+pImage[id-3]+')'); 			 
			 $("li.middle").css('background-image','url('+baseurl+'css/img/'+pImage[id-2]+')'); 
			 $("li.last").css('background-image','url('+baseurl+'css/img/'+pImage[id-1]+')'); 
			 $("li.first > a").text(pName[id-3]); 
			 $("li.middle > a").text(pName[id-2]);
			 $("li.last > a").text(pName[id-1]);  
			 start = start - 3;
		 }
		 else {
		    
		    start = count + 1;
			prev();
		 }

   }

   
 });