var RR = {

	start: function() {
		this.tweakLayout();
		//this.tweakButtons();
		this.addFunctionalities();
		this.ieTweaks();
	},
	
	
	tweakLayout: function() {
		
		// Sign inputs for IE
		if ($.browser.msie) {
			$('input').each(function() {
				if ($(this).attr('type') == 'text') {
					$(this).addClass('text');
				}
				else if ($(this).attr('type') == 'password') {
					$(this).addClass('password');
				}
				else if ($(this).attr('type') == 'checkbox') {
					$(this).addClass('checkbox');
				}
				else if ($(this).attr('type') == 'radio') {
					$(this).addClass('radio');
				}
			});
		}
		
		if ($.browser.safari) {
			$('html').addClass('safari');
		}
		
		if (/Chrome/.test(navigator.userAgent)) {
			$('html').addClass('chrome');
		}
		
	},
	
	tweakButtons: function() {
		$('input.submit-contact-button').each(function() {
			var $submit = $(this);
			var classes = this.className;
			var val = $submit.attr('value');
			$submit.after('<a class="' + classes + '" href="#">' + val + '</a>');
			$submit.next().click(function() {
				$submit.click();
				return false;
			});
			$submit.hide();
		});
	},
	
	addFunctionalities: function() {
		//adding blank target
		$('a.blank').attr('target', '_blank');
		
		//portfolio
		$('#projects li').each(function() {
			var $li = $(this);
			$li.find('a').click(function() {
				$li.find('.images img').hide();
				if ($li.find('.images').length > 0) {
					Modal.open($(this).text(), $li.find('.info .text').html(), $li.find('.images').html());
				}
				else {
					Modal.open($(this).text(), $li.find('.info .text').html(), '');
				}
				return false;
			});
		});
	},
	
	ieTweaks: function() {
		if ($.browser.msie && /MSIE 6.0/.test(navigator.userAgent)) {
			function giveHover($el) {
				$el.hover(function() {
					$el.addClass('fHover');
				}, function() {
					$el.removeClass('fHover');
				});
			}
			
			// $('#nav ul li').each(function() {
				// giveHover($(this));
			// });
		}
	}

	
}

$(function() {
	RR.start();
});

var Modal = {
	open: function(title, msg, images) {
		var h = $('html').height();
		if ($('#site').height() + 50 > h) {
			h = $('#site').height() + 50;
		}
		Modal.screenHeight = h;
		var html = '<div id="modal-bg" style="height:' + Modal.screenHeight + 'px"></div>';
		if (images != '') {
			html += '<div id="modal" class="pre"><a class="close" href="#">zamknij</a><div class="inner"><h2>' + title + '</h2><div class="columns"><div class="descr">' + msg + '</div><div class="images"><div class="imgs-inner">' + images + '</div></div></div></div></div>';
		}
		else {
			html += '<div id="modal" class="pre"><a class="close" href="#">zamknij</a><div class="inner"><h2>' + title + '</h2><div class="columns"><div class="descr">' + msg + '</div></div></div></div>';
		}
		$('body').append(html);
		Modal.box = $('#modal');
		var $images = Modal.box.find('.images');
		if ($images.find('img').length > 1) {
			$images.append('<div class="paging"></div>');
			var $paging = $images.find('.paging');
			$images.find('img').each(function(i) {
				$paging.append('<a href="#">' + (i+1) + '</a>');
				$paging.find('a:last').click(function() {
					selectImg(i);
					return false;
				});
			});
			
			function selectImg(x) {
				$paging.find('.selected').removeClass('selected');
				$paging.find('a:eq('+x+')').addClass('selected');
				$images.find('img').hide();
				$images.find('img:eq('+x+')').show();
			}
			
			selectImg(0);
		}
		else if ($images.find('img').length == 1) {
			$images.find('img').show();
		}
		
		Modal.height = Modal.box.height();
		Modal.box.height(Modal.height);
		Modal.box.css('margin-top', -Modal.height/2 + 'px');
		Modal.box.removeClass('pre');
		Modal.box.find('.close').click(function() {
			Modal.close();
			return false;
		});
	},
	
	close: function() {
		Modal.box.remove();
		$('#modal-bg').remove();
	}
	
}