$(document).ready(function(){
	
	// detect ie6
	var browser;
	if($.browser.msie && $.browser.version=="6.0") browser = "ie6";
	
	// dynamic bg resizing
	if (browser != "ie6") $.backstretch("/futronica/img/bg.jpg");
	
	// lightbox - prettyPhoto
	/*
    $("a[rel^='prettyPhoto']").prettyPhoto({
			animation_speed: 'fast', // fast/slow/normal 
			slideshow: 5000, // false OR interval time in ms 
			autoplay_slideshow: false, // true/false 
			opacity: 0.80, // Value between 0 and 1 
			show_title: true, // true/false 
			allow_resize: true, // Resize the photos bigger than viewport. true/false 
			default_width: 500,
			default_height: 344,
			counter_separator_label: '/', // The separator for the gallery counter 1 "of" 2 
			theme: 'pp_default', // light_rounded / dark_rounded / light_square / dark_square / facebook 
			horizontal_padding: 20, // The padding on each side of the picture 
			hideflash: false, // Hides all the flash object on a page, set to TRUE if flash appears over prettyPhoto 
			wmode: 'opaque', // Set the flash wmode attribute 
			autoplay: true, // Automatically start videos: True/False 
			modal: false, // If set to true, only the close button will close the window 
			deeplinking: true, // Allow prettyPhoto to update the url to enable deeplinking. 
			overlay_gallery: true, // If set to true, a gallery will overlay the fullscreen image on mouse over 
			keyboard_shortcuts: true, // Set to false if you open forms inside prettyPhoto 
			changepicturecallback: function(){}, // Called everytime an item is shown/changed 
			callback: function(){}, // Called when prettyPhoto is closed 
			ie6_fallback: true
	});
	*/
	 $("a[rel^='prettyPhoto']").prettyPhoto({
			animation_speed: 'fast',  
			allow_resize: false, 
			theme: 'pp_default', 
			social_tools: false,
			show_title: false, 
			deeplinking: false,
			overlay_gallery: false,
			slideshow: false,
			counter_separator_label: ' / ',
			keyboard_shortcuts: false,
			ie6_fallback: true
	});
	
	// viewport settings
	/*
	if (navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPad/i)) {
		var viewportmeta = document.querySelectorAll('meta[name="viewport"]')[0];
		if (viewportmeta) {
			viewportmeta.content = 'width=device-width, minimum-scale=1.0, maximum-scale=1.0';
		}
	}
	*/
	
	// image selector
	$(".imageSelector ul").css('visibility', 'visible');
	$(".contentBlock").css('max-height', '900px');
	$(".imageSelector img").css('visibility', 'visible');
	$(".imageSelector").each(function(index, element) {
		
		// variables
		var imageBlockRef = $(this);
		
		// hide all but first image
		//$('img:not(:first-child)').hide();
		$(this).find('img').hide();
		$(this).find('img:first').show();
		
		// buttons
		$(this).find('ul li:first a').addClass('selected');
		$(this).find('ul li a').click(function() {
			updateButtons($(this));
		});
		var counter = 0;
		$(this).find('ul li a').each(function() {
			$(this)[0].val = counter;
			counter++;
		});
		function updateButtons(ref) {
			imageBlockRef.find('ul li a').removeClass('selected');
			ref.addClass('selected');
			imageBlockRef.find('img').hide();
			imageBlockRef.find('img:eq('+ref[0].val+')').show();
		}
		
    });
	
	
});

/*
 * jQuery Backstretch
 * Version 1.2.3
 * http://srobbin.com/jquery-plugins/jquery-backstretch/
 *
 * Add a dynamically-resized background image to the page
 *
 * Copyright (c) 2011 Scott Robbin (srobbin.com)
 * Dual licensed under the MIT and GPL licenses.
*/

(function($) {

    $.backstretch = function(src, options, callback) {
        var defaultSettings = {
            centeredX: true,         // Should we center the image on the X axis?
            centeredY: true,         // Should we center the image on the Y axis?
            speed: 0                 // fadeIn speed for background after image loads (e.g. "fast" or 500)
        },
        container = $("#backstretch"),
        settings = container.data("settings") || defaultSettings, // If this has been called once before, use the old settings as the default
        existingSettings = container.data('settings'),
        rootElement = ("onorientationchange" in window) ? $(document) : $(window), // hack to acccount for iOS position:fixed shortcomings
        imgRatio, bgImg, bgWidth, bgHeight, bgOffset, bgCSS;
                
        // Extend the settings with those the user has provided
        if(options && typeof options == "object") $.extend(settings, options);
    
        // Initialize
        $(document).ready(_init);
  
        // For chaining
        return this;
    
        function _init() {
            // Prepend image, wrapped in a DIV, with some positioning and zIndex voodoo
            if(src) {
                var img;
                
                // If this is the first time that backstretch is being called
                if(container.length == 0) {
                    container = $("<div />").attr("id", "backstretch")
                                            .css({left: 0, top: 0, position: "fixed", overflow: "hidden", zIndex: -999999, margin: 0, padding: 0, height: "100%", width: "100%"});
                } else {
                    // Prepare to delete any old images
                    container.find("img").addClass("deleteable");
                }
                
                img = $("<img />").css({position: "absolute", display: "none", margin: 0, padding: 0, border: "none", zIndex: -999999})
                                  .bind("load", function(e) {                                          
                                      var self = $(this),
                                          imgWidth, imgHeight;
                                          
                                      self.css({width: "auto", height: "auto"});
                                      imgWidth = this.width || $(e.target).width();
                                      imgHeight = this.height || $(e.target).height();
                                      imgRatio = imgWidth / imgHeight;

                                      _adjustBG(function() {
                                          self.fadeIn(settings.speed, function(){
                                              // Remove the old images, if necessary.
                                              container.find('.deleteable').remove();
                                              // Callback
                                              if(typeof callback == "function") callback();
                                          });
                                      });
                                      
                                  })
                                  .appendTo(container);
                 
                // Append the container to the body, if it's not already there
                if($("body #backstretch").length == 0) {
                    $("body").append(container);
                }
                
                // Attach the settings
                container.data("settings", settings);
                    
                img.attr("src", src); // Hack for IE img onload event
                // Adjust the background size when the window is resized or orientation has changed (iOS)
                $(window).resize(_adjustBG);
            }
        }
            
        function _adjustBG(fn) {
            try {
                bgCSS = {left: 0, top: 0}
                bgWidth = rootElement.width();
                bgHeight = bgWidth / imgRatio;
                
                // Make adjustments based on image ratio
                // Note: Offset code provided by Peter Baker (http://ptrbkr.com/). Thanks, Peter!
                if(bgHeight >= rootElement.height()) {
                    bgOffset = (bgHeight - rootElement.height()) /2;
                    if(settings.centeredY) $.extend(bgCSS, {top: "-" + bgOffset + "px"});
                } else {
                    bgHeight = rootElement.height();
                    bgWidth = bgHeight * imgRatio;
                    bgOffset = (bgWidth - rootElement.width()) / 2;
                    if(settings.centeredX) $.extend(bgCSS, {left: "-" + bgOffset + "px"});
                }

                $("#backstretch, #backstretch img").width( bgWidth ).height( bgHeight )
                                                   .filter("img").css(bgCSS);
            } catch(err) {
                // IE7 seems to trigger _adjustBG before the image is loaded.
                // This try/catch block is a hack to let it fail gracefully.
            }
      
            // Executed the passed in function, if necessary
            if (typeof fn == "function") fn();
        }
    };
  
})(jQuery);