var appPath;

function addToFavorites(){
var url = "http://www.360.lviv.ua/index.aspx";
var title = "360.lviv.ua - інтернет-магазин матеріалів для оздоблення інтер'єру у Львові";
if(window.sidebar)
window.sidebar.addPanel(title, url, "");
else if (window.opera && window.print){
var link = document.createElement('a');
link.setAttribute('href',url);
link.setAttribute('title',title);
link.setAttribute('rel','sidebar');
link.click();
}
else if (document.all)
window.external.AddFavorite(url, title);
}

var pageState = {
Load:function(){
Page.IsJavaEnabled(this.Success,this.OnFailed);
Page.appPath(this.AppPath,this.OnFailed);
},
Success:function(result,EventArgs){
return false;},
AppPath:function(result,eventArgs){
if (result != "/")
{appPath = result;}
else 
{appPath = "";}
},

init: function(){
        var divcontrols = document.getElementsByTagName('div');
        var buttoncontrols = document.getElementsByTagName('input');
        if (divcontrols.length > 0){
            for(var i=0;i<divcontrols.length;i++){
                 this.id = divcontrols[i].id;
                if (divcontrols[i].id.indexOf("button")!= -1){
                addEvent(divcontrols[i],'mouseover',pageState.onmouseover);
                addEvent(divcontrols[i],'mouseout',pageState.onmouseout);
                addEvent(divcontrols[i],'mousedown', pageState.onmousedown);
                addEvent(divcontrols[i],'mouseup', pageState.onmouseup);
               
                
                }
       }
            }
      if (buttoncontrols.length > 0){
        for(var j=0;j<buttoncontrols.length;j++){
            this.id = buttoncontrols[j].id
            if(buttoncontrols[j].type == "submit" || buttoncontrols[j].type == "button" ){
            addEvent(buttoncontrols[j],'mouseover',pageState.onmouseover);
            addEvent(buttoncontrols[j],'mouseout',pageState.onmouseout);
            addEvent(buttoncontrols[j],'mousedown',pageState.onmousedown);
            addEvent(buttoncontrols[j],'mouseup', pageState.onmouseup);
           
            }
            }
            }
      },
getElement:function(e){
        var myEvent = e ? e:window.event;
        var element = myEvent.target ? myEvent.target:myEvent.srcElement;
        if (typeof element == 'object')
        {
           return element;
        }
      },
onmouseover: function(e){
        var element = pageState.getElement(e);
        element.style.opacity = 8/10;
        element.style.filter = 'alpha(opacity=' + 8*10 + ')';
      },
onmouseout: function (e){
        var element = pageState.getElement(e);
        element.style.opacity = 1;
        element.style.filter = 'alpha(opacity=' + 10*10 + ')';
      },
onmousedown: function(e){
        var element = pageState.getElement(e);
        element.style.opacity = 8/10;
        element.style.filter = 'alpha(opacity=' +8*10 + ')';
      },
onmouseup: function (e){
        var element = pageState.getElement(e);
        element.style.opacity = 10/10;
        element.style.filter = 'alpha(opacity=' + 10*10 + ')';
      },
OnFailed: function(error){
    /*window.alert(error.get_message());*/
    return false;
    }
}

function clientHeight() 
{
 var myHeight = 0;
  
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
  
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myHeight = document.body.clientHeight;
  }
  return myHeight;
}
function clientWidth()
{
var myWidth = 0;
if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }
   return myWidth;
}
function FadeOpacity(elemId, fromOpacity, toOpacity, time, fps)
{
   var steps = Math.ceil(fps * (time / 1000));
   var delta = (toOpacity - fromOpacity) / steps;
      FadeOpacityStep(elemId, 0, steps, fromOpacity, 
                     delta, (time / steps));
 
 }
 
function FadeOpacityStep(elemId, stepNum, steps, fromOpacity, 
                         delta, timePerStep)
{
    SetOpacity(document.getElementById(elemId), 
               Math.round(parseInt(fromOpacity) + (delta * stepNum)));

    if (stepNum < steps)
       setTimeout("FadeOpacityStep('" + elemId + "', " + (stepNum+1) 
                 + ", " + steps + ", " + fromOpacity + ", "
                 + delta + ", " + timePerStep + ");", 
                   timePerStep);
                   }
                   
