//window.addEvent('load', onLoad);
window.addEvent('domready', onDomReadyF);

var myTabs;			//	ulozene jednotlive slidy
var box = {};		//	pre multibox
var krok = 10;		//	krok pre scrollovanie buttonov

function onDomReadyF() {
	
/*	SMOOTH	SLIDE	*/
	myTabs = new SlidingTabs(false, 'panes',{animateHeight:false});	//	v IE to blbne, ak sa animuje vyska
	// this sets it up to work even if it's width isn't a set amount of pixels
	window.addEvent('resize', myTabs.recalcWidths.bind(myTabs));
	
	//	tlacitka spat a dalej
	var prev = $("previous");
	var next = $("next");
	
	//	eventy na slide a swap img
	prev.addEvents({
		mouseover: function() {this.src="pics/buttons/button-left-over.gif";},
		mouseout: function() {this.src="pics/buttons/button-left.gif";},
		click: function() {	myTabs.previous.bind(myTabs)();	}
	});
	
	next.addEvents({
		mouseover: function() {this.src="pics/buttons/button-right-over.gif";},
		mouseout: function() {this.src="pics/buttons/button-right.gif";},
		click: function() {myTabs.next.bind(myTabs)();}
	});
	
	/*	SLIDING TABS METODA CHANGETO DEKREMENTUJE PREDANY INDEX..PRETO PREDAVAM O 1 VYSSI*/
	//	nastavim title projektov na slidovanie
//	$$('#projects_preview h4').each(function(val, key) {
//		val.addEvent('click', myTabs.changeTo.bind(myTabs).pass(key+3));
//	});
	
	//	ABOUT, CONTACT, LOGO clicks
	$('about_preview').addEvent('click', myTabs.changeTo.bind(myTabs).pass(2));
	$('project_1').addEvent('click', myTabs.changeTo.bind(myTabs).pass(3));
	$('project_2').addEvent('click', myTabs.changeTo.bind(myTabs).pass(4));
	$('contact_preview').addEvent('click', myTabs.last.bind(myTabs));
	$('logo').addEvent('click', myTabs.changeTo.bind(myTabs).pass(1));
//	$$('.about_link').each(function(val) {
//		val.addEvent('click', myTabs.changeTo.bind(myTabs).pass(2))
//	});



	//	pridame udalost na klavesnicu, aby sa dalo aj s nou hybat slidy ['left', 'right', 'esc']
	window.addEvent('keydown', function(e) {
		console.log(e.key)
		if (e.key == "right") {
			myTabs.next.bind(myTabs)();
		} else {
			if (e.key == "left") {
				myTabs.previous.bind(myTabs)();
			} else {
				if (e.key == "esc") {
					myTabs.changeTo.bind(myTabs)(1);
				}
			}
		}
	})
	
	
	
/*	SMOOTH	SLIDE  END	*/
	
	//	validacia formularu na Contact Us
	var myFormValidation = new Validate('contactForm',{
		errorClass: 'red',
		onSuccess: submitContact
	});
	

		//	inicializacia multiboxu
		var initMultiBox = new MultiBox('mb', {
//			descClassName: 'multiBoxDesc',//the class name of the description divs
			//	musim dat false, kedze mam smooth slide, tak pozicia 'left' je niekde v prdeli :-) .. IE ONLY
			openFromLink:false,
			path: './files/',//path to mp3 and flv players
			useOverlay: true,//use a semi-transparent background. default: false;
//			maxWidth: 600,//max width (set to false to disable)
//			maxHeight: 400,//max height (set to false to disable)
			addDownload: true,//do you want the files to be downloadable?
			pathToDownloadScript: './inc/outputFile.php',//if above is true, specify download script
			addRollover: true,//add rollover fade to each multibox link
			addOverlayIcon: false,//adds overlay icons to images within multibox links
			addChain: false,//cycle through all images fading them out then in
			recalcTop: true//subtract the height of controls panel from top position
		});
	
	/*	buttons scrolling */
	
	var sipka_r = $('sipka_right');
	if (sipka_r) {
		sipka_r.addEvents({
			mouseover: function() {
				roluj=true;
				setTimeout("Roluj("+krok+")",50);
			},
			mouseout: function() {
				roluj = false;
			}
		})
	}
	
	var sipka_l = $('sipka_left');
	if (sipka_l) {
		sipka_l.addEvents({
			mouseover: function() {
				roluj=true;
				setTimeout("Roluj(-"+krok+")",50);
			},
			mouseout: function() {
				roluj = false;
			}
		})
	}

	/*	buttons scrolling END	*/
	
}

function submitContact() {

	$('status').innerHTML='Please wait..';
	$('submit').disabled=true;
	var query = $('contactForm').toQueryString();
	new Request.HTML({
		url: 'contactMail.php',
		method: 'post',
		update: 'status',
		evalScripts: false,
		onComplete: function(){$('submit').disabled=false;}
	}).send(query);
}


//	pre rolovanie odkazov na projekty [buttons]
var roluj=false;
function Roluj(krok) {
	if (roluj) {
        $('buttons').scrollLeft+= krok; 
      	setTimeout("Roluj("+krok+")",30);
   	}
}