$(document).ready(function() {
	// browser/os detect (ie6)
	if($.browser.msie && $.browser.version == '6.0') {
		$('body').prepend('<div class=warning><div>Przepraszamy, nasza strona nie obsługuje przeglądarki <strong>Internet Explorer ' + $.browser.version + '</strong>, prosimy o pobranie nowoczesnej i darmowej przeglądarki np. firefox, safari lub chrome</div></div>');
	}
	$('.mainMenu li:not(:first)').each(function() {
		$(this).prepend('&raquo;');
	});
	//
	$('.mainMenu li:eq(0)').addClass('selected');
	$(".mainMenu").kMenu({
		bind: 'mouseover',
		revert: true,
		height: 24,
		selectedClass: 'current_page_item',
		speed: 200,
		tolerance: -2
	});
	$('.mainHolder').draggable({
		handle: '.footerHolder',
		axis: 'x',
		revert: true
	});
	//
	// REMOVING KONTAKT FROM MAIN MENU
	$('.mainMenu').clone().appendTo('.footerHolder');
	lng();
	$('.kSlide').kSlide({
		width: 600,
		shadow: 0,
		phpthumb: 'phpThumb_1.7.9',
		phpthumbsize: 80,
		drop: 0,
		preloader: 'wczytywanie galerii...'
	});
	// building badges
	buildBadge(1033, 'leftBadge', {left: 0, right: 'auto'});
	buildBadge('contact', 'contactBadge', {left: 'auto', right: 0}, function() { contactForm(); });
	// google translate
	$.translate(function(){  //when the Google Language API is loaded
		function translateTo( destLang ){ //this can be declared in the global scope too if you need it somewhere else
			$('body').translate('polish', destLang, {   //translate from english to the selected language
				not: '.jq-translate-ui, .header',  //by default the generated element has this className
				fromOriginal:true   //always translate from english (even after the page has been translated)
			});
		}
		$.translate.ui('select', 'option')
		.appendTo('#aj')    //insert the element to the page
		.change(function(){   //when selecting another language
			translateTo( $(this).val() );
			return false; //prevent default browser action
		});
		$('#aj').find('option[text=Polish]').attr({selected: 'selected'});
	});
	// portfolio list
	$('ul.portfolio li:odd').addClass('right');
	// tabs
	$('.tabs').each(function() {
		$(this).find('a').click(function() {
			$(this).parent('li').addClass('selected').siblings().removeClass('selected');
			$('#'+$(this).attr('rel')).show().siblings().hide();
			return false;
		});
	});
});


function randomColor() {
	var r = Math.floor(Math.random()*256);
	var g = Math.floor(Math.random()*256);
	var b = Math.floor(Math.random()*256);
	var color = 'rgb('+r+', '+g+', '+b+')';
	return color;
}

var container = 'body';
var size = 5;
var width = 50;
var height = 5;
css = new Object();
css.position = 'absolute';
css.width = size+'px';
css.height = size+'px';

function colorBox() {
	for (i=0; i<height; i++) {
		for (j=0; j<width; j++) {
			css.left = (size*j)+'px';
			css.top = (size*i)+'px';
			css.backgroundColor = randomColor();
			$('<div/>', {
				css: css,
				mouseover: function() {
					$(this).css({backgroundColor: '#ffffff'});
				},
				click: function() {
					$('div').css({backgroundColor: '#000000'});
				}
			}).appendTo(container);
		}
	}
}

function kDraw() {
	$(document).mousedown(function() {
		draw = true;
		$(document).mousemove(function(e) {
			if(draw) {
				css.width = '40px';
				css.height = '40px';
				css.backgroundColor = 'none';
				css.top = e.pageY-20 + 'px';
				css.left = e.pageX-20 + 'px';
				css.backgroundColor = '#eaeaea';
				$('<div/>', {
					css: css
					//,class: 'dot' //breaking IE
				}).appendTo('body');
			}
		});
	}).mouseup(function() {
		draw = false;
	});
}

function contact() {
	$('.contactBadge').click();
}

function buildBadge(id, className, cssObj, callback) {
	$('body').append('<div class="'+className+'"></div>');
	$('.'+className).scrollFollow({offset: 100}).click(function() {
		css = new Object();
		css.top = 0; css.left = 0; css.width = 0; css.height = '100%'; css.textAlign = 'left'; css.color = '#999999'; css.cursor = 'default'; css.backgroundColor = '#1d1d1d'; css.border = '1px solid #2C2C2C'; css.borderTop = 'none'; css.borderBottom = 'none';
		jQuery.extend(css, cssObj);
		var width = '480px';
		$.blockUI({
			message: '<div class="slideInMargin">momencik...</div>',
			css: css,
			overlayCSS: {
				opacity: 0.3
			},
			onBlock: function() {
				$(this).animate({width: width}, function() {
					$.ajax({
						type: 'POST',
						url: '/index.php',
						data: 'id='+id+'&ajax=1',
						success: function(html) {
							$('.slideInMargin').html(html);
							if(callback)
								callback(this);
						}
					});
				});
				if(css.left == 0)
					$('.'+className).animate({left: width}, 'easeInOutElastic');
				else
					$('.'+className).animate({right: width}, 'easeInOutElastic');
			}
		});
		$('.blockOverlay').css({cursor: 'pointer'}).click(function() {
			$.unblockUI();
			if(css.left == 0)
				$('.'+className).css({left: '0px'});
			else
				$('.'+className).css({right: '0px'});
		})
	});
}

function contactForm() {
	$('#contactForm').each(function() {
		$(this).validate({
			rules: {
				name: {
					required: true
				},
				email: {
					required: true,
					email: true
				},
				target: {
					required: true
				},
				message: {
					required: true
				}
			},
			messages: {
				name: {
					required: 'podaj swoje imię lub nazwę firmy aby ułatwić nam kontakt'
				},
				email: {
					required: 'wpisz poprawny adres e-mail',
					email: 'niewłaściwy format adresu e-mail'
				},
				target: {
					required: 'wybierz dział którego ma dotyczyć Twoja wiadomość'
				},
				message: {
					required: 'wpisz wiadomość'
				}
			}
		});
		$(this).ajaxForm({
			beforeSubmit: function(data, $form) {
				if($form.valid()) {
					$('#contactForm').find('input[type=submit]').attr({value: 'proszę czekać'});
				} else
					return false;
			},
			success: function(data) {
				$('#contactForm').html('<label class="error">'+data+'</label>');
			}
		});
	});
}

function slideContent() {
	var width = $('.slideOutHolder').width();
	var height = $('.slideOutHolder').height();
	$('.slideOutHolder').css({width: width+'px'});
	$('.slideInRight, .slideInLeft').css({height: $('html').height()+'px'}).scrollFollow();
}

function lng() {
	$('.mainMenuHolder').prepend('<div class="lngSwitcher"><table cellpadding="0" cellspacing="0"><tr><td><span class="flag" id="aj"></span></td></tr></table></div>');
}