/*
$Id: functions-v35.js,v 1.14 2011/10/10 08:26:33 JanJ Exp $

********************************************************************************
*** Javascript functions of Front page v 3.5                                 ***
********************************************************************************

*/
var num = 0; 

$(document).ready(function () {

  $("#opportunity-area-wrapper #header-area-3").hide();
  
  $("#opportunity-area-wrapper #header-area-3").mouseenter(function(){
      $("#opportunity-area-wrapper #header-area-3").css({"background": "url('/image/frontpage/banner-white-80.png')", "cursor": "pointer"});
  });
  $("#opportunity-area-wrapper #header-area-3").mouseleave(function(){
      $("#opportunity-area-wrapper #header-area-3").css({"background": "white"});
  });  
  $("#opportunity-area-wrapper #header-area-3").click(function(){
      var opportunityLink = $("a#opportunityLink").attr("href");
      location.href = opportunityLink;
  }); 
  
  var element = null;
  var elementObject;
  var ver = getInternetExplorerVersion();
  
  if(ver == -1){  // for better transitions in banners - no IE
    if(num == 0){
              
          var countOfBanners = getCountOfElement(".singleBanner");
          addNumbers(".singleBanner");

          for(var element = 0; element < countOfBanners; element++){
                  splitHeader(".singleBanner.e" + element);
          }
                  splitHeader(".doubleBanner");
                  splitHeader("#opportunity-area");
                  splitHeader("#video-images-area-wrapper");      
                  splitHeader("#facebook-banner-wrapper");
                   
      }
    }

  $("#facebook-banner-wrapper").mouseenter(function(){
      bannerHover(element, "facebook");
  });
  $("#facebook-banner-wrapper").mouseleave(function(){
      bannerOut(element, "facebook");
  });
  $("#opportunity-area").mouseenter(function(){
      if ( ver > -1 ){
        if ( ver > 6.0 && ver < 9.0 ){
        $("#opportunity-area").children('.hoverArea').css({"display": "block", "opacity": "0.0"});
        }
      }
      bannerHover(element,"opportunity");
  }); 
  $("#opportunity-area").mouseleave(function(){
    	element = $(this).attr("class");
  		element = element.replace(" hover", "");
      bannerOut(element,"opportunity");
  });
  $("div#video-images-area-wrapper").mouseenter(function(){
  	elementObject = $(this).parent(); 
	   element = $(elementObject).attr("class");
	    if ( ver > -1 ){
        if ( ver > 6.0 && ver < 9.0 ){
        $("div#video-images-area-wrapper").children('.hoverArea').css({"display": "block", "opacity": "0.0"});
        }
      }
      bannerHover(element,"video");
  }); 
  $("div#video-images-area-wrapper").mouseleave(function(){
  	elementObject = $(this).parent(); 
  	element = $(elementObject).attr("class");
  		element = element.replace(" hover", "");
      bannerOut(element,"video");
  });
	$(".singleBanner").mouseenter(function(){
	   element = $(this).attr("class");
	  	if ( ver > -1 ){
        if ( ver > 6.0 && ver < 9.0 ){
        $(".singleBanner.hover .headersBackground .bgp").css({"background": "#000000"});
        $(".singleBanner").children('.hoverArea').css({"background": "#000000"});
        $(".singleBanner").children('.hoverArea').css({"display": "block", "opacity": "0.3"});
        }
      } 
      bannerHover(element,"single");
  }); 
  $(".singleBanner").mouseleave(function(){
  	 element = $(this).attr("class");
  		element = element.replace(" hover", "");
      bannerOut(element,"single");
  });
  $(".doubleBanner").mouseenter(function(){
	 element = $(this).attr("class");
      bannerHover(element, "double");
  });
  $(".doubleBanner").mouseleave(function(){
  	 element = $(this).attr("class");
  		element = element.replace(" hover", "");
      bannerOut(element,"double");
  }); 
  
  num++
   	
});

