$('html').addClass('js');

// Font replacement (Cufon)
Cufon.replace('.hr #content.page-01 #language-select li a, #content-supp .siden-nav li a, #content.page-05 h2.replace, .srb #content.page-01 #language-select li a, .slo #content.page-01 #language-select li a, .alb #content.page-01 #language-select li a, .bih #content.page-01 #language-select li a, .hr #content.page-02 h1, .srb #content.page-02 h1, .slo #content.page-02 h1, .alb #content.page-02 h1, .bih #content.page-02 h1, .hr #content.page-02 #content-type li a, .srb #content.page-02 #content-type li a, .slo #content.page-02 #content-type li a, .alb #content.page-02 #content-type li a, .bih #content.page-02 #content-type li a, .hr #content.page-04 #dictionary h3, .srb #content.page-04 #dictionary h3, .slo #content.page-04 #dictionary h3, .alb #content.page-04 #dictionary h3, .bih #content.page-04 #dictionary h3, .hr #content.page-04 #translator h3, .srb #content.page-04 #translator h3, .slo #content.page-04 #translator h3, .alb #content.page-04 #translator h3, .bih #content.page-04 #translator h3, .hr #content.page-04 legend span, .srb #content.page-04 legend span, .slo #content.page-04 legend span, .alb #content.page-04 legend span, .bih #content.page-04 legend span, .hr #content.page-06 h2, .srb #content.page-06 h2, .slo #content.page-06 h2, .alb #content.page-06 h2, .bih #content.page-06 h2, #content.page-07 h2, #content.page-07 #page-title-second, #content.page-09 h2, #content.page-09 button, #content.page-08 h2, #content.page-08 #page-title-second, #top-results li a, #ranking-results li a, #content.page-09 h2');