function SetOpacity(elem, opacityAsInt)
{
var opacityAsDecimal = opacityAsInt;
     
     if (opacityAsInt > 100)
         opacityAsInt = opacityAsDecimal = 100; 
     else if (opacityAsInt < 0)
         opacityAsInt = opacityAsDecimal = 0; 
     
    opacityAsDecimal /= 100;
    if (opacityAsInt < 1)
        opacityAsInt = 1; // IE7 bug, text smoothing cuts out if 0
    
    elem.style.opacity = (opacityAsDecimal);
    elem.style.filter  = "alpha(opacity=" + opacityAsInt + ")";
}

function showPanel(id, condition)
{
    var t;
    if (condition == "true"){
     
    positionPanel(id);
    t = setTimeout(function(){document.getElementById(id).style.visibility = "visible";},1000);
    FadeOpacity(id,60,99,500,10);
    } 
    else
    {
    positionPanel(id);
    t = setTimeout(function(){document.getElementById(id).style.visibility = "visible";},1000);
    FadeOpacity(id,60,99,500,10);
    } 
    
}

function hidePanel(id)
{
 document.getElementById(id).style.visibility = "hidden";
 
}

function positionPanel(id)
{
    var width = parseInt(document.getElementById(id).offsetWidth);
    var height = parseInt(document.getElementById(id).offsetHeight);
    var h = clientHeight();
    var w = clientWidth();
    var top = (h-height)/2;
    var left = (w-width)/2;
    document.getElementById(id).style.left = left+'px';
    document.getElementById(id).style.top = top+'px';
}
function setImageSize(id, size, imagePath)
{
var imageToLoad = document.getElementById('testOffset');
imageToLoad.src = imagePath;
var width = imageToLoad.offsetWidth;
var height = imageToLoad.offsetHeight;

var image = document.getElementById(id);
if (width <= height){
        image.style.height = size+"px";
        }
    else{
        image.style.width = size+"px";
        }
 image.src = imagePath;       
}

function CardItem (id,name,serieName,image,element,unit,size,quantaty,price)
{
this._id = id;
this._name = name;
this._serieName = serieName;
this._image = image;
this._element = element;
this._unit = unit;
this._size = size;
this._quantaty = quantaty;
this._price = price;
}


