//document.oncontextmenu = new Function("return false");
var ie7 = (document.all && !window.opera && window.XMLHttpRequest);

function getInternetExplorerVersion(){
  var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer') {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  }
  return rv;
}
  
    var delay = (function(){
      var timer = 0;
      return function(callback, ms){
        clearTimeout (timer);
        timer = setTimeout(callback, ms);
      };
    })();

    $(window).resize(function() {
	   
        delay(function(){
          if( !ie7 ) location.reload();
        }, 500);
    });


var itemsWidth;
var itemsCol = 0;
var tempWidth = 0;
var newVal = 0;
var scroll_api;
var completeImagesCount = 0;
$(document).ready(function(){
	initImages();
 	//setTimeout(checkComplete,1000);
	//inithover();
	var v =  getInternetExplorerVersion();
	if( $('p.info').length == 1 ){
	
		var txt = $('p.info').html();
		var txt = txt.split('<br>');
		var p1 = $('<p class="info"></p>').html(txt[0]);
		var p2 = $('<p class="info"></p>').html(txt[1]);
		console.log(p1, p2);
		$('p.info').replaceWith(p1);
		p1.after(p2);
	}
	if( v == -1) Cufon.replace('p,ul li a,  #primary a  ' , { 'hover':true,fontFamily: 'Helvetica Neue LT Std' } );
	//slideclick();
	fancybox();
	imageLoading();
});



function slideclick(){	
	$('.jspDrag').mousedown(
		function(){ $('p.info:first').hide(300); }
	);
	$('.jspTrack').mousedown(
		function(){ $('p.info:first').hide(300); }
	);
	$('.sliderGallery').mousedown(
		//function(){ $('p.info').hide(300); }
	);
}
function initImages(){
	$("#progressbar").progressbar({value: 99});
	$("#main div.sliderGallery").css("visibility","hidden");
	itemsCol = $("#main div.sliderGallery ul li").size();
	$('#menu-top_menu, .info').css('visibility', 'hidden');
	$('#main div.sliderGallery ul li a').each(function(i){
		var src = $(this).attr('rev');
		var _href = $(this).attr('href');
		$(this).attr('rev',_href).attr('href','#');
		var image = $('<img />').attr('src',src);
		image.data('indx', i);
		$('#hidden').append(image);
		if(image.get(0).complete == 'true') {
			$(this).find('span').css({'width':image.width(),'height':image.height(),'backgroundImage':'url('+src+')'});
		}
		else {
			$(image).load(function(){
				completeImagesCount++;
				newVal = Math.round((completeImagesCount*100)/itemsCol);
				if(itemsCol != completeImagesCount){
					$("#progressbar").progressbar("option", "value", newVal);
				}
				else{
					initImageProtect();
					$('#menu-top_menu, .info').css({'opacity':0, 'visibility':'visible'});
					$('#menu-top_menu, .info').animate({'opacity':1});
				}
			})
		}
	})
	
};

function initImageProtect(){
	$('#main #hidden img').each(function(i){
		var image = $(this);
		var src = image.attr('src');
		tempWidth += (image.width() + 4);
		$('#main div.sliderGallery ul li a:eq('+i+')').find('span').css({'width':image.width(),'height':image.height(),'background':'url('+src+')'});
		if(i == (itemsCol-1)){
			$('.width-block ul').width(tempWidth);
			$("#main div.sliderGallery").hide().css("visibility","visible").fadeTo(1000,1);
			$("#progressbar").remove();
		}
	});
	
	checkComplete();
}

function checkComplete(){
	var scrollContent = $('.width-block ul');	
	itemsWidth = scrollContent.width();
	$('div.width-block').css('width',itemsWidth);
	$('.slide-width').jScrollPane({"horizontalDragMaxWidth":52});
	scroll_api = $('.slide-width').data('jsp');
	slideclick();
}
function inithover(){	
	$('#fancybox-close').hover(
		function(){ $('#fancybox-close').css("opacity","1"); },
		function(){ $('#fancybox-close').css("opacity","0"); }	
	);
	$('#fancybox-right').hover(
		function(){ $('#fancybox-right span').css('display', 'block'); },
		function(){ $('#fancybox-right span').css('display', 'none'); }	
	);
	$('#fancybox-left').hover(
		function(){ $('#fancybox-left span').css('display', 'block'); },
		function(){ $('#fancybox-left span').css('display', 'none'); }	
	);
}
function fancybox(){
	window.fancybox = $("ul.long a").fancybox({
		"padding" : 0,
		"zoomSpeedIn" : 1000,
		"zoomSpeedOut" : 1000,	
		"zoomSpeedChange" : 1000,
		"overlayOpacity" : 1,
		"overlayColor":'#000',
		"frameWidth" : 872,	
		"frameHeight" : 568,
		"hideOnContentClick" :false,
		"hideOnOverlayClick" : false, 
		"onComplete" : function(list){
			/*heightimg = $('#fancybox-content').height();
			$('#fancybox-right').height(heightimg);
			$('#fancybox-left').height(heightimg);
			*/
			slideToCurrentPosition();
			$('.width-block a').css({'opacity':1});
			$('#fancybox-content').css('opacity', 1);
			$('#fancybox-loading').css( {'visibility':'visible'} );
			
			var left = ($(window).width() - $('#fancybox-wrap').outerWidth()) / 2;
			var diff = parseInt($('#fancybox-wrap').css('left')) -  left;
			$('p.info').hide(300);
			
		},
		"onClosed" : function(){
			$('.width-block a').css({'opacity':1}); 
		}
	});
	
	
	
	//Cufon.replace('#fancybox-left, #fancybox-right, #fancybox-close' , { fontFamily: 'Helvetica Neue LT Std' } );
	//$('#fancybox-left').html('<span>-</span>');
	//$('#fancybox-right').html('<span>+</span>');	
	//$('#fancybox-close').html('<span>x</span>');
	//$('#fancybox-close span').css('display','none');
	/*
	$('#fancybox-outer').hover(function(){
		$('#fancybox-close').show();
		$('#fancybox-close span').show();
		
	},function(){
		$('#fancybox-close').hide();
		$('#fancybox-close span').hide();
	})
	*/
	$('#menu-item-17').toggle(
		function(){$('#primary').animate({left:0,opacity:0.7},500);},
		function(){$('#primary').css("padding","0").animate({left:'-277px',opacity:0},500);}
	)
	$('#close-primary').click(function(){
		$('#primary').css("padding","0").animate({left:'-277px',opacity:0},500);
	})
}

function imageLoading(){
	$('.width-block	a').click( function(){
		$(this).animate({'opacity':0.3});
	});
	$('#fancybox-loading').css( {'visibility':'hidden'} );
	$('#fancybox-close').click( returnThumbs );
}

function returnThumbs(){
	$('.width-block').css({'opacity':1});
}
/*
 * function slideToCurrentPosition
 * @param none
 */

function slideToCurrentPosition() {
  var _indx = $.fancybox.getCurrent();
  var step_width = 0;
  if (_indx < 2) return true;
  $('.sliderGallery ul li:lt('+(_indx-1)+')').each(function(){
	step_width += $(this).width();
  })
  scroll_api.scrollToX(step_width);
}