$(function(){

    var $el, leftPos, newWidth,
        $mainNav = $("#example-one"),
        $mainNav2 = $("#example-two");
    
    /*
        EXAMPLE ONE
    */
    $mainNav.append("<li id='magic-line'></li>");
    
   var $magicLine = $("#magic-line");
    
	if($(".current_page_item").attr('id')=='rent')
	{
		if( $('#language_text').text()=='fr' )
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left+10)
		else if( $('#language_text').text()=='en' )
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left-5)
		else if($('#language_text').text()=='he')
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left+10)
	}
	else if($(".current_page_item").attr('id')=='new_build')
	{
		if( $('#language_text').text()=='fr' )
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left+35)
		else if($('#language_text').text()=='en')
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left+7)
		else if($('#language_text').text()=='he')
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left+15)
	}
	else if($(".current_page_item").attr('id')=='special_holiday')
	{
		if( $('#language_text').text()=='fr' )
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left+50)
		else if($('#language_text').text()=='en')
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left+35)
		else if($('#language_text').text()=='he')
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left+45)
	}

	else
	{
		if($('#language_text').text()=='fr')
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left)
		else if($('#language_text').text()=='en')
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left-5)
		else if($('#language_text').text()=='he')
			$magicLine.css("left", $(".current_page_item .sale_rent_nav").position().left)
	}
   $magicLine.data("origLeft", $magicLine.position().left);
        
   $("#example-one li").find(".sale_rent_nav").hover(function() {
        $el = $(this);
        if($el.parent().attr('id')=="rent")
        {
           if($('#language_text').text()=='fr')
           	leftPos = $el.position().left+10;
           else if($('#language_text').text()=='en')
           	leftPos = $el.position().left-5;
           else if($('#language_text').text()=='he')
           	leftPos = $el.position().left+10;
        }
        else if($el.parent().attr('id')=="new_build")
        {
           if($('#language_text').text()=='fr')
           	leftPos = $el.position().left+35;
           else if($('#language_text').text()=='en')
           	leftPos = $el.position().left+7;
           else if($('#language_text').text()=='he')
           	leftPos = $el.position().left+15;
        }
        else if($el.parent().attr('id')=="special_holiday")
        {
           if($('#language_text').text()=='fr')
           	leftPos = $el.position().left+50;
           else if($('#language_text').text()=='en')
           	leftPos = $el.position().left+35;
           else if($('#language_text').text()=='he')
           	leftPos = $el.position().left+45;
        }
        else
        {	
        		if($('#language_text').text()=='fr')
            	leftPos = $el.position().left;
            else if($('#language_text').text()=='en')
            	leftPos = $el.position().left-5;
            else if($('#language_text').text()=='he')
            	leftPos = $el.position().left;
		  }        
        $magicLine.stop().animate({
            left: leftPos
        });
    }, function() {
        $magicLine.stop().animate({
            left: $magicLine.data("origLeft"),
        });    
    });
    
    
    /*
        EXAMPLE TWO
    */
    $mainNav2.append("<li id='magic-line-two'></li>");
    
    var $magicLineTwo = $("#magic-line-two");
    
    if($(".current_page_item_two").children().text()==$('#magic-line-two').prev().children().text())
        $magicLineTwo.width( $(".current_page_item_two").width() )
    else
        $magicLineTwo.width( $(".current_page_item_two").width()-17 )
    
    $magicLineTwo
        .height(11)
        .css("left", $(".current_page_item_two a").position().left)
        .data("origLeft", $(".current_page_item_two a").position().left)
        .data("origWidth", $magicLineTwo.width())
        .data("origColor", $(".current_page_item_two a").attr("rel"));
                
    $("#example-two li").find("a").hover(function() {
        $el = $(this);
        //alert($el.position().left);
        //alert();
        leftPos = $el.position().left;
        if($el.text()==$('#magic-line-two').prev().children().text())
            newWidth = $el.parent().width();
        else    
            newWidth = $el.parent().width()-17;
        $magicLineTwo.stop().animate({
            left: leftPos,
            width: newWidth,
            backgroundColor: $el.attr("rel")
        })
    }, function() {
        $magicLineTwo.stop().animate({
            left: $magicLineTwo.data("origLeft"),
            width: $magicLineTwo.data("origWidth"),
            backgroundColor: $magicLineTwo.data("origColor")
        });    
    });
});

