/**
* Fullscreenr* - lightweight full screen background jquery plugin
  *Modified for Zorin-dom.hr
* By Jan Schneiders,by Rbrrneck
* Version 1.1
* www.nanotux.com
**/



var _TOP_START_POS=225;
(function($){	
	$.fn.fullscreenr = function(options) {
		if(options.height === undefined) alert('Please supply the background image height, default values will now be used. These may be very inaccurate.');
		if(options.width === undefined) alert('Please supply the background image width, default values will now be used. These may be very inaccurate.');
		if(options.bgID === undefined) alert('Please supply the background image ID, default #bgimg will now be used.');
		var defaults = { width: 1280,  height: 1024, bgID: 'bgimg' };
		var options = $.extend({}, defaults, options); 
		$(document).ready(function() { $(options.bgID).fullscreenrResizer(options);	});
		$(window).bind("resize", function() { $(options.bgID).fullscreenrResizer(options); });		
		return this; 		
	};	
	$.fn.fullscreenrResizer = function(options) {
	
		// Set bg size
		var ratio = options.height / options.width;	
		// Get browser window size
		var browserwidth = $(window).width();
		var browserheight = $(window).height();

		//do not go bellow minimum
		if (browserwidth<960 || browserheight<600)
		{
			return this;
		}

		// Scale the image
		if ((browserheight/browserwidth) > ratio)
		{
		    $(this).height(browserheight);
		    $(this).width(browserheight / ratio);

			//ZD specific
			var factor1= browserheight/options.height;
			var val=_TOP_START_POS*factor1;

			$(".navigation").css("top",val+"px");
		} 

		else 
		{
		    $(this).width(browserwidth);
		    $(this).height(browserwidth * ratio);

			$(this).css('top', (browserheight - $(this).height())/2);

			//ZD specific
			var factor1= (browserwidth * ratio)/options.height;
			//console.log("pravi h:"+options.height+" stvarni H:"+(browserwidth * ratio)+" ratio:"+factor1);
			var val=_TOP_START_POS*factor1+(browserheight - $(this).height())/2;

			$(".navigation").css("top",val+"px");
		}
		
		$(this).css('top', (browserheight - $(this).height())/2);
	
		// Center the image
		$(this).css('left', (browserwidth - $(this).width())/2);
		
		//ZD specific
	/*	$(".show").css('top', ((browserheight - $(".show").height())/2)+50);
		
		$(".show").css("left",((browserwidth/2)-($(".show").width()/2))+"px");*/

		fixLayout();

		$(".navigation").css("left",((browserwidth/2)-($(".navigation").width()/2))+"px");

		$("#top").css("left",((browserwidth/2)-($("#top").width()/2))+"px");

		//ZD specific
		$("#footer").css('top', exctractNumber($(".show").css('top'))+exctractNumber($(".show").css('height'))+20);
		return this; 		
	};
})(jQuery);

function fixLayout(){
	
	//jQuery(".show").css('top', (( jQuery(window).height() - jQuery(".show").height())/2)+50);
		var top=(( jQuery(window).height() - jQuery(".show").height())/2)+50;
		top+="px";
		var left=(( jQuery(window).width()/2)-(jQuery(".show").width()/2))+"px";

	changeRule(left,top);
	//jQuery(".show").css("left",(( jQuery(window).width()/2)-(jQuery(".show").width()/2))+"px");
//	console.log("pozvan fix, fixCalled="+fixCalled);
	fixCalled=1;

	if(jQuery.browser.msie && jQuery.browser.version=="6.0"){
		fixIE6();
	}

}

function changeRule(left, top) {
    var ss = document.styleSheets[0];
    var rules = ss.cssRules || ss.rules;
    var showRule = null;
    for (var i = 0; i < rules.length; i++) {
        var rule = rules[i];
        if (rule.selectorText=='.show') {
            showRule = rule;
            break;
        }
    }
	showRule.style.left=	left;
	showRule.style.top=	top;
   // h1Rule.style.border = "1px solid blue";
}

function exctractNumber(input){
	return parseInt(input.replace("px",""));
}

function kabum(){

	//set visibility
jQuery(".show").css("visibility","hidden");

	//create prvi
jQuery("#bgimg").clone().attr("id","moj1").css("z-index","99999").css("position","relative").appendTo("body");

jQuery("#moj1").wrap('<div id="wrapper1" />');

//wrap position
jQuery("#wrapper1").css("position","fixed");

jQuery("#wrapper1").css("left",jQuery(".show").css("left"));

var a=exctractNumber(jQuery(".show").css("top"));
var b=exctractNumber(jQuery("#bgimg").css("top"));

jQuery("#wrapper1").css("top",(a)+"px");

//wrap crop
jQuery("#wrapper1").css("overflow","hidden");
c=exctractNumber(jQuery(".show").css("width"))
jQuery("#wrapper1").css("width",(c/2)+"px");

c=exctractNumber(jQuery(".show").css("height"));
jQuery("#wrapper1").css("height",(c+10)+"px");

///position inside
var a=exctractNumber(jQuery("#moj1").css("top"));
var b=exctractNumber(jQuery("#wrapper1").css("top"));
jQuery("#moj1").css("top",(a-b)+"px");

var a=exctractNumber(jQuery("#moj1").css("left"));
var b=exctractNumber(jQuery("#wrapper1").css("left"));
jQuery("#moj1").css("left",(a-b)+"px");

//--------------------------------------

jQuery("#bgimg").clone().attr("id","moj2").css("z-index","99999").css("position","relative").appendTo("body");

jQuery("#moj2").wrap('<div id="wrapper2" />');

//wrap position
jQuery("#wrapper2").css("position","fixed");

var a=exctractNumber(jQuery("#wrapper1").css("left"));
var b=exctractNumber(jQuery("#wrapper1").css("width"));

jQuery("#wrapper2").css("left",(a+b)+"px");

var a=exctractNumber(jQuery(".show").css("top"));
var b=exctractNumber(jQuery("#bgimg").css("top"));

jQuery("#wrapper2").css("top",(a)+"px");

//wrap crop
jQuery("#wrapper2").css("overflow","hidden");
c=exctractNumber(jQuery(".show").css("width"))
jQuery("#wrapper2").css("width",(c/2)+"px");

c=exctractNumber(jQuery(".show").css("height"))
jQuery("#wrapper2").css("height",(c+10)+"px");



///position inside
var a=exctractNumber(jQuery("#moj2").css("top"));
var b=exctractNumber(jQuery("#wrapper2").css("top"));
jQuery("#moj2").css("top",(a-b)+"px");

var b=exctractNumber(jQuery("#wrapper1").css("left"));
var c=exctractNumber(jQuery("#wrapper1").css("width"));
jQuery("#moj2").css("left",(-b-c)+"px");

}

function kabum2(){
	jQuery(".show").css("visibility","visible");

	  jQuery("#wrapper2").hide("slide", { direction: "right" }, 3000);

	  jQuery("#wrapper1").hide("slide", { direction: "left" }, 3000 );
}

function initAnim(){
	window.setTimeout("kabum();",1000);//kabum();
	window.setTimeout("kabum2();",2000);
}

function kabum3(){
	 jQuery("#wrapper2").show("slide", { direction: "right" }, 1000, function () {
	 //  func();
      });
	  jQuery("#wrapper1").show("slide", { direction: "left" }, 1000);
}