/* bau + art package */
var bauart
if (!bauart) bauart = {}

$.extend(bauart, {
	
	// folder where images to preload are
	IMAGEPATH: 'http://bau-art.net.c.njh.eu/site/common/home',
	
	// images to preload in IMAGEPATH
	IMAGES: ['anfertigungen.jpg', 'ausstellung.jpg', 'business.jpg', 'kinzoair.jpg',
          'objekt.jpg', 'ozori.jpg', 'privateliving.jpg', 'produkte.jpg', 'produktentwicklung.jpg'
    ],
	
    // called on document ready
    init: function() {	
		// resize columns
		/*var illus = $('.illustrated')
		var i1 = $(illus[0])
		var i2 = $(illus[1])
		var max = Math.max(i1.height(), i2.height())
		i1.css('min-height', max)
        i2.css('min-height', max)*/
		
		// init home nav h3 dropshadow
        $('body .illustrated h3').each(function() {
			var h3 = $(this)
			var a = h3.find('a')
			h3.prepend('<span>' + a.text() + '</span>').addClass('shadowed')
		})
		// init extra text opacity
		$('body .illustrated p').css('opacity', '0.1')
		
        // init home navs		
		$('body .illustrated li').each(function() {
			var li = $(this)
			var ul = li.parent('ul')
			var imgclass = li.attr('id')
			var p = li.find('p')
			// click on complete li
			var href = li.find('h3 a').attr('href')
			li.css('cursor', 'pointer')
			  .click(function() {
				document.location.href = href
			  })
			  .hover(
	            function() {
					// set ul
					ul.addClass(imgclass)
					// set li
	                li.addClass('over').css('opacity', '0.85') // IE!
	                // fadeIn p
                    p.css('visibility', 'visible')
                     .stop()
					 .fadeTo(300, '1', function() {
                        $(this).addClass('over')
                    })
	            },
	            function() {
					// hide p
					p.stop()
					 .css('visibility', 'hidden')
					 .css('opacity', '0.1')
					// reset li
                    li.removeClass('over')
                    // set ul
                    ul.removeClass(imgclass)
	            }
	          )
		})
		
		
		
        // preload images 
        bauart.preloadImages(bauart.IMAGEPATH, bauart.IMAGES)
		
    },
	
	preloadImages: function(path, images) {
        for(var i = 0; i<images.length; i++) {
            $('<img>').attr('src', path + images[i]);
        }
    }
})
$(bauart.init)