// JavaScript Document
var $currentLayer=1;
var nrLayere=0;
$(function(){
	
	$(".layer_1").css("display","block");
	
	$(".echNavPrev").css({"display":"none"});
	if(nrLayere==1){
		$(".echNavNext").css({"display":"none"});
	}
	echLayers();

	$(".but1").bind("click",function(){
		$href = $(this).attr("href");
		$href = $href.split("#");
		$href = $href[1];

		if($(this).hasClass('open')){
			$isOpen = true;
		}else{
			$isOpen = false;
		}

		if(!$isOpen){
			$("#"+$href).parent().parent().css('display', 'none');
//            $(".box2").css('display', 'none');
			$(".but1").removeClass("open").addClass("close");
			$(this).removeClass("close").addClass("open");
			$(".disp_content").removeClass("open").addClass("close");
			$("#"+$href+" .disp_content").removeClass("close").addClass("open");
			$(".job_cont .name").removeClass("highlight");
			$("#"+$href+" .name").addClass("highlight");
			$(".form").removeClass("open").addClass("close");
			$("#form"+$href).addClass("open");
//            $(".box2").fadeIn(500);
			$("#"+$href).parent().parent().fadeIn(500);
		}else{
			$("#"+$href).parent().parent().css('display', 'none');
			$("#"+$href).parent().parent().fadeIn(500);
//            $(".box2").css('display', 'none');
//            $(".box2").fadeIn(500);
			$(".but1").removeClass("open").addClass("close");
			$(".disp_content").removeClass("open").addClass("close");
			$(".job_cont .name").removeClass("highlight");
			$(".form").removeClass("open").addClass("close");
			
		}

		return false; 
	});

	$(".lightbox").lightBox();
	replaceTexts();
	
	$(".but1:first").trigger('click'); 

})

function echLayers(){
	
	$(".echNavPrev, .echNavNext").bind("click",function(){
		$id = $(this).attr("class");
		if($id=="echNavPrev"){
			if($currentLayer>1){
				$(".layer").css({"display":"none"});
				$currentLayer--;
				$(".layer_"+$currentLayer).css("display","block");
				if($currentLayer==1){
					$(".echNavPrev").css({"display":"none"});
				}
				$(".echNavNext").css({"display":"block"});
			}
		}
		if($id=="echNavNext"){
			if($currentLayer<nrLayere){
				$(".layer").css({"display":"none"});
				$currentLayer++;
				$(".layer_"+$currentLayer).css("display","block");
				if($currentLayer==nrLayere){
					$(".echNavNext").css({"display":"none"});
				}
				$(".echNavPrev").css({"display":"block"});
			}
		}

		return false;
	});
}

function replaceTexts(){
	Cufon.replace("#languages a");
	Cufon.replace("#vizual h2");
	Cufon.replace(".box1 .content .box_headline");
	Cufon.replace("#menu > li > a");
	Cufon.replace("#de_pe_blog span");
	Cufon.replace("#lightbox-image-details");
        Cufon.replace("#overlay_title");
}

function toggleExcerpt(parentNode) {
	$(parentNode.getElementsByTagName('span').item(0)).css('display', 'none');
	parentNode.getElementsByTagName('span').item(0).innerHTML = parentNode.getElementsByTagName('span').item(1).innerHTML;
	parentNode.getElementsByTagName('a').item(1).style.display = 'none';
	$(parentNode.getElementsByTagName('span').item(0)).fadeIn(1000);
}

function toggleClient(clientNode, clientId) {
	$('#center_content #tabs .clearfix li a').removeClass('selected');
	$(clientNode).addClass('selected');
	$('#current_portofolio ul').css('display', 'none');
	$('#current_portofolio #'+clientId).fadeIn(1000);
}

function initialize() {
	var myLatlng = new google.maps.LatLng(44.477948, 26.09007);

	var myOptions = {
		zoom: 16,
		center: myLatlng,
		disableDefaultUI: true,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	}
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

	var marker = new google.maps.Marker({
		position: myLatlng,
		map: map,
		title:"Brand Connection"
	});
}

function toggleMenu(parentNode) {
    var childNode = $(parentNode).find('ol');
    if(childNode.is(':visible')) {
        childNode.hide(500);
    }
    else {
        childNode.show(500);
    }
    return false;
}


jQuery.fn.nextOrFirst = function(selector){
    var next = this.next(selector);
    return (next.length) ? next : this.prevAll(selector).last();
}

jQuery.fn.prevOrLast = function(selector){
    var prev = this.prev(selector);
    return (prev.length) ? prev : this.nextAll(selector).last();
}

function toggleOverlay(toggleAction) {
    if (toggleAction == '+') $('.overlay').fadeIn(500);
    else $('.overlay').fadeOut(500);
}

var lastThumb = 0;

function switchGallery(toggleAction) {
    if (!$('.overlay').is(':visible')) {
        toggleOverlay('+');
    }
    
    $('.overlay_thumb').css('display', 'none');
    
    if (toggleAction == '+') {
        thumbCurrent = lastThumb.next();
        if (!thumbCurrent.length || thumbCurrent.attr('class') == 'clear') thumbCurrent = lastThumb;
        else {
            lastThumb = thumbCurrent;
        }
        
        thumbCurrent.fadeIn(500);
        var thumbPrev = thumbCurrent.prev();
        var thumbNext = thumbCurrent.next();
        
        if (thumbPrev.length) thumbPrev.fadeIn(500);
        else thumbNext.next().fadeIn(500)
        
        if (thumbNext.length && thumbNext.attr('class') != 'clear') thumbNext.fadeIn(500);
        else thumbPrev.prev().fadeIn(500);
    }
    else if (toggleAction == '-') {
        thumbCurrent = lastThumb.prev();
        if (!thumbCurrent.length || thumbCurrent.attr('class') == 'clear') thumbCurrent = lastThumb;
        else {
            lastThumb = thumbCurrent;
        }
        
        thumbCurrent.fadeIn(500);
        var thumbPrev = thumbCurrent.prev();
        var thumbNext = thumbCurrent.next();
        
        if (thumbPrev.length) thumbPrev.fadeIn(500);
        else thumbNext.next().fadeIn(500)
        
        if (thumbNext.length && thumbNext.attr('class') != 'clear') thumbNext.fadeIn(500);
        else thumbPrev.prev().fadeIn(500);
    }
    else {
        $('.overlay_group').css('display', 'none');
        
        $('#group'+toggleAction).fadeIn(500);
        var thumbCurrent = $('#thumb'+toggleAction);
        
        thumbCurrent.fadeIn(500);
        var thumbPrev = thumbCurrent.prev();
        var thumbNext = thumbCurrent.next();
        
        if (thumbPrev.length) thumbPrev.fadeIn(500);
        else thumbNext.next().fadeIn(500)
        
        if (thumbNext.length && thumbNext.attr('class') != 'clear') thumbNext.fadeIn(500);
        else thumbPrev.prev().fadeIn(500);
        
        lastThumb = thumbCurrent;
    }
}