function bannerHover(element, type){
    switch(type)
    {
        case "single":
            var classOfElement = element.substring(13, 14)
            $(".singleBanner." + classOfElement + "").addClass("hover");
            if ( ver > -1 ){
                if ( ver > 6.0 && ver < 9.0 ){
                    $(".singleBanner.hover .headersBackground .bgp").stop().animate({ opacity: 0.0 }, 300 );
                    $(".singleBanner." + classOfElement + "").children('.hoverArea').stop().animate({ opacity: 0.3 }, 300 );   
                }else if(ver >= 9.0){
                    $(".singleBanner." + classOfElement + " .headersBackground .bgp").stop().fadeTo( 300, 0.0 );
                    $(".singleBanner." + classOfElement + "").children('.hoverArea').stop().fadeTo( 300, 1.0 );
                }
            }else{
                //$(".singleBanner." + classOfElement + " .headersBackground .bgp").stop().fadeTo( 300, 0.0 );
                $(".singleBanner." + classOfElement + "").children('.hoverArea').stop().fadeTo( 300, 1.0 );
                $(".singleBanner." + classOfElement + " h2.transition").addClass("hover");
                $(".singleBanner." + classOfElement + " h3.transition").addClass("hover");

            }
            break;
        case "double":
            $(".doubleBanner").addClass("hover");
            if ( ver > -1 ){
                if ( ver > 6.0 && ver < 9.0 ){
                    $(".doubleBanner.hover .headersBackground .bgp").css({"background": "none"});
                    $(".doubleBanner").children('.hoverArea').stop().fadeTo( 300, 0.4 );
                }else if(ver >= 9.0){
                    $(".doubleBanner .headersBackground .bgp").stop().fadeTo( 300, 0.0 );
                    $(".doubleBanner").children('.hoverArea').stop().fadeTo( 300, 1.0 );
                }
            }else{
                //$(".doubleBanner .headersBackground .bgp").stop().fadeTo( 300, 0.0 );
                $(".doubleBanner").children('.hoverArea').stop().fadeTo( 300, 1.0 );
                $(".doubleBanner h2.transition").addClass("hover");
                $(".doubleBanner h3.transition").addClass("hover");
            }
            break;
        case "video":
            $("#video-images-area-wrapper").addClass("hover");
            if ( ver > -1 ){    
                if ( ver > 6.0 && ver < 9.0 ){
                    $("#video-images-area-wrapper.hover .headersBackground .bgp").css({"background": "#000000"});
                    $("#video-images-area-wrapper").children('.hoverArea').css({"background": "#000000"});
                    $("#video-images-area-wrapper.hover .headersBackground .bgp").stop().animate({ opacity: 0.0 }, 300 );
                    $("#video-images-area-wrapper").children('.hoverArea').stop().animate({ opacity: 0.3 }, 300 );
                }else if(ver >= 9.0){
                     $("#video-images-area-wrapper .headersBackground .bgp").stop().fadeTo( 300, 0.0 );
                    $("#video-images-area-wrapper").children('.hoverArea').stop().fadeTo( 300, 1.0 );
                } 
            }else{
                //$("#video-images-area-wrapper .headersBackground .bgp").stop().fadeTo( 300, 0.0 );
                $("#video-images-area-wrapper").children('.hoverArea').stop().fadeTo( 300, 1.0 );
                $("#video-images-area-wrapper h2.transition").addClass("hover");
                $("#video-images-area-wrapper h3.transition").addClass("hover");
            }
            break;
        case "opportunity":
            $("#opportunity-area").addClass("hover");
            if ( ver > -1 ){
                if ( ver > 6.0 && ver < 9.0 ){
                    $("#opportunity-area .headersBackground .bgp").css({"background": "#b4d334"});
                    $("#opportunity-area").children('.hoverArea').css({"background": "#b4d334"});
                    $("#opportunity-area .headersBackground .bgp").stop().animate({ opacity: 0.0 }, 300 );
                    $("#opportunity-area").children('.hoverArea').stop().animate({ opacity: 0.84 }, 300 );
                }else if(ver >= 9.0){
                    $("#opportunity-area .headersBackground .bgp").stop().fadeTo( 300, 0.0 );
                    $("#opportunity-area").children('.hoverArea').stop().fadeTo( 300, 1.0 );
                }  
            }else{
            //$("#opportunity-area .headersBackground .bgp").stop().fadeTo( 300, 0.0 );
            $("#opportunity-area").children('.hoverArea').stop().fadeTo( 300, 1.0 );
            $("#opportunity-area h2.first.transition, #opportunity-area h2.second.transition").addClass("hover");
            $("#opportunity-area h3.transition").addClass("hover");
            }
            $("#opportunity-area #header-area-3").stop().fadeTo( 300, 1.0 );
            break;
        case "facebook":
            $("#facebook-banner-wrapper").addClass("hover");
            if ( ver > -1 ){
                if (ver > 6.0 && ver < 9.0 ){
                    $("#facebook-banner-wrapper.hover .headersBackground .bgp").css({"background": "none"});
                    $("#facebook-banner-wrapper").children('.hoverArea').stop().fadeTo(300, 0.4);
                }else if(ver >= 9.0){
                    $("#facebook-banner-wrapper .headersBackground .bgp").stop().fadeTo(300, 0.0);
                    $("#facebook-banner-wrapper").children('.hoverArea').stop().fadeTo(300, 1.0);
                }
            }else{
             //$("#facebook-banner-wrapper .headersBackground .bgp").stop().fadeTo(300, 0.0);
             $("#facebook-banner-wrapper").children('.hoverArea').stop().fadeTo(300, 1.0);
             $("#facebook-banner-wrapper h2.transition").addClass("hover");
            $("#facebook-banner-wrapper h3.transition").addClass("hover");
            }
            break;
        default:
        //code to be executed if n is different from case 1 and 2 and 3 and 4
    }
}
function bannerOut(element, type) {

    switch(type)
    {
        case "single":
            var classOfElement = element.substring(13,14);
           if ( ver > -1 ){
             if ( ver > 6.0 && ver < 9.0 ){
                $(".singleBanner.hover .headersBackground .bgp").css({"background": "#000000"});
                $(".singleBanner." + classOfElement + "").children('.hoverArea').css({"background": "#000000"});
                $(".singleBanner.hover .headersBackground .bgp").stop().animate({ opacity: 0.3 }, 300 );
                $(".singleBanner." + classOfElement + "").children('.hoverArea').stop().animate({ opacity: 0.0 }, 300 );   
                
              }else if(ver >= 9.0){
                    $(".singleBanner." + classOfElement + " .headersBackground .bgp").stop().fadeTo(300, 1.0);
              }
           }else{
           // $(".singleBanner." + classOfElement + " .headersBackground .bgp").stop().fadeTo( 300, 1.0 );
            $(".singleBanner." + classOfElement + " h2.transition").removeClass("hover");
            $(".singleBanner." + classOfElement + " h3.transition").removeClass("hover");
            }
            $(".singleBanner." + classOfElement + "").children('.hoverArea').stop().fadeTo( 300, 0.0 , function(){
                $(".singleBanner." + classOfElement + "").removeClass("hover");   
            });
            break;
        case "double": 
          if ( ver > -1 ){
             if ( ver > 6.0 && ver < 9.0 ){
                $(".doubleBanner .headersBackground .bgp").css({"background": "url('/image/frontpage/banner-gray-30.png')"});
              }else if(ver >= 9.0){
                    $(".doubleBanner .headersBackground .bgp").stop().fadeTo(300, 1.0);
              } 
           }else{
            //$(".doubleBanner .headersBackground .bgp").stop().fadeTo( 300, 1.0 );
            $(".doubleBanner h2.transition").removeClass("hover");
            $(".doubleBanner h3.transition").removeClass("hover");
            }
            $(".doubleBanner").children('.hoverArea').stop().fadeTo( 300, 0.0 , function(){
                $(".doubleBanner").removeClass("hover");
            });
            break;
        case "video":
           if ( ver > -1 ){
             if ( ver > 6.0 && ver < 9.0 ){
                    $("#video-images-area-wrapper.hover .headersBackground .bgp").stop().animate({ opacity: 0.3 }, 300 );
                    $("#video-images-area-wrapper").children('.hoverArea').stop().animate({ opacity: 0.0 }, 300 );
              }else if( ver >= 9.0 ){
                $("#video-images-area-wrapper .headersBackground .bgp").stop().fadeTo( 300, 1.0);
              }
           }else{
            //$("#video-images-area-wrapper .headersBackground .bgp").stop().fadeTo( 300, 1.0);
            $("#video-images-area-wrapper h2.transition").removeClass("hover");
            $("#video-images-area-wrapper h3.transition").removeClass("hover");
            }
            $("#video-images-area-wrapper").children('.hoverArea').stop().fadeTo( 300, 0.0 , function(){
                $("#video-images-area-wrapper").removeClass("hover");
            });
            break;
        case "opportunity":
            if ( ver > -1 ){
             if ( ver > 6.0 && ver < 9.0 ){
                $("#opportunity-area .headersBackground .bgp").css({"background": "b4d334"});
                $("#opportunity-area .headersBackground .bgp").animate({ opacity: 0.84 }, 300 );
                $("#opportunity-area").children('.hoverArea').css({"background": "#b4d334"});
                $("#opportunity-area").children('.hoverArea').animate({ opacity: 0.0 }, 300 );
              }else if( ver <= 9.0 ){
                $("#opportunity-area .headersBackground .bgp").stop().fadeTo( 300, 1.0);
              }
            }else{
            //$("#opportunity-area .headersBackground .bgp").stop().fadeTo( 300, 1.0);
            $("#opportunity-area h2.first.transition, #opportunity-area h2.second.transition").removeClass("hover");
            $("#opportunity-area h3.transition").removeClass("hover");
            }
            $("#opportunity-area #header-area-3").stop().fadeTo( 300, 0.0 );
            $("#opportunity-area").children('.hoverArea').stop().fadeTo( 300, 0.0 , function(){
               $("#opportunity-area").removeClass("hover");
            });
            break;
        case "facebook":
           if ( ver > -1 ){
             if ( ver > 6.0 && ver < 9.0 ){
                $("#facebook-banner-wrapper .headersBackground .bgp").css({"background": "url('/image/frontpage/banner-gray-30.png')"});
              }else if(ver >= 9.0){
                  $("#facebook-banner-wrapper .headersBackground .bgp").stop().fadeTo(300, 1.0);
              }
           }else{
             //$("#facebook-banner-wrapper .headersBackground .bgp").stop().fadeTo( 300, 1.0);
            $("#facebook-banner-wrapper h2.transition").removeClass("hover");
            $("#facebook-banner-wrapper h3.transition").removeClass("hover");
           }
            $("#facebook-banner-wrapper").children('.hoverArea').stop().fadeTo( 300, 0.0, function() {
                $("#facebook-banner-wrapper").removeClass("hover");
            });
            break;
        default:
        //code to be executed if n is different from case 1 and 2
    }
}

