var Half;
var ImgHalf;
var ImgWidth;
var Left;
var Right;
function resolution(ImgWidth){
	if($(window).width()<1050){
		$("div#sidebar").css({"width": "165px", "padding-top": "25px", "padding-left": "10px", "margin-left": "-175px"});
		$("div#container").css({"margin-left": "175px"});
	}else if($(window).width()>1150){
		$("div#sidebar").css({"width": "190px", "padding-top": "35px", "padding-left": "35px", "margin-left": "-225px"});
		$("div#container").css({"margin-left": "225px"});
	}
	$("div#content").height($(window).height());
	Half = ($("div#content").width()/2);
	$("div#detail").width(Half*2);
	if ($.browser.msie) {
		ImgWidth = $("div#detail img").width();
	}
	ImgHalf = ImgWidth/2;
	$("div#detail a").width(Half);
	$("div#detail a.right").css({"margin-left": (Half) +"px", "background": "url(http://www.cow-back.cz/styles/images/right_white.png) no-repeat "+(ImgHalf+25)+"px 238px"});
	$("div#detail a.left").css({"background": "url(http://www.cow-back.cz/styles/images/left_white.png) no-repeat "+(Half-ImgHalf-50)+"px 238px"});
	$("div#detail img").css({"margin-left": ((Half*2-ImgWidth)/2) +"px"});
	if($("div#content")[0].scrollHeight>$("div#content").height()){
		$("a.mivumedia").css({"margin-right": "40px"});
		$("div#nav_arrows").css({"margin-right": "75px"});
	}else{
		$("a.mivumedia").css({"margin-right": "20px"});
		$("div#nav_arrows").css({"margin-right": "55px"});
	}
}

$(document).ready(function(){
	$(window).resize(function(){
		resolution($("div#detail img").width());
	});
	$(window).load(function(){
		resolution();
	});
	/******Menu - hover 1. řád*****/
	$('div#sidebar ul li a.roll').click(function(){
		if($("div#sidebar ul#"+$(this).attr("name")).is(":hidden")){
			$("div#sidebar ul#"+$(this).attr("name")).slideDown("medium");
		}else{
			$("div#sidebar ul#"+$(this).attr("name")).slideUp("fast");
		}
	});
	/******Menu - hover 2. řád*****/
	$('div#sidebar ul.sub li a').hover(function(){
		$(this).stop(true, true).animate({"margin-left": "7px"}, 200);
	},function(){
		$(this).stop();
		$(this).stop(true, true).animate({"margin-left": "0"}, 200);
	});
	/******Menu - zobrazit 3. řád*****/
	$('div#sidebar ul.sub li a').click(function(){
		var Detail = $(this).attr("name");
		$(this).parent().parent().slideUp("fast");
		$("div#sidebar ul#"+Detail).slideDown("medium");
	});
	/******Menu - zpátky na přehled*****/
	$('a.back').click(function(){
		$("div#sidebar ul#portfolio").slideDown("medium");
		$(this).parent().parent().slideUp("medium");
	});
	/******Menu - hover 3. řád*****/
	$('div#sidebar ul.detail li a').hover(function(){
		$(this).stop(true, true).animate({"margin-left": "7px"}, 200);
	},function(){
		$(this).stop();
		$(this).stop(true, true).animate({"margin-left": "0"}, 200);
	});
	/******Thumbnails - hover*****/
	$('div#thumbnails a').hover(function(){
		$(this).stop(true, true).animate({"opacity": "1", "-ms-filter":"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)", "filter": "alpha(opacity=100)"}, 100);
	},function(){
		$(this).stop();
		$(this).stop(true, true).animate({"opacity": "0.6", "-ms-filter":"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)", "filter": "alpha(opacity=60)"}, 100);
	});

	/******Slider with thumbnails*****/
	$('div#slider').hover(function(){
		$('div#slider').stop(true, true).animate({"height": "164px"}, 300);
		$('div#slider a.all_thumbnails').show();
		$('div#slider a#button').removeClass("show");
		$('div#slider a#button').addClass("hide");
	},function(){
		$(this).stop();
		$('div#slider').stop(true, true).animate({"height": "30px"}, 300);
		$('div#slider a.all_thumbnails').hide();
		$('div#slider a#button').removeClass("hide");
		$('div#slider a#button').addClass("show");
	});
	$('div#slider a#button').click(function(){
		if($(this).hasClass("hide")){
			$('div#slider').animate({"height": "30px"}, 200);
		}
	});
	
	$("div#bar ul li a").live("click", function(){
		loadPhoto($(this).attr("hash").substring(1));
	});
	$("div#detail a").live("click", function(){
		loadPhoto($(this).attr("hash").substring(1));
	});
});
/******Slider scroll*****/
$(function(){
	var Div = $('div#slider div#bar');
	var Ul = $('div#slider div#bar ul');
	var divWidth = Div.width();
	Div.mousemove(function(e){
		var lastLi = Ul.find('li:last-child');
		var ulWidth = lastLi[0].offsetLeft + lastLi.outerWidth() + 30;
		var left = (e.pageX - Div.offset().left) * (ulWidth-divWidth) / divWidth;
		Div.scrollLeft(left);
	});
});