var nlsignuplabel = '';
var searchlabel   = '';
var popupPref = 'width=670,height=570,directories=no,toolbar=no,location=no,menubar=no,status=no,resizable=yes,fullscreen=no,scrollbars=yes,top=25,left=15';
$(document).ready(function(){
	
	if($("#hifaq").length>0) { 
		$('#hifaq').parent().click(function(event) {
			event.preventDefault();
			var addr = $(this).attr('href');
			var h = window.open(addr,'_blank',popupPref);
			h.focus();
			return false;
		});
	}
	
	if($("a.faqcentre").length>0) { 
		$('a.faqcentre').click(function(event) {
			event.preventDefault();
			var addr = $(this).attr('href');
			var h = window.open(addr,'_blank',popupPref);
			h.focus();
			return false;
		});
	}
  
	if($("#tabs").length>0) {
		initTabs();
		/*if($("#link_reviews").length>0) {
			$("#link_reviews").click(function(event) {
				var targetDiv = $(this).attr('href');
				fillTabOnce(targetDiv);
			});
		}
		if($("#link_tips").length>0) {
			$("#link_tips").click(function(event) {
				var targetDiv = $(this).attr('href');
				fillTabOnce(targetDiv);
			});
		}*/
	}
	
	if($("#videolink").length>0) {
		$("#videolink").click(function(evt) {
			if($.browser.msie && $.browser.version == "6.0") {
				return true;
			} else {
				evt.preventDefault();
				$('#video').load($(this).attr('href'), openVideoBox);
				return false;
			}
		});
	}
	
	if($("#close").length>0) {
		$("#close").click(function() {
			window.close();
		});
	}
	
	if($("div#abc").length>0) {
		$('#abclist li').attr('id', '');
		$("#abc a:first-child").addClass('active');
		var activeClass = $("#abc a:first-child").attr("rel");
		$('#abclist li[class!="'+activeClass+'"]').hide();
		$("#abc a").click(function(evt){
			evt.preventDefault;
			$("#abc a.active").removeClass('active');
			$(this).addClass('active');
			activeClass = $(this).attr("rel");
			$('#abclist li[class!="'+activeClass+'"]').hide();
			$('#abclist li[class="'+activeClass+'"]').show();
		});
	}
	
	if($("#nlsignup").length>0) {
		nlsignuplabel = $("#nlemail").val();
		$("#nlemail").focus(function() {
			$(this).val('');
		});
		$("#nlemail").focusout(function() {
			if($(this).val()=='') {
				$(this).val(nlsignuplabel);
			}
		});
		$("#nlsignup").submit(function(evt) {
			evt.preventDefault();
			if(checkEmail($("#nlemail").val())) {
				var postData = 'lang='+$("#nllang").val();
				postData += '&email='+$("#nlemail").val();
				postData += '&page='+$("#nlpage").val();
				$.post('/dba/signup.php', postData, function(data) {
					$("#nlemail").val('');
					$('<p style="margin-top: 42px; padding-left: 20px; max-width: 290px;">'+data+'</p>').replaceAll('#nlemail');
					$("#newslettersubmit").remove();
				});
			}
		});
	}
	if($("#searchinput").length>0) {
		searchlabel = $("#searchinput").val();
		$("#searchinput").focus(function(){
			$(this).val('');
		});
		$("#searchinput").focusout(function() {
			if($(this).val()=='') {
				$(this).val(searchlabel);
			}
		});
		$("#searchsubmit").click(function(){
			$(this).blur();
		});
  	}
  if($("#slidingBox").length>0){                                                           //check if sliderbox exists
    slidePos = new Array();                                                                   //create array with tab positions
    for (i=1;i<=8;i++) {
      slidePos[i] = 49*(i-1);
      $("#slide"+i).css("left", slidePos[i]).css("z-index", i*100).css("width", "48px");
    }
    setPositions();                                                                      //call function to set the tab positions
    $("#slidingBox li").click(function(){
      if($(this).attr("class") != ("active")){
        if(ie6 == false){
          $("#slidingBox li img.shadleft, #slidingBox li img.shadright").remove();
        }
        var newActive = $(this).attr("id");
        var newPos = parseInt(newActive.substring(5))+1;
        $("#slidingBox li.active").removeClass("active");
        $(this).animate({
          width: "347px",
          left:slidePos[newPos-1]+"px"
        }, 600, function(){
          $(this).addClass("active");
        });
        if(ie6 == false){
          for (i=newPos;i<=8;i++){
            $("#slide"+i).css("z-index", i*100).animate({
              left: slidePos[i]+299+"px",
              width: "48px"
            }, 600, function(){
            }).append("<img src='/images/shadRight.png' class='shadright' width='13' height='99' />");
          }
          for (i=1;i<newPos-1;i++){
            $("#slide"+i).css("z-index", i*100).animate({
              left: slidePos[i]+"px",
              width: "48px"
            }, 600, function(){
            }).append("<img src='/images/shadLeft.png' class='shadleft' width='13' height='99' />");
          }
        }else{
          for (i=newPos;i<=8;i++){
            $("#slide"+i).css("z-index", i*100).animate({
              left: slidePos[i]+299+"px",
              width: "48px"
            }, 600, function(){
            })
          }
          for (i=1;i<newPos-1;i++){
            $("#slide"+i).css("z-index", i*100).animate({
              left: slidePos[i]+"px",
              width: "48px"
            }, 600, function(){
            })
          }
        }
      }
    });
  }
/*  $("#mainnavigation li").click(function(){                                                 //simulate navigation
    $("#mainnavigation li").removeClass("active");
    $(this).addClass("active");
    $("a", this).blur();
  }); */
  $("#langSelection a").mouseover(function(){                                               //show language selection on mouseover
    $("#langOptions").show();
  });
  $("#langOptions").mouseout(function(){                                                    //hide language selection on mouseout
    $("#langOptions").hide();
  });
  $("#worldmap area").mouseover(function(){                                                 //worldmap 
    var over = $(this).attr("alt");
    var overNum = $(this).attr("id");
    overNum = overNum.substring(8);
    var titlepos = new Array();
    for(i=1;i<=7;i++){
      titlepos[i] = new Array();
    }
    //Africa
    titlepos[1][1] = '70';
    titlepos[1][2] = '100';
    //North & Central America
    titlepos[2][1] = '60';
    titlepos[2][2] = '60';
    //South America
    titlepos[3][1] = '100';
    titlepos[3][2] = '75';
    //Asia
    titlepos[4][1] = '67';
    titlepos[4][2] = '120';
    //Australasia
    titlepos[5][1] = '90';
    titlepos[5][2] = '150';
    //Europe
    titlepos[6][1] = '74';
    titlepos[6][2] = '130';
    //Middle East
    titlepos[7][1] = '60';
    titlepos[7][2] = '100';
    $("#worldmapWrapper").css("background-position", "0px "+(-108*overNum)+"px");
    $("#world").append("<div id='mapinfo' style='position:absolute;top:"+titlepos[overNum][1]+"px;left:"+titlepos[overNum][2]+"px;z-index:200;display:block;height:13px;padding:0 5px;border:1px solid #6E7681;font-family:Tahoma;font-size:10px;font-weight:bold;color:#6E7681;background:#FFF;'>"+over+"</div>");
    $(this).mouseleave(function(){
      $("#worldmapWrapper").css("background-position", "0px 0px");
      $("#mapinfo").remove();
    });
  });
  if($("#imageSliderBox").length != 0){                                                           //check if imagesliderbox exists
    initImageSlider();
  };
});
var ie6 = false;
if($.browser.msie){
  if($.browser.version == "6.0"){
    ie6 = true
  }
}
function setPositions(aPos){
  var activeItem = $('#slidingBox ul li.active');
  activeItem.css("width", "347px");
  aPos = activeItem.index() + 1;
  //alert(aPos);
  //$("#slide"+aPos).addClass("active").css("width", "347px");
  if(ie6 == false){
    for (i=aPos+1;i<=8;i++){
      $("#slide"+i).css("left", slidePos[i]+299).css("z-index", i*100).append("<img src='/images/shadRight.png' class='shadright' width='13' height='99' />");
    }
    for (i=1;i<aPos;i++){
      $("#slide"+i).css("left", slidePos[i]).css("z-index", i*100).append("<img src='/images/shadLeft.png' class='shadleft' width='13' height='99' />");
    }
  }else{
    for (i=aPos+1;i<=8;i++){
      $("#slide"+i).css("left", slidePos[i]+299).css("z-index", i*100);
    }
    for (i=1;i<aPos;i++){
      $("#slide"+i).css("left", slidePos[i]).css("z-index", i*100);
    }
  }
};
var xPos  = 0;
var hover = 0;
var direction;
var stopLeft, stopRight;
function initImageSlider() {
  	var numImg = $("#imageSliderMove").children().length;
  	if(numImg > 4) {
  		var slideWidth  = $("#imageSliderMove").width();
  	  	var widthSlider = numImg*(96+10); 
  	  	$("#imageSliderMove").width(widthSlider);
  	  	$("#slideRight img").css("top", "0px");
  	  	$("#slideLeft img").css("top", "-35px");
  	  	
  	  	stopLeft  = 0;
  	  	stopRight = widthSlider - slideWidth;
  	  	$("#imageSliderBox #slideLeft, #imageSliderBox #slideRight").bind("mouseenter", function(){ 
	  	    direction = $(this).attr("id");
	  	    direction = direction.substring(5);
	  	    hover=1;
	  	    move(direction);
	  	}).bind("mouseleave", function(){
	  		hover=0;
	  	});
  	} else {
  	    $("#slideLeft img").css("top", "-35px");
  	    $("#slideRight img").css("top", "-35px");
  	}
};
function move(direction) {
	var scrollSpeed = 5;
	if(direction == "Right") {
		if( xPos > -stopRight ) {
			var newPos = xPos - scrollSpeed;
			if(xPos < -stopRight) {
				newPos = stopRight;
			}
			$("#imageSliderMove").css("left", newPos+"px");
			xPos = newPos;
		}
	} else if(direction == "Left") {
		if(xPos < stopLeft) {
			var newPos = xPos + scrollSpeed;
			if(xPos > stopLeft) {
				newPos = stopLeft;
			}
			$("#imageSliderMove").css("left", newPos+"px");
			xPos = newPos;
		}
	}
	if(xPos >= stopLeft) {
		$("#slideRight img").css("top", "0px");
		$("#slideLeft img").css("top", "-35px");
	} else if(xPos <= -stopRight) {
		$("#slideRight img").css("top", "-35px");
		$("#slideLeft img").css("top", "0px");
	} else {
		$("#slideLeft img, #slideRight img").css("top", "0px");
	}
	if(hover == 1) {
		setTimeout('move(direction)', 1);
	}
};
function checkEmail(email) {
	if (email.length < 8) return false;	
	var sep = email.lastIndexOf("@");
	if (sep == -1) return false;	
	host = email.substring(sep+1, email.length);
	var dot = host.lastIndexOf(".");
	if(dot==-1) return false;	
	return true;
}