var ShopingCard = {

Init: function(){ 
    Basket.Items(this.Start, this.OnFailed);
},
Total: function(){
    var total = 0.00;
    for (var i = 0; i<this._items.length; i++){
            total = parseFloat(total)+parseFloat(this._items[i]._quantaty).toFixed(2)*parseFloat(this._items[i]._price).toFixed(2);
    }
    return total.toFixed(2);
},
Quantaty: function(){
    var length = this._items.length;
    return length;
},
DrawStatus: function(){
   var quantaty = ShopingCard.Quantaty();
   var total = ShopingCard.Total();
   //var appPath = "/WebSite1";
   var shopingCardinnerHTML = new String();
   var div = document.getElementById('shopingCard1');
   var cardImage = document.getElementById('basketImage');
   if(quantaty != "0")
   {
        shopingCardinnerHTML = shopingCardinnerHTML.concat("<span class=\"shopingCardH3\">Кількість товарів в корзині: <span class=\"shopingCardH4\">"+quantaty+"</span></span><br/><span class=\"shopingCardH3\"> Загальна сума, грн: <span class=\"shopingCardH4\">"+total+"</span></span>");
        cardImage.innerHTML = "<img src=\""+appPath+"/App_Themes/Default/basketFull.png\" style=\"cursor:hand; cursor:pointer;\" onmouseup=\"javascript:ShopingCard.DrawItems();showPanel('ctl00_shopingCard','true');\" />";
   }
   else
   {
        shopingCardinnerHTML = shopingCardinnerHTML.concat("<p class=\"shopingCardText\">Ваша корзина пуста</p>");
        cardImage.innerHTML = "<img src=\""+appPath+"/App_Themes/Default/basket.png\"/>";
    }
    div.innerHTML = shopingCardinnerHTML;
   
},
DrawPanelStatus: function(){
    var totalCard = document.getElementById("ctl00_totalCard");
    totalCard.innerHTML = ShopingCard.Total();
    var totalItems = document.getElementById("ctl00_totalItems");
    totalItems.innerHTML = ShopingCard.Quantaty();
},
DrawItems: function(){
    var container = document.getElementById("shopingCardContainer");
    var tableHead = "<table width=\"670px\" cellpadding=\"0\" cellspacing=\"0\">";//<tr style=\"height: 25px; vertical-align: middle; text-align: center\" class=\"shopingCardH2\"><td style=\"width: 30px\">ID</td><td style=\"width: 70px\">Зображення</td><td style=\"width: 250px\">Назва/розмір</td><td colspan=\"3\" style=\"width: 110px\">Кількість</td><td style=\"width: 100px\">Ціна, грн.</td><td style=\"width: 100px\">Сума, грн.</td><td style=\"width: 30px\"></td></tr>";
    var rowStart = "";
    var rowEnd = "</tr>";
    var row = "";
    var cellEnd = "</td>";
    for (var i= 0; i<this._items.length;i++)
    {
            rowStart = "<tr id =\""+i+"\">"; 
            var cell1 = "<td id=\""+i+"_cell1\" style=\"text-align:center; width:30px\"><span id=\""+i+"_cell1_id\" class=\"shopingCardText\">"+this._items[i]._id+"</span>"+cellEnd;
            var cell2 = "<td id=\""+i+"_cell2\" style=\"text-align:center; width:90px\"><img id=\""+i+"_cell2_image\"/>";
            var cell3 = "<td id=\""+i+"_cell3\" style=\"text-align:left; width:230px\"><span id=\""+i+"_cell3_serieName\" class=\"shopingCardText\">"+this._items[i]._serieName+"&nbsp;</span><span id=\""+i+"_cell3_productName\" class=\"shopingCardH3\">"+this._items[i]._name+"</span><br /><span class=\"shopingCardText\">"+this._items[i]._element+"&nbsp;"+this._items[i]._size+"</span>"+cellEnd;
            var cell4 = "<td id=\""+i+"_cell4\" style=\"width: 50px; text-align:right\"><input id=\""+i+"_cell4_input\" type=\"text\" class=\"shopingCardInput\" onkeypress=\"javascript:if(event.which || event.keyCode){if ((event.which == 13) || (event.keyCode == 13)){ShopingCard.UpdateQuantaty("+i+");return false;}}\" value=\""+parseFloat(this._items[i]._quantaty).toFixed(2)+"\"/>"+cellEnd;
            var cell5 = "<td id=\""+i+"_cell5\" style=\"width: 40px; text-align:center\"><span id=\""+i+"_cell5_unit\" class=\"shopingCardText\">"+this._items[i]._unit+"</span>"+cellEnd;
            var cell6 = "<td id=\""+i+"_cell6\" style=\"width: 20px; text-align:left\"><img id=\""+i+"_cell6_update\" style=\"cursor:pointer;cursor:hand;\" alt=\"Редагувати\" title=\"Редагувати\" src=\""+appPath+"/App_Themes/Default/reload.jpg\" onmouseup=\"javascript:ShopingCard.UpdateQuantaty('"+i+"');\"/>"+cellEnd;
            var cell7 = "<td id=\""+i+"_cell7\" style=\"text-align:center;width:100px\"><span id=\""+i+"_cell7_price\" class=\"shopingCardH3\">"+parseFloat(this._items[i]._price).toFixed(2)+"</span>"+cellEnd;
            var total = parseFloat(this._items[i]._price)*parseFloat(this._items[i]._quantaty);
            var cell8 = "<td id=\""+i+"_cell8\" style=\"text-align:center;width:80px\"><span id=\""+i+"_cell8_total\" class=\"shopingCardH3\">"+total.toFixed(2)+"</span> "+cellEnd;
            var cell9 = "<td id=\""+i+"_cell9\" style=\"text-align:center; width:30px\"><img id=\""+i+"_cell9_delete\" style=\"cursor:pointer;cursor:hand;\" alt=\"Видалити\" title=\"Видалити\" src=\""+appPath+"/App_Themes/Default/delete.jpg\" onmouseup=\"javascript:ShopingCard.DeleteItem('"+i+"');\"/>"+cellEnd;
            row = row+rowStart+cell1+cell2+cell3+cell4+cell5+cell6+cell7+cell8+cell9+rowEnd;  
        }
        container.innerHTML = tableHead+row+"</table>"; 
         for (var j= 0; j<this._items.length;j++){
        setImageSize(j+"_cell2_image",'30', appPath+"/Images/Tile/Small/"+this._items[j]._image);
        }
        ShopingCard.DrawPanelStatus();
        
},
Start: function(result,eventArgs){
    var resultItems = result.split("$");
    ShopingCard._items = new Array();
    for (var i = 0; i<resultItems.length-1; i++){
            var resultItem = resultItems[i].split("/"); 
            var item = new CardItem(resultItem[0], resultItem[1], resultItem[2],resultItem[3],resultItem[4],resultItem[5],resultItem[6],resultItem[7],resultItem[8]);
            ShopingCard._items[i] = item;
        }
        ShopingCard.DrawStatus();
},
UpdateQuantaty:function(item){
    var inputText = document.getElementById(item+"_cell4_input");
                try{
                var quantaty = parseFloat(inputText.value.replace(",",".")).toFixed(2);}
                catch (err){window.alert(err.description);}
    this._items[item]._quantaty = quantaty;
    var total = parseFloat(this._items[item]._price).toFixed(2)*parseFloat(this._items[item]._quantaty).toFixed(2);
    var qindex = item+"_cell8_total";
    var field = document.getElementById(qindex);
    inputText.value = quantaty;
    field.innerHTML = total.toFixed(2);
    var input = this._items[item]._id+"/"+quantaty;
    Basket.UpdateItem(input, this.OnDone,this.OnFailed);
    ShopingCard.DrawPanelStatus();
    ShopingCard.DrawStatus();

},


AddItem:function(id,name,serieName,image,element,unit,size,price){
var isInCard = false;
var itemIndex;
var item;
if (this._items != "undefined"){
    for (var i=0;i<this._items.length;i++){
                    if (id == this._items[i]._id){
                        isInCard = true;
                        itemIndex = i;
                        break;}
    }
   
    if (isInCard){
        
        this._items[itemIndex]._quantaty = parseFloat(this._items[itemIndex]._quantaty) + 1;}
    else{
        item = new CardItem(id,name,serieName,image,element,unit,size,parseFloat("1").toFixed(2),price);
        this._items.push(item);}
    }
else {
    item = new CardItem(id,name,serieName,image,element,unit,size,parseFloat("1"),price);
    ShopingCard._items = new Array();
    this._items[0] = item;}
 var input = id+"/"+price;
 Basket.AddItem(input,this.OnDone,this.OnFailed);
 ShopingCard.DrawItems();
 ShopingCard.DrawStatus();
 ShopingCard.DrawPanelStatus();
    },

DeleteItem:function(item){
    var id = this._items[item]._id;
    this._items.splice(item,1);
    Basket.DeleteItem(id,this.OnDone,this.OnFailed);
    ShopingCard.DrawPanelStatus();
    ShopingCard.DrawStatus();
    ShopingCard.DrawItems();
},
OnDone:function(result,eventArgs){
return false;
},
OnFailed: function(error){
   /* window.alert(error.get_message());*/
    return false;
    }
}

