var openTab = false;
var tabOpening = false;
var tabClosing = false;
 google.load("maps", "2.x");

$(document).ready(function(){
	init();
});

function getCleanValue(value)
{

	return value.replace(/([\d.]+)(px|pt|em|%)/,'$1');
}


function init() {
	
	
	$('.top-tab').mouseover(function(){
		topTabMouseOver(this);								
	});	
	
	$('.top-tab').mouseout(function(){
		topTabMouseOut(this);								
	});	
	
	
	Shadowbox.init();

	
}

function topTabMouseOver(target) {
	var newHeight = getCleanValue( $(target).find('.canvas ul').height()+'');	
	$(target).find('.canvas').stop().animate({height : newHeight});	
}

function topTabMouseOut(target) {
	$(target).find('.canvas').stop().animate({height : 0});	
}



function tabMouseOver(target)
{
	if (!openTab) {
		$('#tab' + target + '.closed').stop();
		$('#tab' + target + '.closed').css('z-index', 10);
		$('#tab' + target + '.closed').animate({
			right: -150
		}, 250);
		
		if (target == 4) {
			$('#tab3' + '.closed').css('z-index', 9);
			$('#tab2' + '.closed').css('z-index', 8);
		}
		
		if (target == 3) {
			$('#tab2' + '.closed').css('z-index', 9);
		}
	}
}

function tabMouseOut(target, index)
{
	if (!openTab) {
		$('#tab' + target + '.closed').stop();
		$('#tab' + target + '.closed').css('z-index', index);
		$('#tab' + target + '.closed').animate({
			right: -170
		}, 250);
		
		if (target == 4) {
			$('#tab2' + '.closed').css('z-index', 3);
			$('#tab3' + '.closed').css('z-index', 2);
		}
		
		if (target == 3) {
			$('#tab2' + '.closed').css('z-index', 3);
		}
	}
}


function tabMouseUp(target, tabwidth,tabheight) {	
	if(!openTab)
	{				
		openTargetTab(target, tabwidth,tabheight);		
	} 
}


function openTargetTab(target, tabwidth, tabheight)
{
	
	openTab = target;
	tabOpening = true;		
	$('#tab' + target).removeClass('closed');
	$('#tab' + target).addClass('opening');
	
	// Zorg dat er ruimte is voor de tabs
	
	$('#sideMenu').css('margin-left', -453);
	$('#sideMenu').css('width', 990);
	
	$('#tab' + target).css('right', -150);
	
	
	$('#tab' + target+'.opening').animate({width: tabwidth}, 500, 'linear', function(){	
		// Klaar met uitschuiven van tab			
		var top = 49;		
		$('#tab' + target + '.opening').animate({top : top}, 300);
		$('#tab' + target+'.opening').css('height', tabheight);
		$('#tab' + target + '.opening .tabcontent').animate({height: (tabheight - 46)}, 300, 'linear', function(){
			// Klaar met het openen van de tab
			$('#tab' + target).removeClass('opening');
			$('#tab' + target).addClass('opened');		
			tabOpening = false;
			loadTabContent(target);	
			
		});
	});
}

function closeTargetTab(target)
{
	$('#tab' + target).removeClass('opened');
	$('#tab' + target).addClass('closing');
	tabClosing = true;
	
	$("#tab"+target+" .canvas").empty();	
	$('#tab' + target+' .label').css('width', 105);
		
	var top = (target - 1) * 98;  	
	$('#tab' + target + '.closing').animate({top : top}, 200);
			
	$('#tab' + target + '.closing .tabcontent').animate({height: 122}, 200, 'linear', function(){
		// Tab weer small	
		$('#tab' + target+'.closing').css('height', 177);
		$('#tab' + target+'.closing').animate({width: 300, right:-170}, 200, 'linear', function(){	
				$('#tab' + target).removeClass('closing');
				$('#tab' + target).addClass('closed');
				
				tabClosing = false;
				openTab = false;
				$('#sideMenu').css('margin-left', 387);
				$('#sideMenu').css('width', 150);
				restoreTabIndexes();
		});
	});	
}

function loadTabContent(target)
{
	switch(target){
		case 1:
			$.ajax({
		         type : "GET",
		         url  : '/ajax/get_niki_page.php',
		         data : ({}),
		         success: function(html){				 					
					$('#tab' + target+' .label').css('width', 0);
					$("#tab"+target+" .canvas").empty();
					$("#tab"+target+" .canvas").append(html);					
					
        		 }
			});			
		break;
		case 2:
			// load google maps
			$.ajax({
		         type : "GET",
		         url  : '/ajax/get_maps_page.php',
		         data : ({}),
				 dataType : 'text',
		         success: function(html){				 					
					$('#tab' + target+' .label').css('width', 0);
					$("#tab"+target+" .canvas").empty();
					$("#tab"+target+" .canvas").append(html);					
					initializeGoogleMaps();	
					reInitSift();
        		 }
			});				
		break;
		case 3:
			//load contact pagina
			$.ajax({
		         type : "GET",
		         url  : '/ajax/get_contact_page.php',
		         data : ({}),
		         success: function(html){				 					
					$('#tab' + target+' .label').css('width', 0);
					$("#tab"+target+" .canvas").empty();
					$("#tab"+target+" .canvas").append(html);	
					reInitSift();
        		 }
			});			
		break;
		case 4:
			//load nieuws pagina
			//openNieuwsSelection(0,target);
			
			openNieuwsItem(false,0,target);
			
		break;
		
	}
	
}