//functions related with better transitions

function getCountOfElement(selector){
  return jQuery(selector).size(); 
}

function addNumbers(selector){
      $(selector).each(function(){   
          var index = jQuery(selector).index(this);
          jQuery(this).addClass("e" + index);
      });
}

function splitHeader(position){

$(position + " h2," + position + " h3").addClass("transition");
$(position + " h2," + position + " h3").parent(".headersBackground").children(".bgp").css("display","none");
var inputText = new Array(3);
  
  switch (position){
  case "#opportunity-area":
     inputText[0] = $(position + " h2.first").text();
     inputText[1] = $(position + " h3").text();
     inputText[2] = $(position + " h2.second").text();
     
     var isOpportunity = true;
  break;
  default:
    inputText[0] = $(position + " h2").text();
    inputText[1] = $(position + " h3").text();
  }      
    for(it = 0; it< inputText.length; it ++){
    
    var text = inputText[it];
    if(text != null){
      text = $.trim(text);
      var retezec = text.split(" ");
      var result = "";
      var size = parseInt(retezec.length);
      
      for(var i = 0; i < size; i++){
      
        if( i == 0){ 
          result += ("<span class='first'>");
          result += (retezec[i]);
          result += ("</span>");      
        }else if(i == size - 1){
          result += ("<span class='last'>");
          result += (retezec[i]);
          result += ("</span>"); 
        }else if(i < size){
          result += ("<span>");
          result += (retezec[i]);
          result += ("</span>"); 
        }
      }
      
      switch (it)
          {
          case 0:
              if(isOpportunity){
                $(position + " h2.first").html(result);
                corrector(position + " h2.first");
              }else{
                $(position + " h2").html(result);
                corrector(position + " h2");
              }
            break;
          case 1:
              $(position + " h3").html(result);
              corrector(position + " h3");
            break;
           case 2:
              $(position + " h2.second").html(result);
              corrector(position + " h2.second");
            break;
          }
      }
    }
}

