var submenu = false;
var activemenu = false;
var menutoclose = false;
var timer = false;
var actionmenu = null;
var actualAction = 1;
//var actionmenu = document.getElementById('menu-20');
window.onload = function() {
	slider = new BartSlider( { container: $( '#top-akce2' ) } );
	slider.startLoop();
	dropMenu();
	createMap();
//		container = document.getElementById( 'top-akce2' );
//		alert(container);
}


function dropMenu() {
//	$("ul.subnav").parent().append("<span></span>");
	
	$("ul.topnav li a div").hover(function() { //When trigger is clicked...
//		$(this).parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click
		$(this).parent().parent().find("ul.subnav").slideDown('fast').show(); //Drop down the subnav on click

		$(this).parent().parent().hover(function() {
		}, function(){	
			$(this).parent().parent().find("ul.subnav").slideUp('slow');
		});

		}).hover(function() { 
			$(this).addClass("subhover");
		}, function(){	//On Hover Out
			$(this).removeClass("subhover");
	});
	return false;
}


function findPosTop(obj) {
	var curtop = 0;
	if (obj.offsetParent) {
		do {
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
		return curtop;
	}
}
  	
function findPosLeft(obj) {
	var curleft = 0;
	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
		} while (obj = obj.offsetParent);
		return curleft;
	}
}
  	
function showSubmenu(target) {
	menutoclose = false;
	document.getElementById('menu-'+target).style.display = 'block';
}

function animateOutfitIn() {
	var len = $('#outfit div' ).length * 220 + 10;
	$('#outfit').animate( { width: len+'px' }, null, function() { $('#outfit div' ).show() } );
	$( '#button-animate-outfit' ).unbind().click( function() { animateOutfitOut() } );
	return false;
}

function animateOutfitOut() {
	var len = $('#outfit div:gt(0)' ).hide();
/*
	for ( i=1; i<len.length; i++ ) {
		alert(i);
		var s = len[i];
		s.hide();
	}
*/
	$('#outfit').animate( { width: '220px' } );
	$( '#button-animate-outfit' ).unbind().click( function() { animateOutfitIn() } );
	return false;
}


var obchodyMapa = null;
var obchodyMapa2 = [];
var mapaPixelRatio = 0.65;
var mapaDiffX = 0;
var mapaDiffY = 0;

function createMap() {
	var type = document.getElementById( 'mapa-obchodu' );
	
	if ( type == null ) {
		return false;
	}
	
	var url = '/cs/mapa-data.html';
	
	if ( type.className == 'mapa-obchodu-cr' ) { 
		url = '/cs/mapa-data.html?loc=cr';
		mapaPixelRatio = 1.07;
		mapaDiffX = -45 * mapaPixelRatio;
		mapaDiffY = -45 * mapaPixelRatio;
	}
	
	if ( type.className == 'mapa-obchodu-sk' ) {
		url = '/cs/mapa-data.html?loc=sr';
		mapaPixelRatio = 1.07;
		mapaDiffX = -350 * mapaPixelRatio;
		mapaDiffY = -180 * mapaPixelRatio;
	}
	
	$.getJSON( url, function( data ) { parseMapData( data ); } );
	
}

function parseMapData( obchodyMapa ) {
	for ( var o in obchodyMapa ) {
	}
	for ( var i in obchodyMapa ) {
		index = obchodyMapa[i].posx+'-'+obchodyMapa[i].posy;
		if ( typeof( obchodyMapa2[index] ) == "undefined" ) {
			obchodyMapa2[index] = [];
		}
		obchodyMapa2[index].push( obchodyMapa[i] );
	}
	
	
	for ( var j in obchodyMapa2 ) {
		var im = document.createElement( 'img' );
		var mapaDiv = $( '#mapa-obchodu' );
//		mapaPixelRatio = mapaDiv.width() / 1000;
		im.src = '/i/punta-mapa2.png';
		im.className = "map-point";
		im.style.top = Math.round( obchodyMapa2[j][0].posy * mapaPixelRatio + mapaDiffY )+'px';
		im.style.left = Math.round( obchodyMapa2[j][0].posx * mapaPixelRatio + mapaDiffX )+'px';
		im.id = j;
		
		im.onclick = function() { rollMenu( this ); };
		
		$( '#mapa-obchodu' ).append( im );
	}
}

function rollMenu( t ) {
	var div = document.createElement( 'div' );
	for( i=0; i<obchodyMapa2[t.id].length; i++ ) {
		div.innerHTML += '<a href="'+obchodyMapa2[t.id][i].url+'">'+obchodyMapa2[t.id][i].name+'</a>';
	}
	div.style.top = Math.round( obchodyMapa2[t.id][0].posy * mapaPixelRatio + mapaDiffY )+"px";
	div.style.left = Math.round( obchodyMapa2[t.id][0].posx * mapaPixelRatio + mapaDiffX )+"px";
//	div.onmouseout = function() { $( this ).detach(); }
	div.className = 'map-list';
	div.id = 'map-list';
	$( '#mapa-obchodu' ).append( div );
	$( '#map-list' ).hover( function() {}, function() { $( this ).detach(); } );
}