var visSlideShow = {
        forwardunactive:  "/App_Themes/Default/forward.png",
        backwardunactive: "/App_Themes/Default/back.png",
        forwardactive: "/App_Themes/Default/forwardActive.png",
        backwardactive: "/App_Themes/Default/backActive.png",
            
        Init: function (visContainer, visArray){
        this.container = document.getElementById(visContainer);
        var visList = document.getElementById(visArray).value;
        this.array = visList.split("/");
       
        },
        
        Show: function(index){
        var item = parseInt(index)+1;
        var length = this.array.length;
        var backwardcontrol;
        var forwardcontrol;
               
        if (length == 1){
        backwardcontrol = this.backwardunactive;
        forwardcontrol = this.forwardunactive;        
        }
        else if (parseInt(index) == 0){
         backwardcontrol = this.backwardunactive;
         forwardcontrol = this.forwardactive;
         }
         
         else if (parseInt(index) == length-1){
         backwardcontrol = this.backwardactive;
         forwardcontrol = this.forwardunactive;
         }
         else{
         backwardcontrol = this.backwardactive;
         forwardcontrol = this.forwardactive;
         }
         
         
        this.container.innerHTML = "<input id=\"curVis\" type=\"hidden\" value=\""+index+"\"/> <div style=\"float:left; width:1px; height:70px;\"></div> <img id=\"visImage\" alt=\"Невдала спроба завантажити зображення.\" src=\""+appPath+"/Images/Visualisation/Big/"+this.array[index]+"\"/> <div class=\"vis-container-navigation\"><span id=\"count\">"+item+" з "+length+"</span><br/><img id=\"backward\" style=\"cursor:pointer;cursor:hand;\" src=\""+appPath+backwardcontrol+"\" onmouseup=\"javascript:visSlideShow.Back()\"/> <img id=\"forward\" style=\"cursor:pointer;cursor:hand;\" src=\""+appPath+forwardcontrol+"\" onmouseup=\"javascript:visSlideShow.Forward()\"/></div> <div class=\"vis-container-close\" onclick=\"javascript:visSlideShow.Hide()\"><img src=\""+appPath+"/App_Themes/Default/close.jpg\"/></div><div style=\"clear:both; float:none; width:100px; height:1px;\"></div>";
        var t = setTimeout(function(){visSlideShow.container.style.visibility = "visible";}, 1000);
        FadeOpacity(this.container.id,70,100,10,5);
        this.curVis = document.getElementById('curVis');
        this.count = document.getElementById('count');
        this.img = document.getElementById('visImage');
        this.back = document.getElementById('backward');
        this.forward = document.getElementById('forward');
        
        },
        Hide: function(){
        this.container.style.visibility = "hidden";
        
        },
        Forward: function(){ 
        
        var length = this.array.length;
        var current = this.curVis.value;
        if (parseInt(current)==length-2){
        this.back.src = appPath+this.backwardactive;
        this.forward.src = appPath+this.forwardunactive;
        this.curVis.value = parseInt(current)+1;
        this.count.innerHTML= (parseInt(current)+2)+" з " + length;
        this.img.src = appPath+"/Images/Visualisation/Big/"+this.array[parseInt(current)+1]; 
            }
        else if(parseInt(current)<length-2){
        this.back.src = appPath+this.backwardactive;
        this.forward.src = appPath+this.forwardactive;
        this.curVis.value = parseInt(current)+1;
        this.count.innerHTML = (parseInt(current)+2)+" з " + length;
        this.img.src = appPath+"/Images/Visualisation/Big/"+this.array[parseInt(current)+1];
         }
        
       
        },
        Back: function(){
        var length = this.array.length;
        var current = this.curVis.value;
            if (parseInt(current)>1){
            this.back.src = appPath+this.backwardactive;
            this.forward.src = appPath+this.forwardactive;
            this.count.innerHTML=  current+" з " + length;
            this.curVis.value = parseInt(current)-1;
            this.img.src = appPath+"/Images/Visualisation/Big/"+this.array[parseInt(current)-1]; 
            }
            else if(parseInt(current)==1){
            this.back.src = appPath+this.backwardunactive;
            this.forward.src = appPath+this.forwardactive;
            this.count.innerHTML=  current+" з " + length;
            this.curVis.value = parseInt(current)-1;
            this.img.src = appPath+"/Images/Visualisation/Big/"+this.array[parseInt(current)-1]; 
                }     

}
}
 function addEvent(ctrl,type,fn){
          try{
          if(ctrl.addEventListener){
          ctrl.addEventListener(type, fn, false);
          }
          else if(ctrl.attachEvent){
          ctrl.attachEvent("on"+type, fn);
          }
          }
          catch (Err)
          {
          window.alert(Err);
          }
          }