function corrector(position){ //for margin setting

addNumbers(position + " span");
      
     var countOfWords = getCountOfElement(position + " span"); 
     
   if(countOfWords == 1){
     $(position + " span").addClass("last");
     $(position + " span").addClass("top");
   }else{
   
   var line = 1;
   
   //$(position + " span.e0").before("<div class='line'>");
   
      var inLine = 0;
                   
    for(var index = 0; index <= countOfWords; index++){
    //alert(line);
      var element = $(position + " span.e" + index);
      var element2 = $(position + " span.e" + (index + 1));
      var offset = element.offset();
      var offset2 = element2.offset();
      var breakLine = false; 
      
      if(!(offset == null) && !(offset2 == "undefined") && !(offset2 == null) ){
      
       if(offset.top < offset2.top){     
          $(position + " span.e" +index).addClass("last");
          $(position + " span.e" + index).after("<div class='lineBreak "+line+"'></div>");
            
          for(var a = inLine; a <= index; a++){
                if(a >= inLine){
               // alert($(position + " span.e" +a).text());
                   $(position + " span.e" +a).appendTo(position + " div.lineBreak."+line);
                }
             inLine++;
          }
            
          breakLine = true;            
       }         
      $(position + " .lineBreak.1 span.e"+index).addClass("top");
      }
            
      if(index == (countOfWords-1)){
       $(position + " span.e" + index).after("<div class='lineBreak "+line+"'></div>");
       
                for(var a = inLine; a <= index; a++){
                if(a >= inLine){
               // alert($(position + " span.e" +a).text());
                   $(position + " span.e" +a).appendTo(position + " div.lineBreak."+line);
                }
       }
       }       
      
      //check after style changes
      
      if(breakLine){
       line++;
      }
      
      if(line == 1){
           $(position + " span.e"+index).addClass("top");
           $(position + " span.e"+(index+1)).addClass("top");
      }
              
      }
      }  
         
    }