function gallery(){


  var project = {
    text: $(".projects .info .md_text"),
    screenshots: $(".projects .info .btn_screen a"),
    online: $(".projects .info .btn_online a"),
    gallery: $(".projects .btn_zoom a")
  }

  $('#slider a').each(function(index,element){
         $(element).addClass('handle_'+index)
  })

  $('.photogallery_image .slide:not(.loaded)').append('<div class="loader">loading image ... </div>')

  var gallery_total_slides = $(".js_gallery1 .slide").length

  var prev = $('.projects .backward:first')
  var next = $('.projects .forward:first')

  $('.js_gallery1 .slides').cycle({
        fx:'scrollHorz',
        easeIn:  'bounceout',
        easeOut: 'bounceout',
        speedIn:  1000,
        speedOut: 1000,
        sync: true,
//        speed: 10,
        timeout: 0,
        cleartypeNoBg: true,
        pager: $('#slider'),
        prev: prev,
        next: next,

        pagerEvent: 'click',
        pagerAnchorBuilder: function(idx, slide) {
           return $('#slider a.handle_' + idx);
        },
        prevNextClick:function(isNext, zeroBasedSlideIndex, slideElement){
          l_or_r =  isNext ? "-" : "+"
          thumb_size = 138
          pre_offset = thumb_size*3
          offset = zeroBasedSlideIndex * thumb_size
          offset -= pre_offset
          offset = Math.abs(offset)
          if(zeroBasedSlideIndex<3){offset=0}
          $("#slider ul").animate({left: "-"+offset+"px"}, {duration: 300, easing: "easein"});
        },

        before:function(currSlideElement, nextSlideElement, options, forwardFlag){
          prev[options.nextSlide == 0 ? 'hide' : 'show']();
          next[(options.nextSlide + 1) >= options.slideCount ? 'hide' : 'show']();
        },


        after:function(currSlideElement, nextSlideElement, options, forwardFlag){

         prev[options.currSlide == 0 ? 'hide' : 'show']();


         var $next = $(nextSlideElement)
         if(!$next.hasClass("loaded")){

           var img = $next.find('img')

           var loader = $next.find(".loader:first")
           img.load(function(){
             loader.fadeOut()
           })



           img_src = img.attr("src").replace("#","")
           img.attr('src', img_src)
           $next.addClass('loaded')
          }

           var info = $next.find('input')
           var text = $next.find('.md_text')
           info = info && info.val()

           if(info){
            info = eval('(' + info + ')')
            project.text.html(text.html())
            disable_or_enable(project.screenshots, info.screenshots, 'See project screenshots')
            disable_or_enable(project.online.html("online"), info.online, 'See project online')
            disable_or_enable(project.gallery, info.gallery, 'See project gallery')
           }
        }
      });

}

function disable_or_enable(link, data, title){
  if(data){
    link.attr('href', data).removeClass("disabled").removeClass("soft_disabled").attr('title', title)
  }else{
   if(link.html() == "online"){
     link.html("offline").removeAttr('title').removeAttr('href').addClass("soft_disabled")
   }else{
    link.removeAttr('title').removeAttr('href').addClass("disabled")
   }
  }
}

function validate() {

		$('#kontakt .serror').hide();

		var name = $('input#ime').val();
		if (name == "" || name == " " || name == "Your name") {
		    $('input#ime').focus().before('<div class="serror">Your name is?</div>');
		    return false;
		}
		var email_test = /^([a-z0-9_\.-]+)@([\da-z\.-]+)\.([a-z\.]{2,6})$/;
		var email = $('input#email').val();
		if (email == "" || email == " ") {
		   $('input#email').focus().before('<div class="serror">and your email?</div>');
		   return false;
		} else if (!email_test.test(email)) {
		   $('input#email').select().before('<div class="serror">Ok, this is not an email...</div>');
		   return false;
		}
		var message = $('#poruka').val();
		if (message == "" || message == " " || message == "Message") {
		    $('#poruka').focus().fadeIn('slow').before('<div class="serror">Oops! What about message?!</div>');
		    return false;
		}
		var spam = $('input#spamy').val();
		if (spam != "five") {
		    $('input#spamy').focus().before('<div class="serror">Shuu, that is not valid SPAM answer. Try with "five" :)</div>');
		    return false;
		}
}

function respond() {
	gos = window.setTimeout(hidePanel, 5000);
}
function hidePanel() {
	$("#panel").slideToggle("fast");
	$("#show_slide").toggleClass("arup");
	$("#wellcome").toggleClass("hello_zwei");
	window.clearTimeout(gos);
}

$(function() {
	// award slider
	$('#as_list').bxSlider({
		mode: 'fade',
		speed: 1000,
		pause: 5000,
		auto: true,
		controls: false,
		auto_direction: 'right',
		next_text: 'next',
		prev_text: 'prev',
		width: 470,
		wrapper_class: 'asl_container'
	});

	// contact info slide
	$("#show_slide").click(function(){
		$("#panel").slideToggle("fast");
		$(this).toggleClass("arup");
		$("#wellcome").toggleClass("hello_zwei");
	});
	$("#basic_info").click(function(){
		$("#panel").slideToggle("fast");
		$("#show_slide").toggleClass("arup");
		$("#wellcome").toggleClass("hello_zwei");
		$(this).toggleClass("yellme");
	});
	$(".basic_kontakt").click(function(){
		$("#panel").slideToggle("fast");
		$("#show_slide").toggleClass("arup");
		$("#wellcome").toggleClass("hello_zwei");
		$(this).toggleClass("yellme");
	});

	var options = {
        target:        '#note',
        beforeSubmit:  validate,
		//success:       respond,
        resetForm: true
    };

	$('#kontakt').ajaxForm(options);

	// add js to body for css
	$("body").addClass('js')

	// initialize gallery
	gallery();



	$("#left").click(function(e) {
    	e.preventDefault();
    	$("#slider ul").animate({left: "-966px"}, {duration: 300, easing: "easein"});
	})

	$("#right").click(function(e) {
	  e.preventDefault();
		$("#slider ul").animate({left: "0px"}, {duration: 300, easing: "easein"});
	})

$('ul.friju li a[href^="http://"]')
  .attr({
    target: "_blank", 
    title: "Opens in a new window"
  });

});