function removeEvent(ctrl, type,fn){
          try
          {
            if(ctrl.removeEventListener){
            ctrl.removeEventListener(type, fn, false);
             }
             else if(ctrl.detachEvent){
             ctrl.detachEvent("on"+type, fn);
             }
          }
          catch (Err){
            window.alert(Err);
            }
          }
var Ratting = {
     _imageFull:"/App_Themes/Default/star.png",
     _image12Full:"/App_Themes/Default/star12.png",
     _imageOver:"/App_Themes/Default/starR.png",
     _imageBlank:"/App_Themes/Default/starB.png",
         
     Init: function(ratingContainer,rate,appPath){
     this.container = document.getElementById('rattingContainer');
     this.resultContainer = document.getElementById('ctl00_CatalogContent_rattingControl_rattingResult');
     this.rate = parseFloat(rate);
     this._img1 = document.getElementById(ratingContainer+'_R1');
     this._img2 = document.getElementById(ratingContainer+'_R2');
     this._img3 = document.getElementById(ratingContainer+'_R3');
     this._img4 = document.getElementById(ratingContainer+'_R4');
     this._img5 = document.getElementById(ratingContainer+'_R5');
     if (appPath != "/"){this._AppPath = appPath;}
     else {this._AppPath = "";}
     addEvent(this._img1,'mouseover',over1=function(){Ratting.onmouseover('1');});
     addEvent(this._img1,'mouseup',up1=function(){Ratting.onmouseup('1');});
     addEvent(this._img2,'mouseover', over2=function(){Ratting.onmouseover('2');});
     addEvent(this._img2,'mouseup',up2=function(){Ratting.onmouseup('2');});
     addEvent(this._img3,'mouseover',over3=function(){Ratting.onmouseover('3');});
     addEvent(this._img3,'mouseup',up3=function(){Ratting.onmouseup('3');});
     addEvent(this._img4,'mouseover',over4=function(){Ratting.onmouseover('4');});
     addEvent(this._img4,'mouseup',up4=function(){Ratting.onmouseup('4');});
     addEvent(this._img5,'mouseover',over5=function(){Ratting.onmouseover('5');});
     addEvent(this._img5,'mouseup',up5=function(){Ratting.onmouseup('5');});
     addEvent(this.container,'mouseout',function(){Ratting.drawCurrentRating();});
     Ratting.drawCurrentRating();  
     },
     drawCurrentRating:function()
     {
     if (this.rate == 0){
     this._img1.src = this._AppPath+this._imageBlank;
     this._img2.src = this._AppPath+this._imageBlank;
     this._img3.src = this._AppPath+this._imageBlank;
     this._img4.src = this._AppPath+this._imageBlank;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     
     else if (this.rate > 0 && this.rate < 0.8){
     this._img1.src = this._AppPath+this._image12Full;
     this._img2.src = this._AppPath+this._imageBlank;
     this._img3.src = this._AppPath+this._imageBlank;
     this._img4.src = this._AppPath+this._imageBlank;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (this.rate>0.8 && this.rate<=1.2){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._imageBlank;
     this._img3.src = this._AppPath+this._imageBlank;
     this._img4.src = this._AppPath+this._imageBlank;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (this.rate>1.2 && this.rate<=1.8){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._image12Full;
     this._img3.src = this._AppPath+this._imageBlank;
     this._img4.src = this._AppPath+this._imageBlank;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (this.rate>1.8 && this.rate<=2.2){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._imageFull;
     this._img3.src = this._AppPath+this._imageBlank;
     this._img4.src = this._AppPath+this._imageBlank;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (this.rate>2.2 && this.rate<=2.8){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._imageFull;
     this._img3.src = this._AppPath+this._image12Full;
     this._img4.src = this._AppPath+this._imageBlank;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (this.rate>2.8 && this.rate<=3.2){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._imageFull;
     this._img3.src = this._AppPath+this._imageFull;
     this._img4.src = this._AppPath+this._imageBlank;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (this.rate>3.2 && this.rate<=3.8){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._imageFull;
     this._img3.src = this._AppPath+this._imageFull;
     this._img4.src = this._AppPath+this._image12Full;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (this.rate>3.8 && this.rate<=4.2){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._imageFull;
     this._img3.src = this._AppPath+this._imageFull;
     this._img4.src = this._AppPath+this._imageFull;
     this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (this.rate>4.2 && this.rate<=4.8){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._imageFull;
     this._img3.src = this._AppPath+this._imageFull;
     this._img4.src = this._AppPath+this._imageFull;
     this._img5.src = this._AppPath+this._image12Full;
     }
     else if (this.rate>4.8 && this.rate<=5.0){
     this._img1.src = this._AppPath+this._imageFull;
     this._img2.src = this._AppPath+this._imageFull;
     this._img3.src = this._AppPath+this._imageFull;
     this._img4.src = this._AppPath+this._imageFull;
     this._img5.src = this._AppPath+this._imageFull;
     }
     
     },
    
    onmouseover:function(index){
     var i = parseInt(index);
     if (i == 1){
     this._img1.src = this._AppPath+this._imageOver;
      this._img2.src = this._AppPath+this._imageBlank;
       this._img3.src = this._AppPath+this._imageBlank;
        this._img4.src = this._AppPath+this._imageBlank; 
        this._img5.src = this._AppPath+this._imageBlank;
     }
     else if (i==2){
      this._img1.src = this._AppPath+this._imageOver;
      this._img2.src = this._AppPath+this._imageOver;
       this._img3.src = this._AppPath+this._imageBlank;
        this._img4.src = this._AppPath+this._imageBlank; 
        this._img5.src = this._AppPath+this._imageBlank;
     }
     else if(i==3){
     this._img1.src = this._AppPath+this._imageOver;
      this._img2.src = this._AppPath+this._imageOver;
       this._img3.src = this._AppPath+this._imageOver;
        this._img4.src = this._AppPath+this._imageBlank; 
        this._img5.src = this._AppPath+this._imageBlank;
     }
      else if(i==4){
     this._img1.src = this._AppPath+this._imageOver;
      this._img2.src = this._AppPath+this._imageOver;
       this._img3.src = this._AppPath+this._imageOver;
        this._img4.src = this._AppPath+this._imageOver; 
        this._img5.src = this._AppPath+this._imageBlank;
     }
      else if(i==5){
     this._img1.src = this._AppPath+this._imageOver;
      this._img2.src = this._AppPath+this._imageOver;
       this._img3.src = this._AppPath+this._imageOver;
        this._img4.src = this._AppPath+this._imageOver; 
        this._img5.src = this._AppPath+this._imageOver;
     }
     
     },
     onmouseup:function(rate){
     this.resultContainer.innerHTML = "Ваш голос ( "+rate+" ) прийнято.";
     this.rate = rate;
     Ratting.drawCurrentRating();
     removeEvent(this._img1,'mouseover',over1);
     removeEvent(this._img1,'mouseup',up1);
     removeEvent(this._img2,'mouseover',over2);
     removeEvent(this._img2,'mouseup',up2);
     removeEvent(this._img3,'mouseover',over3);
     removeEvent(this._img3,'mouseup',up3);
     removeEvent(this._img4,'mouseover',over4);
     removeEvent(this._img4,'mouseup',up4);
     removeEvent(this._img5,'mouseover',over5);
     removeEvent(this._img5,'mouseup',up5);
     this.resultContainer.style.visibility = "visible";
     
     }
 
     
}