function openVideoBox() {
	$("#video").dialog({
		height: 374,
		width: 442,
		modal: true,
		resizable: false,
		close: function(event, ui) { $('#video').attr('innerHTML', ''); }
	});
}

function fillTabOnce(target) {
	if($(target).html()=='') {
		var src = $(target).attr('rel');
		if(src.length>0) {
			var revHtml = '<iframe width="472" scrolling="no" height="520" border="0" frameborder="0" src="'+src+'"></iframe>';
			$(target).html(revHtml);
			$(target).attr('rel', '');
		}
	}
}

function fillGoogleMapContainer(src) {
	if($('#gmapcontainerhostel').html()=='' && src.length>0) {
		var revHtml = '<iframe width="100%" height="650" scrolling="no" frameborder="0" marginwidth="0" marginheight="0" name="map2" id="map2" src="'+src+'"></iframe>';
		$('#gmapcontainerhostel').html(revHtml);
	}
}

function initTabs() {
	
	if($('#initComments'.length>0)) {
		$('#initComments').remove();
	}
	
	var tabs = $('#tabs').tabs({
		show: function(event, ui) { 
			var idx = parseInt(ui.index);
			if(idx>1 && $('#tabs_'+idx).html().length==0) {
				fillTabOnce('#tabs_'+idx);
			} else if(idx==1 && $('#tabs_'+idx).attr('rel')!='') {
				fillGoogleMapContainer($('#tabs_'+idx).attr('rel'));
			}
		}
	});
	
	if(!isIe6 && !isIe7) {
		tab_a_selector = 'ul.ui-tabs-nav a';
		tabs.tabs({ event: 'change', select: function(){ debug.log(this); } });
		
		tabs.find( tab_a_selector ).click(function(){
			var state = {},
		    id = $(this).closest( '#tabs' ).attr( 'id' ),
		    idx = $(this).parent().prevAll().length;
		    state[ id ] = idx;
		    $.bbq.pushState( state );
		});
		$(window).bind( 'hashchange', function(e) {
			tabs.each(function(){
				var idx = $.bbq.getState( this.id, true ) || 0;
				$('#tabs').tabs('select', idx); 
				$("#tabnavigation > li").removeClass("pre_active");
				if(idx==$('#tabs').tabs( 'length' )-1) {
					$("#tabnavigation > li:last").removeClass("last");
				} else {
					$("#tabnavigation > li:last").addClass("last");
				}
				if(idx>0) {
					$("#tabnavigation > li:eq("+(idx-1+'')+")").addClass("pre_active");
				}
			});
		});
		$(window).trigger( 'hashchange' );
		$('#tabs').bind('tabsselect', function(event, ui) {
			$("#tabnavigation > li").removeClass("pre_active");
			if(parseInt(ui.index)==$('#tabs').tabs( 'length' )-1) {
				$("#tabnavigation > li:last").removeClass("last");
			} else {
				$("#tabnavigation > li:last").addClass("last");
			}
			if(parseInt(ui.index)>0) {
				$("#tabnavigation > li:eq("+(parseInt(ui.index)-1+'')+")").addClass("pre_active");
			}
		});
	}
		
}