// JavaScript Document

$(function() {
    $('img[data-hover]').hover(function() {
        $(this).attr('tmp', $(this).attr('src')).attr('src', $(this).attr('data-hover')).attr('data-hover', $(this).attr('tmp')).removeAttr('tmp');
    }).each(function() {
        $('<img />').attr('src', $(this).attr('data-hover'));
    });;
});




// dropdown MENU


var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;
var selmenuitem = 0;

function jsddm_open()
{  jsddm_canceltimer();
   jsddm_close();
   ddmenuitem = $(this).find('.hidden').css('display', 'block');
   bg_resize();

}


function jsddm_close()
{  if(ddmenuitem) {
	ddmenuitem.css('display', 'none');
	bg_resize();
	
}
;}

function jsddm_timer()
{  closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{  if(closetimer)
   {  window.clearTimeout(closetimer);
      closetimer = null;}}
	  
	  
	  
	  
function bg_resize()
{
	
	var windowH = $(window).height();
  	var current_siteWrapperH = $('#siteWrapper').height();
	var current_leftSideHeight = $('.group').height() + 150;

	// console test output
	//console.log('current site wrapper height: ' + current_siteWrapperH + 'px');
	//console.log('current left side height: ' + current_leftSideHeight + 'px');
	
	
	
	if (windowH > current_siteWrapperH ) {
	$('#siteWrapper').css('height' , windowH);
	$('.siteContentLeft').css('height' , windowH);
	} 

		
	if (windowH < current_leftSideHeight && current_leftSideHeight > current_siteWrapperH ) { 
	$('.siteContentLeft').css('height' ,  current_leftSideHeight);
	$('#siteWrapper').css('height' ,  current_leftSideHeight);
	}

	if (windowH < current_leftSideHeight && current_leftSideHeight < current_siteWrapperH ) { 
	$('.siteContentLeft').css('height' ,  current_siteWrapperH);
	$('#siteWrapper').css('height' ,  current_siteWrapperH);
	}	
}	  
	  

	  
	  

$(document).ready(function()
{   $('#menuMainLeft > li').bind('mouseover', jsddm_open)
   $('#menuMainLeft > li').bind('mouseout',  jsddm_timer)
   
   });

document.onclick = jsddm_close;




$(window).load(function () {
  bg_resize();
});

$(window).resize(function(){
  bg_resize();
});