/* Author: 
	ystudio.pl
*/

/* =============================================================================
   Efekt cienia w menu glownym
   ========================================================================== */
var nav = $(".navigation").clone();
nav.css("bottom", "14px");

$("a", nav).addClass("navShadow");

$(nav).css("z-index", "1");
$(nav).removeClass("sranie");
$(nav).addClass("navigationShadow");

  $(".navigation a").hover(
        function(){
        	index1 = $(this).index(); 
        	element = $(".navigationShadow a:eq("+index1+")");
        	element.removeClass("navShadow");
            element.addClass("navShadowHover");
        },
        function(){ 
        	element.removeClass("navShadowHover");
            element.addClass("navShadow");
        }
    );


$(".header980").append(nav);


/* =============================================================================
   Animacja tekstow w bannerze po lewej stornie + slider
   ========================================================================== */
$("#slides-texts div").hide();
$("#slides-texts #text1").addClass("active");

$('#slides').slides({
	preload: false,
	play: 5000,
	preloadImage: '/images/loading.gif',
	generateNextPrev: false,
	pagination: true,
	generatePagination: true,
	paginationClass: 'slider-pagination',
	slideSpeed: 750,
	animationStart: function(imageIndex){
			var currentEl = $('#slides-texts div:eq('+(imageIndex-1)+')');
			console.log("current "+imageIndex);
			$('#slides-texts div').fadeOut(375);
			currentEl.delay(375).fadeIn(375);
	}
});

$('#slides').delay(5).css("visibility", "visible"); 

$('#slides-texts div:first').fadeIn();
			
/* =============================================================================
   Dodawanie tla do obazkow
   ========================================================================== */			
var topLeft = $('<span></span>');
var bottomRight = $('<span></span>');

var dirty_cssObject = { "position": "absolute", "width": "120px", "height": "112px", "z-index": "0" }
var topLeft_cssObject = { "background": "url(images/dirty-corner-top-left.png)", "left": "0", "top": "0" } 
var bottomRight_cssObject = { "background": "url(images/dirty-corner-right.png)", "right": "0", "bottom": "0" } 

topLeft.css(dirty_cssObject);
topLeft.css(topLeft_cssObject);

bottomRight.css(dirty_cssObject);
bottomRight.css(bottomRight_cssObject);

$('.dirty-background').append(topLeft);
$('.dirty-background').append(bottomRight);

/* =============================================================================
   Konfiguracja fancybox'a
   ========================================================================== */
$("a.fancy-box").fancybox({
	'transitionIn'	:	'elastic',
	'transitionOut'	:	'elastic',
	'speedIn'		:	200, 
	'speedOut'		:	200, 
	'overlayShow'	:	false
});

/* =============================================================================
   Mapka google
   ========================================================================== */
function mapaGoogle() {
	var latlng = new google.maps.LatLng(50.373879, 21.399908);
    var myOptions = {
      zoom: 12,
      center: latlng,
      mapTypeId: google.maps.MapTypeId.ROADMAP,
      disableDefaultUI: false,
      mapTypeControl: false,
      marker: latlng
    };

    var map = new google.maps.Map(document.getElementById("map"), myOptions);

    var marker = new google.maps.Marker({
      position: latlng,
      map: map,
      title: "d"
    });
}

/* =============================================================================
   Aplikacja tipTip
   ========================================================================== */
$("#ystudio-link").tipTip({maxWidth: "auto", edgeOffset: 5});