swfobject.createCSS("div#tia-countries", "display: none");

/**
 * initialize global variables
 */

// width of rounded corner in main menu
var roundedCornerWidthOut = 10;	
var roundedCornerWidthIn = 5;	
var roundedCornerWidthMenu = 5;	
var minWidthWindow = 1009;
var minHeightWindow = 617;			
var minWidthShape = 407;
var minHeightShape = 601;			
var selectedItem = 0; 						

// min size of background image
var minWidthBg = 900;
var minHeightBg = 300;

// min offset of country selector layer
var minOffsetLeft = 400;
var minOffsetTop = 32;

// colors
var bgBtnNor = '#8a1037';
var bgBtnAct = '#ffffff';



jQuery(function($){
	// set position of country selector layer on load and on resize
	$(window).load( function() { setSelectorPosition( $('#tia-countries') );
	 setClickPosition( $('#vote_klick') );
	
	});
	
	$(window).resize(function(){  
		setClickPosition( $('#vote_klick') );
	});
	
	
	//$(window).resize( function() { setSelectorPosition( $('#tia-countries') ); });
	
	$(".tia-select").corner("round" + roundedCornerWidthOut + "px top");
	$("div#countries div").corner("round" + roundedCornerWidthOut + "px right bottom");
	$("div.europe").corner("round" + roundedCornerWidthIn + "px right bottom");
	$("div.tia-main-menu li a").corner("round" + roundedCornerWidthMenu + "px");
	$("div#strich").uncorner();
	//$("div.tia-main-menu ul li a").css({"padding-top": "2px", "padding-bottom": "3px"});
	$("div#countries > div").hide();
	$("div.tia-main-menu ul li").css({"margin-top": "3px", "padding-bottom": "3px"});
	
	$("div.tia-main-menu ul li a").hover(
		
		function(evt) {
			var index = $("div.tia-main-menu > ul > li").index(this); 
			var menu_item = index+1;
			$("div.tia-main-menu ul li").css({"margin-top": "3px", "padding-bottom": "3px"});
			$("div.tia-main-menu ul li a").css({"background-color":bgBtnNor, "color": bgBtnAct, "height": "13px", "padding-top": "2px", "padding-bottom": "3px"});
			$(this).css({"background-color":"white", "color": bgBtnNor});
			$("div.tia-main-menu ul li:nth-child(" + selectedItem + ") >  a").css({"background-color":bgBtnAct, "color": bgBtnNor});
		},
		function() {
			$(this).css({"background-color":bgBtnNor});
			$(this).css({"color":"rgb(255,255,255)"});
			$("div.tia-main-menu ul li:nth-child(" + selectedItem + ") >  a").css({"background-color":bgBtnAct, "color": bgBtnNor});
		}
	)

	$("div.tia-main-menu ul li").click(
		
		function(evt) {
			var index = $("div.tia-main-menu > ul > li").index(this); 
			var menu_item = index+1;
			selectedItem = menu_item;
			evt.preventDefault();
			$("div#countries > div").hide();
			$("div.tia-main-menu ul li a").css({"background-color":bgBtnNor, "width": "71px", "height": "13px", "color": "white", "padding-top": "2px", "padding-bottom": "3px"});
			$("div.tia-main-menu ul li").css({"margin-top": "3px", "padding-bottom": "3px"});

			//$("div.tia-main-menu li a").corner("round" + roundedCornerWidthMenu + "px");
			$("div#countries div:nth-child(" + menu_item + ")").show();
			$("div.tia-main-menu ul li:nth-child(" + menu_item + ") a").css({"background-color":bgBtnAct, "color": bgBtnNor, "width": "200px"});
			
		}
	)
	
	$("div#countries div div li a").hover(
		function() {
			$(this).css({"background-color":bgBtnAct});
			$(this).css({"color":bgBtnNor});
		},
		function() {
			$(this).css({"background-color":bgBtnNor});
			$(this).css({"color":bgBtnAct});
		}
	)
});
	
function setSelectorPosition( selector ) {
	if( $(document).height() < minHeightBg ) {
		selector.css({ 'top':minOffsetTop+'px', 'left':minOffsetLeft+'px' });
	} else {
		var offsetTop = (($('div#bg-img img').height() / minHeightBg)*minOffsetTop)+'px';
		var offsetLeft = (($('div#bg-img img').width() / minWidthBg)*minOffsetLeft)+'px';
		selector.css({ 'top':offsetTop, 'left':offsetLeft });
	}
	selector.show();
}


function setClickPosition( selector ) {
	if( $(document).height() < minHeightBg ) {
		selector.css({ 'top':minOffsetTop+'px', 'left':minOffsetLeft+'px' });
	} else {
		var offsetTop = (($('div#bg-img img').height() * 410)/682)+'px';
		var offsetLeft = (($('div#bg-img img').width() * 330)/1025)+'px';
		
		var selWidth = (($('div#bg-img img').height() * 300)/682)+'px';
		var selHeight = (($('div#bg-img img').width() * 200)/1025)+'px';
		
		
		selector.css({ 'top':offsetTop, 'left':offsetLeft });
		selector.css({ 'width':selWidth, 'height':selHeight });
		$('#div#vote_klick a').css({ 'width':selWidth, 'height':selHeight });
	}
	selector.show();
}