$(function(){

	// SLO and MAK download title changes
	$('.slo .cufon-alt:contains("Izdelaj")').siblings().addClass('alt-title-01');
	$('.slo .cufon-alt:contains("klovna")').siblings().addClass('alt-title-02');
	$('.mak .download-group-3 h2:contains("Состави го кловнот")').html('<span>Состави го </span><span>кловнот</span>').addClass('alt-title-01');

	// Custom scrollbars (jScrollPane)
	$('#content.page-02 #content-main #single-kikici-content p, #content.page-04 #content-main #dictionary ol, #content.page-05 #content-main > div, #content.page-06 #content-main > div, #content.page-07 #content-main > div, .hr #content.page-08 #content-main > div, #content.page-09 #content-main #faq ul, #content.page-03 #content-main.scroll > div').jScrollPane({ 
		showArrows:true,
		scrollbarWidth:15,
		dragMaxHeight:26,
		arrowSize:14,
		scrollbarMargin:0
	});

	// -- Opera body scrollbar hack
	(function(){
		var browser = { };
		browser.opera = (browser.__opera = function(){ 
			return arguments instanceof Array;
		})();
		__browser = browser;
	})(this);
	if(__browser.opera == true) { 
		$('body').css('overflow-y','hidden'); 
	}

	// Bojanka lik switcher
	$('#content.page-03 #coloring-board ul li a').hover(function(){
		var kikic = $(this).parent().attr('class');
		switch(kikic){
			case 'vocki': $(this).parents('ul').css({backgroundPosition:'left top'}); break;
			case 'jagodaki': $(this).parents('ul').css({backgroundPosition:'left -207px'}); break;
			case 'mlijekoki': $(this).parents('ul').css({backgroundPosition:'left -414px'}); break;
		}
		}, function(){
			$(this).parents('ul').css({backgroundPosition:'left top'});
	});

	// Kiki dance - page 05
		$("#content-main .info-bar div ul li").hover(function(){
        $(this).prevAll("li").addClass("on");
        $(this).addClass("on");
        $(this).nextAll("li").addClass("off");
        $(this).parents(".info-bar").find("span").text($(this).find("a").attr("title"));
    }, function (){
        $(this).prevAll("li").removeClass("on");
        $(this).removeClass("on");
        $(this).nextAll("li").removeClass("off");
        $(this).parents(".info-bar").find("span").text($(this).parents(".info-bar").find("span").attr("title"));
    });

	// Flash content
	$('#content.page-03.single-item #flash-content').flash(null, { version: 9, update: false }, function(htmlOptions) {
        var $this = $(this);
        var params = $this.find('a:first-child').attr('rel').split(':');
        htmlOptions.src = params[0];
        htmlOptions.width = params[1];
        htmlOptions.height = params[2];
        htmlOptions.wmode = 'transparent';
        this.innerHTML = '<div class="alt">'+this.innerHTML+'</div>';
        $this.addClass('flash-replaced').prepend($.fn.flash.transform(htmlOptions));
    });
		
	// Keyboard game specific
	$('#content.keyboard_game').parent().find('#branding-tagline').hide();
	$('#content.keyboard_game').parent().find('#branding-tagline').show();

	// Flash banners
		$('#footer .banner').flash({	
			src: phrasebook.URLROOT+'/flash/banners/banner-zc.swf',
			width: 270,
			height: 70,
			wmode: 'opaque'},
      {	version: 9, update: false }
    );

		$('#page-selector #page-05-link span').flash({	
			src: phrasebook.URLROOT+'/flash/banners/floating-dance.swf',
			width: 180,
			height: 135,
			wmode: 'transparent',
			flashvars: { clickTag: '/kiki-natjecanje.html' }
			},
      {	version: 9, update: false }
    );
    
    $('#page-06-link span.new').flash({
			src: phrasebook.URLROOT+'/flash/banners/balon_NOVO.swf',
			width: 80,
			height: 80,
			wmode: 'transparent',
			flashvars: { clickTag: '/download' }
			},
      {	version: 9, update: false }
    );
		
		$('#page-03-link span.new').flash({
			src: phrasebook.URLROOT+'/flash/banners/balon_NOVO.swf',
			width: 80,
			height: 80,
			wmode: 'transparent',
			flashvars: { clickTag: '/igraonica' }
			},
      {	version: 9, update: false }
    );
    
    $('.mak #page-selector span.new').flash({
			src: phrasebook.URLROOT+'/flash/banners/balon_HOBO.swf',
			width: 80,
			height: 80,
			wmode: 'transparent',
			flashvars: { clickTag: '/download' }
			},
      {	version: 9, update: false }
    );
    
    $('#kiki-dance-floating').flash({
			src: phrasebook.URLROOT+'/flash/banners/banner_kiki_dance_floating.swf',
			width: 300,
			height: 300,
			wmode: 'transparent'
			},
      {	version: 9, update: false }
    );


	// Bigger clickable links
	$('#content.page-03 #memory ul li').fitted();

	// Fancybox - images
	$('#related-images a').fancybox(); 

	// Flash enhanced navigation
	var activeNavLink = $('#nav-main ul li.active a span');
	switch(activeNavLink.parents('li').attr('id')){
		case 'link-02': var activeNavLinkFlash = phrasebook.URLROOT+'/flash/navigation/link-02.swf'; break;
		case 'link-03': var activeNavLinkFlash = phrasebook.URLROOT+'/flash/navigation/link-03.swf'; break;
		case 'link-04': var activeNavLinkFlash = phrasebook.URLROOT+'/flash/navigation/link-04.swf'; break;
		case 'link-05': var activeNavLinkFlash = phrasebook.URLROOT+'/flash/navigation/link-05.swf'; break;
		case 'link-06': var activeNavLinkFlash = phrasebook.URLROOT+'/flash/navigation/link-06.swf'; break;
		case 'link-07': var activeNavLinkFlash = phrasebook.URLROOT+'/flash/navigation/link-07.swf'; break;
		case 'link-08': var activeNavLinkFlash = phrasebook.URLROOT+'/flash/navigation/link-08.swf'; break;
	}
	activeNavLink.parent().prepend('<span></span>');

	$('#nav-main ul li.active a span:last-child').flash({	
		src: activeNavLinkFlash,
			width: 150,
			height: 150,
			wmode: 'transparent'},
      {	version: 8	}
    );

		$('.srb #nav-main ul li#link-07.active a span:last-child, .mak #nav-main ul li#link-07.active a span:last-child, .slo #nav-main ul li#link-07.active a span:last-child, .alb #nav-main ul li#link-07.active a span:last-child, .bih #nav-main ul li#link-07.active a span:last-child, #nav-main ul li#link-09.active a span:last-child').flash({	
			src: phrasebook.URLROOT+'/flash/navigation/link-07-alt.swf',
			width: 150,
			height: 150,
			wmode: 'transparent'},
      {	version: 8	}
    );

    $('.hr #nav-main ul li#link-03.active a span:last-child').flash({	
			src: phrasebook.URLROOT+'/flash/navigation/link-03-a.swf',
			width: 150,
			height: 150,
			wmode: 'transparent'},
      {	version: 8	}
    );

		// Kiki Dance flash + Fancybox
		$('#dance ul li a, #competitors-list > li > a').fancybox({
			'hideOnContentClick': false,
			'imageScale': true,
			'frameWidth': 480,
			'frameHeight': 384
		});
		
		$("#competitors-list .video-link").bind("click",function(){
        var hrefVal = $(this).attr("href").split("#");
        $.get(hrefVal[0], function(data){
            $("#view-number-"+hrefVal[1]).text(data+" puta pogledano");
        });        
    });    

    $('#competitors-list .kiki-dance').flash(null, { version: 9, update: false }, function(htmlOptions) {
        var $this = $(this);
        var videoFile = $this.siblings('.video-link').attr('rel');
        htmlOptions.src = phrasebook.URLROOT+'/flash/player.swf?skin='+phrasebook.URLROOT+'/flash/skin.swf&file='+videoFile+'.flv&controlbar=over';
        htmlOptions.width = 480;
        htmlOptions.height = 384;
				htmlOptions.wmode = 'opaque';
        this.innerHTML = '<div class="alt">'+this.innerHTML+'</div>';
        $this.addClass('flash-replaced').prepend($.fn.flash.transform(htmlOptions));
    });

		$('#dance .kiki-dance').flash(null, { version: 9, update: false }, function(htmlOptions) {
        var $this = $(this);
        var videoFile = $this.attr('id');
        htmlOptions.src = phrasebook.URLROOT+'/flash/player.swf?skin='+phrasebook.URLROOT+'/flash/skin.swf&file='+phrasebook.URLROOT+'/flash/kiki-dance/'+videoFile+'.flv&controlbar=over';
        htmlOptions.width = 480;
        htmlOptions.height = 384;
				htmlOptions.wmode = 'opaque';
        this.innerHTML = '<div class="alt">'+this.innerHTML+'</div>';
        $this.addClass('flash-replaced').prepend($.fn.flash.transform(htmlOptions));
    });
    
    if ($.browser.msie && $.browser.version.substr(0,1)<7) {
        $(".keyboard_game").parents("#container").find("#branding-tagline").css("background","none");
        $(".keyboard_game").parents("#container").find("#branding-tagline").css("filter","progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+phrasebook.URLROOT+"/images/brandingIE2.png', sizingMethod='crop')");
    }
    
});