/* plaatjes pas laten zien na volledig geladen */
$(window).load(function() {
  if($.browser.msie && $.browser.version == 6)
  {
    $('.content #home_ul,#werken_ul,#kunstenaar_img img').show();
    $('#kunstenaars_ul').show();
  }
  else
  {
    $('.content #home_ul,#werken_ul,#kunstenaar_img img,#kunstenaars_ul').fadeIn();
  }
});

function show_links() {
  $('.content #home_ul a, #werken_ul a').show();
};



/* history callback */
function pageload(id) {
	// hash doesn't contain the first # character.
	if(id) {
		// restore ajax loaded state
		$("#top").load("cgi-bin/client_portal.cgi","id="+id+"&mode=get_werk",function (){
        $('#content_omsch').jScrollPane();
        $('#kunstenaar_img img').fadeIn();
    
    });
  }
  else {
    // kunstenaar laden
    var kunstenaar_id = window.location.href.replace(/^.*id=/, '');
		$("#top").load("cgi-bin/client_portal.cgi","kunstenaar_id="+kunstenaar_id+"&mode=get_kunstenaar",function (data){
        $('#content_omsch').jScrollPane();
        $('#kunstenaar_img img').fadeIn();
    });
  } 
}

$(document).ready( function()
{
  // history plugin initialiseren
  $.history.init(pageload);

  /* ajax links voor werken */
  $('#werken_ul a').click(function() {
      var id= $(this).attr('href').replace(/^.*=/, '');
      $.history.load(id);
      return false;
   });
   $('#werken_ul .img_holder').click(function() {
      var id= $(this).next().attr('href').replace(/^.*=/, '');
      $.history.load(id);
      return false;
   });


  /* footer menu */
	$('a[name=disclamer]').click( function() {
		show_trans_div();
		$('#disclaimer').show();
	});

	$('a[name=algemene_voorwaarden]').click( function() {
		show_trans_div();
		$('#algemene_voorwaarden').show();
	});

	$('a[name=privacy_policy]').click( function() {
		show_trans_div();
		$('#privacy_policy').show();
	});

	$('a[name=adverteren]').click( function() {
		show_trans_div();
		$('#adverteren').show();
	});

	$('#trans_div img').click( function() {
		$('#trans_div').hide();
		$('#trans_div > div').hide();
		$('.content').show();
	});

	$('#trans_div img,#bestel_overzicht .close').hover( function() {
		$(this).attr('src','./assets/close_hover.gif');
	}, function() {
		$(this).attr('src','./assets/close.gif');
	});



	function show_trans_div() {
		var top = $('#right').offset().top;
		var left = $('#right').offset().left;
		$('#trans_div')
		.css({
			"left":left+"px",
			"top":top+10+"px",
			"opacity":"0.85",
			"display":"block"
		});
		$('.content').hide();
		$('#trans_div > div').hide();
	}
	







	/******************************************************
	 * scrollbar via jquery generen
	******************************************************/
	$('#content_up,#online_galerie,#kunstlinks,#verkoop_en_uitleen,#hoe_te_bestellen,#kunstenaars_ul,#kunst_voor_bedrijven ul,#bestel_overzicht,#werken_ul,#content_omsch').jScrollPane();






	/******************************************************
	 * submenu weghalen na clicken
	******************************************************/
	$('#menu li ul li a').click( function() {
		$(this).parent().parent().hide();
	});


	/******************************************************
	 * submenu 
	******************************************************/
	$('#menu li').mouseover( function() {
    $('#menu li').children('ul').hide();

    var top = $(this).offset().top;
    var left = $(this).offset().left + $(this).width() + 20; //20 from margin ul
		$(this).children('ul').css({'z-index':'2','top':top+'px','left':left+'px'});
		$(this).children('ul').show();
	});

  $('#menu').mouseleave( function(e) {
    var $target = $(e.target);
    /*if( $target.parents("#menu").size() ) {
      return 0;
    }*/
    $('#menu li').children('ul').hide();
  });




	/******************************************************
	 * sommige links openen in een nieuw scherm
	******************************************************/
  $('#kunst_in_amersfoort .image a,#kunstlinks a').click( function (){
    window.open($(this).attr('href'));
    return false;
  });



});