function openNieuwsSelection(from, target) {
		$.ajax({
			 type : "GET",
			 url  : '/ajax/get_nieuws_page.php',
			 data : ({from : from}),
			 success: function(html){				 					
				$('#tab' + target+' .label').css('width', 0);
				$("#tab"+target+" .canvas").empty();
				$("#tab"+target+" .canvas").append(html);	
				reInitSift();
			 }
		});	
}


function openNieuwsItem(id,from,target) {
	$.ajax({
		 type : "GET",
		 url  : '/ajax/get_nieuws_page.php',
		 data : ({id : id, from : from}),
		 success: function(html){				 					
			$('#tab' + target+' .label').css('width', 0);
			$("#tab"+target+" .canvas").empty();
			$("#tab"+target+" .canvas").append(html);	
			reInitSift();
		 }
	});		
}





function restoreTabIndexes()
{
	$('#tab1' + '.closed').css('z-index', 4);
	$('#tab2' + '.closed').css('z-index', 3);
	$('#tab3' + '.closed').css('z-index', 2);
	$('#tab4' + '.closed').css('z-index', 1);
}


var map;

function initializeGoogleMaps() {	
   map = new google.maps.Map2(document.getElementById("map"));
    map.setCenter(new google.maps.LatLng(51.996917,4.501648), 13);
	map.setMapType(G_SATELLITE_MAP);
    var mapControl = new GMapTypeControl();
	map.addControl(mapControl);
	map.addControl(new GLargeMapControl());
	
	

	
	//Lansingerland
	addMarker(51.99841,4.516411, "<h3>Lansingerland</h3>", false);
	
	
	//Bliswijk
	addMarker(52.010108,4.52995, "<h3>Bleiswijk</h3>", false);

	
	//Berkel
  	addMarker(51.994122,4.476590, "<h3>Berkel en Rodenrijs</h3>", false);
	
	//Bergschenhoek
	addMarker(51.989529,4.500130, "<h3>Bergschenhoek</h3>", false);
	
	//<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.nl/maps?f=q&amp;source=s_q&amp;hl=nl&amp;q=Berkel+en+Rodenrijs,+Lansingerland,+Zuid-Holland&amp;sll=52.006442,4.528255&amp;sspn=0.076082,0.222988&amp;ie=UTF8&amp;cd=1&amp;geocode=FTdZGQMdWFVEAA&amp;split=0&amp;hq=&amp;hnear=Berkel+en+Rodenrijs,+Lansingerland,+Zuid-Holland&amp;ll=52.001581,4.50388&amp;spn=0.076105,0.222988&amp;t=h&amp;z=13&amp;output=embed"></iframe><br /><small><a href="http://maps.google.nl/maps?f=q&amp;source=embed&amp;hl=nl&amp;q=Berkel+en+Rodenrijs,+Lansingerland,+Zuid-Holland&amp;sll=52.006442,4.528255&amp;sspn=0.076082,0.222988&amp;ie=UTF8&amp;cd=1&amp;geocode=FTdZGQMdWFVEAA&amp;split=0&amp;hq=&amp;hnear=Berkel+en+Rodenrijs,+Lansingerland,+Zuid-Holland&amp;ll=52.001581,4.50388&amp;spn=0.076105,0.222988&amp;t=h&amp;z=13" style="color:#0000FF;text-align:left">Grotere kaart weergeven</a></small>
	
	drawGooglePoints();
	
}

function buildIcon()
{
	
    var baseIcon = new GIcon(G_DEFAULT_ICON);
    baseIcon.shadow = "";
    baseIcon.iconSize = new GSize(20, 20);
    baseIcon.iconAnchor = new GPoint(10, 10);
    baseIcon.infoWindowAnchor = new GPoint(9, 2);
    baseIcon.image = "/img/google_marker_front.png";
    return baseIcon;
}

function addMarker(lat, lng,  txt, pop){
	 var baseIcon = buildIcon();
	var marker = new GMarker(new GLatLng(lat, lng),{ icon:baseIcon });

    GEvent.addListener(marker, "click", function() {
        marker.openInfoWindowHtml(txt);
    });
   
   	map.addOverlay(marker);
	
    if (pop)
    {
        marker.openInfoWindowHtml(txt);
    }

}


function reInitSift() {
	sIFR.replace(barmeno, {
	  selector: '.tab H2',
	  css: '.sIFR-root {color: #000000;  font-size: 26px;}',
	  wmode: 'transparent'  
	});		
	
	sIFR.replace(barmeno, {
	  selector: '#tab4.tab H3',
	  css: '.sIFR-root {color: #000000;  font-size: 20px;}',
	  wmode: 'transparent'  
	});
	
	sIFR.replace(barmeno, {
	  selector: '.tab H3',
	  css: '.sIFR-root {color: #FFFFFF;  font-size: 20px;}',
	  wmode: 'transparent'  
	});	
	
	
}


function openLeesMeer()
{	
	removeFlashDiv();	
	tabMouseOver(4);
	tabMouseUp(4, 1080,386);
}

function removeFlashDiv()
{
	$('#actionPopUp').css('height', 0);	
}