Merge lp:~josephjamesmills/ubuntu-weather-app/MockUp into lp:ubuntu-weather-app/obsolete.trunk

[Joseph Mills]

Added frame work for weather added apis added pages for Home and for searching added sql database and javascript functions to call add truncate ect

[David Planella (dpm)]

Thanks a lot Joseph!

While reviewing, one of the first things I've noticed is that there are about 70 lines of commented-out code on Home.qml. If that code is not used, it should be removed. We shouldn't be committing dead code. Do you think you could fix this?

Also, could you make sure that the design conforms to the mockups the design team submitted at:

https://wiki.ubuntu.com/Touch/CoreApps/Weather

I'd also recommend coordinating such big changes with the current Weather team on the ubuntu-phone mailing list to avoid duplication of work.

If you could address those issues and re-submit, that'd be great. Thanks again!

review: Needs Fixing

[Joseph Mills (josephjamesmills)]

Sure tell you designers to listen to me. tell them to send the artwork to me I asked maybe they would listen to you.
as far as the designers guide take what I have and do that work There are also many things that I wanted to add but I can not sue to the fact that there are missing things in the SDK

as far as comments and what not I have fixed all that. maybe if you can also tell the designers that they should use qmlginp-exporter so I dont have to do THERE JOB please. As far as I am concerened I am done with this until I get the repect that is needed to make this happen IE designers talking to me. Until then I can not even do anything.

[David Planella (dpm)]

This branch is by now pretty old and trunk has diverged significantly. Marking it as Rejected as part of the core apps branch cleanup.

review: Disapprove

Unmerged revisions

5. By Joseph Mills on 2013-02-18

modified:
  StartHere.qml
  common/Tabs.qml
  examples/GetLatLongDelegate.qml
  examples/GetLatLongModel.qml
  examples/ProgressDialog.qml
  examples/WeatherDelegate.qml
  examples/WeatherModel.qml
  weather.qmlproject.user

4. By Joseph Mills on 2013-02-14

autopush

3. By Joseph Mills on 2013-02-14

made framwork to call api

=== added file 'ATTRIBUTION'
--- ATTRIBUTION	1970-01-01 00:00:00 +0000
+++ ATTRIBUTION	2013-02-18 17:43:29 +0000
@@ -0,0 +1,7 @@
+Graphical resources and original code adapted from the weather-qml demo
+available at:
+
[e-mail]:qt-labs/mobile-demos.git
+
+A big thanks to our buddies from INdT for some good looking artwork and
+nifty demo material
 
=== added file 'Home.qml'
--- Home.qml	1970-01-01 00:00:00 +0000
+++ Home.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,1111 @@
+import QtQuick 2.0
+import QtQuick.XmlListModel 2.0
+import QtQuick.Particles 2.0
+import Ubuntu.Components 0.1
+import QtQuick.LocalStorage 2.0
+import "common/dbUtils.js" as DataBase
+import "common/Utils.js" as Util
+Item {
+    id: serie
+    width: parent.width
+    height: parent.width
+//    property string name:''
+//    property string countryName:''
+//    property string adminName1:''
+//    //    property string south:''
+//    property string folder: "../artwork"
+//    property string forTWC: cityName.text
+
+//    function translateX(x) {
+//        return root.width/10.0 + (x/700*root.width);
+//    }
+
+//    function translateY(y) {
+//        var tmp = y+root.height/5.0;
+//        return tmp > 0 ? -20 : tmp;
+//    }
+//    function loadDetails(countryName,adminName1,name) {
+//        serie.name = name
+//        serie.countryName = countryName
+//        serie.adminName1 = adminName1
+//        serieModel.load(countryName,adminName1,name)
+//    }
+
+//    XmlListModel {
+//        id: serieModel
+//        function load(CountryName,AdminName1,Name) {
+//            console.log("Loading Weather For ....... \n "+Name+"\n \n"
+//                        + encodeURI("http://www.yr.no/place/"
+//                                    + CountryName
+//                                    + "/"
+//                                    + AdminName1
+//                                    + "/"
+//                                    + Name
+//                                    + "/forecast.xml"))
+//            source = encodeURI("http://www.yr.no/place/"+CountryName+"/"+AdminName1+"/"+Name+"/forecast.xml")
+//            reload()
+//        }
+//        query: "/weatherdata"
+//        XmlRole { name: "timezone"; query: "location/type/string()"}
+
+//        // Right Now
+//        XmlRole { name: "timeFrom"; query: "forecast/tabular/time[1]/@from/string()"}
+//        XmlRole { name: "timeTo"; query: "forecast/tabular/time[1]/@to/string()"}
+//        XmlRole { name: "observationTime"; query: "forecast/tabular/time[1]/string()"}
+//        XmlRole { name: "temperature"; query: "forecast/tabular/time[1]/temperature/@value/string()" }
+//        XmlRole { name: "precipitation"; query: "forecast/tabular/time[1]/precipitation/@value/string()" }
+//        XmlRole { name: "clouds"; query: "forecast/tabular/time[1]/symbol/@name/string()" }
+//        XmlRole { name: "windDirection"; query: "forecast/tabular/time[1]/windDirection/@name/string()" }
+//        XmlRole { name: "windSpeed"; query: "forecast/tabular/time[1]/windSpeed/@name/string()" }
+//        XmlRole { name: "windSpeedMPS"; query: "forecast/tabular/time[1]/windSpeed/@mps/string()" }
+//        XmlRole { name: "pressure"; query: "forecast/tabular/time[1]/pressure/@value/string()" }
+//        XmlRole { name: "sunRise"; query: "sun/@rise/string()"  }
+//        XmlRole { name: "sunSet"; query: "sun/@set/string()"  }
+
+
+//        XmlRole { name: "weatherCondition"; query: "forecast/tabular/string()"}
+//        XmlRole { name: "status"; query: "forecast/tabular/string()" }
+
+
+
+
+//        //        XmlRole { name: "lastupdate"; query: "meta/lastupdate/string()" }
+//        //        XmlRole { name: "nextupdate"; query: "meta/nextupdate/string()" }
+//        XmlRole { name:"creditTXT"; query: "credit/link/@text/string()"}
+//        XmlRole { name:"creditURL"; query: "credit/link/@url/string()"}
+//        onStatusChanged: {
+//            if (status == XmlListModel.Ready) console.log("Loaded")
+//            if (status == XmlListModel.Loading) console.log("Loading");
+//        }
+//    }
+
+    Text {
+        id: cityName
+        color: "white"
+        height:22
+        font.bold: true
+        font.pixelSize: 28
+        text: DataBase.homeCity()
+        anchors{
+            top: parent.top
+            topMargin: 80
+        }
+    }
+
+    Rectangle{
+        id: separator1
+        color: "#44000000"
+        height: 3
+        width: parent.width
+        anchors{
+            top: cityName.bottom
+            topMargin: 10
+            left: parent.left
+        }
+    }
+    Text {
+        id: today
+        text: Qt.formatDate(new Date(), "MMMM dddd"+","+" d yyyy ")
+        color: "white"
+        font.pixelSize: 22
+        anchors{
+            top:separator1.bottom
+            topMargin: 2
+        }
+    }
+    ListView {
+        model: homeModel
+        width: parent.width
+        height: parent.height
+        delegate: Item{
+            property string temp: tempatureTxt.text.toString()
+            id: topLayout
+            width: parent.width;
+            height: parent.height
+
+            Text {
+                id: timeAroo
+                text:Qt.formatDateTime(new Date(), "hh"+":"+"mm")
+                height:22
+                state: "Milatary"
+                x:state === "Milatary" ? separator1.width - 88 : separator1.width - 115
+                Behavior on x{NumberAnimation{
+                        duration:  1200; easing.type: Easing.OutBounce}
+                }
+                color: "white"
+                font.bold: true
+                font.pixelSize: 22
+                anchors{
+                    top: parent.top
+                    topMargin: 0
+                    //
+                }
+            }
+            MouseArea{
+                anchors.fill: timeAroo
+                onClicked: if (timeAroo.text === Qt.formatDateTime(new Date(), "hh"+":"+"mm") ){
+                               timeAroo.text = Qt.formatDateTime(new Date(), "h:mm ap")
+                               timeAroo.state = "12-Hour"
+                           }else{
+                               timeAroo.text = Qt.formatDateTime(new Date(), "hh"+":"+"mm")
+                               timeAroo.state = "Milatary"
+                           }
+            }
+            Image {
+                id: fahrenheitImg
+                source: "artwork/"+"fahrenheit.png"
+                width: sourceSize.width / 2
+                height: sourceSize.height / 2
+                opacity: tempatureTxt.state === "Celcius" ? 0 : 1
+                Behavior on opacity {NumberAnimation{duration: 200; easing.type: Easing.InQuad}}
+                y: tempatureTxt.state === "Celcius" ? separator1.height * 2 : separator1.width
+                Behavior on y {NumberAnimation{duration: 1200 ; easing.type: Easing.OutBack}}
+                x: tempatureTxt.width + tempatureTxt.height + 12
+            }
+            Image {
+                id: celciusImg
+                source:{if(tempatureTxt.state === "Celcius")
+                        "artwork/"+"centigrades.png"
+                    else
+                        "artwork/"+"fahrenheit.png"
+                }
+                height: sourceSize.height / 2
+                width: sourceSize.width / 2
+
+                opacity: tempatureTxt.state === "Celcius" ? 1 : 0
+                Behavior on opacity {NumberAnimation{duration:200;  easing.type: Easing.OutQuad}}
+                x: tempatureTxt.state === "Celcius" ? tempatureTxt.width :tempatureTxt.state === "Fahrenheit"? -separator1.width : tempatureTxt.width
+                Behavior on x{NumberAnimation{duration: 1200; easing.type: Easing.OutBack}}
+                anchors{
+                    top: tempatureTxt.top
+                }
+
+            }
+            Text {
+                id: tempatureTxt
+                text: temperature
+                color: "white"
+                width: separator1.width / 2
+                font.pixelSize: 64
+                font.bold: true
+                state: "Celcius"
+                x: state === "Celcius" ? (separator1.width / 1.22)-width : (separator1.width/1.22)-width
+                y: parent.width / 1.12
+            }MouseArea{
+                anchors.fill: tempatureTxt
+                onClicked: {
+                    var f = (temperature * 9 / 5 + 32)
+                    if (tempatureTxt.state === "Celcius"){
+                        tempatureTxt.text = (temperature * 9 / 5 + 32)
+                        tempatureTxt.state = "Fahrenheit"
+                    }else{
+                        tempatureTxt.text = temperature
+                        tempatureTxt.state = "Celcius"
+
+                    }
+                }
+            }
+
+
+            Image {
+                id: hangerSunMoon
+                height:    sourceSize.height
+                source: "artwork/na_icon_line.png"
+                y:mainImage.y - mainImage.sourceSize.height
+                anchors{
+                    horizontalCenter: mainImage.horizontalCenter
+                }
+            }
+
+            //This is only for MOON and Sun & fallback
+            Image {
+                id: mainImage
+                width: sourceSize.width / 1.04
+                height: sourceSize.height
+                smooth: true
+                state: "Shown"
+                x: parent.width /2 - (width/2)
+                y: if (state === "Shown")
+                       parent.width / 4.22
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width/ 5.44
+                Behavior on y{NumberAnimation{duration: 1200;easing.type: Easing.OutBounce}}
+                source: {
+
+                    if (Util.nightOrDay(new Date(),"hh") === "night" === true )
+                        "artwork/" + "moon.png"
+                    else if (Util.nightOrDay(new Date(),"hh") === "night" !== true  && temperature > 5)
+                        "artwork/" + "sun.png"
+                    else if (Util.nightOrDay(new Date(),"hh") === "night" !== true  && temperature < 5)
+                        "artwork/" + "cold_sun.png"
+
+                    else if (weatherCondition === "light rain" && Util.nightOrDay(new Date(),"hh") === "night" !== true)
+                        "artwork/"+"sun.png"
+
+
+                    else if (weatherCondition === "mist" && Util.nightOrDay(new Date(),"hh") === "night" !== true)
+                        "artwork/"+"cold_sun.png"
+
+
+
+                    else
+                        "artwork/" +"na_icon.png"
+                }
+
+            }MouseArea  {
+                id:mainImageMouseArea
+                anchors.fill: mainImage
+                onPressAndHold:{ mainImage.state = "Hidden" }
+                onReleased:{mainImage.state = "Shown"}
+                onClicked: {
+//                    observationTime.subString(observationTime.lastIndexOf("T")+1)+observationTime.subString(0,observationTime.indexOf(":")+)
+//                             sunSet) moon
+//observationTime.substring(observationTime.lastIndexOf("T")+1)+observationTime.substring(0,observationTime.indexOf(":"))
+                    var isUP = timeFrom.substring(timeFrom.lastIndexOf("T")+1)
+                    var isDown = sunSet.substring(sunSet.lastIndexOf("T")+1)
+                    var isSunUP = sunRise.substring(sunRise.lastIndexOf("T")+1)
+                    console.log(isUP.substring(0,isUP.indexOf(":"))  +"  ?  " + isDown.substring(0,isDown.indexOf(":"))
+                              + "\n"
+                              + isUP.substring(0,isUP.indexOf(":"))  +"  ?  " +isSunUP.substring(0,isSunUP.indexOf(":")))
+                }
+            }
+
+
+            //Start to add the clouds
+            // Ok this is how this works if there condtions call for the cloud then they are shown pelse they are not.
+            //each item has a string and the string is set to match the item that it is attached to. this makes it so
+            //so that each time the moon or sun is pressed and held each one will move up with animations and also on different durations
+            //It is imporant that we keep the states the same as "main Image" aka the sun or moon or cold sun
+
+  //////////////////////////cloudsImage1
+            Image {
+                id: cloudsImage1
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if (clouds === "Cloudy"||clouds ==="Snow")
+                        1
+                    else
+                        0
+                }
+                            smooth: true
+                state: mainImage.state
+                x: parent.width / 20
+                y: if (state === "Shown")
+                       parent.width / 2
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2
+                Behavior on y{NumberAnimation{duration: 1000;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_1.png"
+                }
+            Image {
+                id: hangerCloud1
+                height: sourceSize.height /2
+                         opacity: cloudsImage1.opacity
+
+                            source: "artwork/"+"cloud_1_line.png"
+                y: cloudsImage1.y - cloudsImage1.sourceSize.height -(cloudsImage1.sourceSize.height / 1.844)
+                x:cloudsImage1.width / 1.844
+            }
+        // End cloudsImage1
+
+
+            //cloudsImage2
+            Image {
+                id: cloudsImage2
+                width:  sourceSize.width / 1.88
+                height: sourceSize.height / 1.88
+                opacity:{
+                    if (clouds === "Cloudy"||clouds ==="Snow"|| clouds == "Partly cloudy")
+                        1
+                    else
+                        0
+                }
+
+                            smooth: true
+                state: mainImage.state
+                x: parent.width / 2
+                y: if (state === "Shown")
+                       parent.width / 2
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2
+                Behavior on y{NumberAnimation{duration: 1400;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_2.png"
+                }
+            Image {
+                id: hangerCloud2
+                         opacity: cloudsImage2.opacity
+
+                            height: sourceSize.height /2
+                source: "artwork/"+"cloud_2_line.png"
+                y: cloudsImage2.y - cloudsImage2.sourceSize.height -(cloudsImage2.sourceSize.height / 1.14)
+                x:cloudsImage2.x + cloudsImage2.width / 2.25
+            }
+            // End cloudsImage2
+
+
+
+            //cloudsImage3
+            Image {
+                id: cloudsImage3
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if (clouds === "Cloudy"||clouds ==="Snow"||clouds == "Partly cloudy")
+                        1
+                    else
+                        0
+                }
+                smooth: true
+                state: mainImage.state
+                x: parent.width / 50
+                y: if (state === "Shown")
+                       parent.width / 2.66
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2.66
+                Behavior on y{NumberAnimation{duration: 700;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_3.png"
+                }
+            Image {
+                id: hangerCloud3
+                opacity: cloudsImage3.opacity
+                            height: sourceSize.height /2
+                source: "artwork/"+"cloud_3_line.png"
+                y: cloudsImage3.y - cloudsImage3.sourceSize.height -(cloudsImage3.sourceSize.height + cloudsImage3.height /2)
+                x:cloudsImage3.x + cloudsImage3.width / 2.25
+            }
+            // End cloudsImage3
+
+
+//////////////start rain clouds
+            //cloudsImageRain1
+            Image {
+                id: cloudsRainImage1
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if (clouds === "Rain")
+                        1
+                    else
+                        0
+                }
+
+                            smooth: true
+                state: mainImage.state
+                x: parent.width / 20
+                y: if (state === "Shown")
+                       parent.width / 2
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2
+                Behavior on y{NumberAnimation{duration: 1000;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_rain_1.png"
+                }
+            Image {
+                id: hangerCloudRain1
+                         opacity: cloudsRainImage1.opacity
+
+                            height: sourceSize.height /2
+                source: "artwork/"+"cloud_rain_1_line.png"
+                y: cloudsRainImage1.y - cloudsRainImage1.sourceSize.height -(cloudsRainImage1.sourceSize.height / 1.844)
+                x:cloudsRainImage1.width / 1.844
+            }
+            // End cloudsImageRain1
+
+
+            //cloudsImageRain2
+            Image {
+                id: cloudsImageRain2
+                width:  sourceSize.width / 1.88
+                height: sourceSize.height / 1.88
+                smooth: true
+                state: mainImage.state
+                x: parent.width / 2
+                opacity:{
+                    if (clouds === "Rain")
+                        1
+                    else
+                        0
+                }
+
+                            y: if (state === "Shown")
+                       parent.width / 2
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2
+                Behavior on y{NumberAnimation{duration: 1400;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_rain_2.png"
+                }
+            Image {
+                id: hangerCloudRain2
+                height: sourceSize.height /2
+                source: "artwork/"+"cloud_rain_2_line.png"
+                         opacity: cloudsImageRain2.opacity
+
+                            y: cloudsImageRain2.y - cloudsImageRain2.sourceSize.height -(cloudsImageRain2.sourceSize.height / 1.14)
+                x:cloudsImageRain2.x + cloudsImageRain2.width / 2.25
+            }
+            // End cloudsImageRain2
+
+
+
+            //cloudsImageRain3
+            Image {
+                id: cloudsImageRain3
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                smooth: true
+                opacity:{
+                    if (clouds === "Rain")
+                        1
+                    else
+                        0
+                }
+
+                            state: mainImage.state
+                x: parent.width / 50
+                y: if (state === "Shown")
+                       parent.width / 2.66
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2.66
+                Behavior on y{NumberAnimation{duration: 700;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_rain_3.png"
+                }
+            Image {
+                id: hangerCloudRain3
+                height: sourceSize.height /2
+                         opacity: cloudsImageRain3.opacity
+
+                            source: "artwork/"+"cloud_rain_3_line.png"
+                y: cloudsImageRain3.y - cloudsImageRain3.sourceSize.height -(cloudsImageRain3.sourceSize.height + cloudsImageRain3.height /2)
+                x:cloudsImageRain3.x + cloudsImageRain3.width / 2.25
+            }
+            // End cloudsImageRain3
+
+
+////////////////////////start Storm Clouds
+
+            //cloudsImageStrom1
+            Image {
+                id: cloudsStormImage1
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if (clouds === "Heavy rain")
+                        1
+                    else
+                        0
+                }
+                smooth: true
+                state: mainImage.state
+                x: parent.width / 20
+                y: if (state === "Shown")
+                       parent.width / 2
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2
+                Behavior on y{NumberAnimation{duration: 1000;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_storm_1.png"
+                }
+            Image {
+                id: hangerCloudStorm1
+                height: sourceSize.height /2
+                         opacity: cloudsImageTStorm1.opacity
+
+                            source: "artwork/"+"cloud_storm_1_line.png"
+                y: cloudsStormImage1.y - cloudsStormImage1.sourceSize.height -(cloudsStormImage1.sourceSize.height / 1.844)
+                x:cloudsStormImage1.width / 1.844
+            }
+            // End cloudsImageStrom1
+
+
+            //cloudsImageStrom2
+            Image {
+                id: cloudsImageStrom2
+                width:  sourceSize.width / 1.88
+                height: sourceSize.height / 1.88
+                opacity:{
+                    if (clouds === "Heavy rain")
+                        1
+                    else
+                        0
+                }
+
+                smooth: true
+                state: mainImage.state
+                x: parent.width / 2
+                y: if (state === "Shown")
+                       parent.width / 2
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2
+                Behavior on y{NumberAnimation{duration: 1400;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_storm_2.png"
+                }
+            Image {
+                id: hangerCloudStorm2
+                height: sourceSize.height /2
+                source: "artwork/"+"cloud_storm_2_line.png"
+                         opacity: cloudsImageStrom2.opacity
+
+                            y: cloudsImageStrom2.y - cloudsImageStrom2.sourceSize.height -(cloudsImageStrom2.sourceSize.height / 1.14)
+                x:cloudsImageStrom2.x + cloudsImageStrom2.width / 2.25
+            }
+            // End cloudsImageStrom2
+
+
+
+            //cloudsImageStrom3
+            Image {
+                id: cloudsImageStrom3
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                smooth: true
+                opacity:{
+                    if (clouds === "Heavy rain")
+                        1
+                    else
+                        0
+                }
+
+                state: mainImage.state
+                x: parent.width / 50
+                y: if (state === "Shown")
+                       parent.width / 2.66
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2.66
+                Behavior on y{NumberAnimation{duration: 700;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_storm_3.png"
+                }
+            Image {
+                id: hangerCloudStorm3
+             opacity: cloudsImageStrom3.opacity
+                height: sourceSize.height /2
+                source: "artwork/"+"cloud_storm_3_line.png"
+                y: cloudsImageStrom3.y - cloudsImageStrom3.sourceSize.height -(cloudsImageStrom3.sourceSize.height + cloudsImageStrom3.height /2)
+                x:cloudsImageStrom3.x + cloudsImageStrom3.width / 2.25
+            }
+            // End cloudsImageStrom3
+
+
+            //cloudsImageTStrom1
+            Image {
+                id: cloudsImageTStorm1
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if(clouds === "Rain showers")
+                        1
+                    else
+                        0
+                }                smooth: true
+                state: mainImage.state
+                x: parent.width / 20
+                y: if (state === "Shown")
+                       parent.width / 2
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2
+                Behavior on y{NumberAnimation{duration: 1000;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_tstorm_1.png"
+                }
+            Image {
+                id: hangerCloudTStorm1
+                height: sourceSize.height /2
+                source: "artwork/"+"cloud_tstorm_1_line.png"
+                 opacity: cloudsImageTStorm1.opacity
+                y: cloudsImageTStorm1.y - cloudsImageTStorm1.sourceSize.height -(cloudsImageTStorm1.sourceSize.height / 1.844)
+                x:cloudsImageTStorm1.width / 1.844
+            }
+            // End cloudsImageTStorm1
+
+
+            //cloudsImageTStorm2
+            Image {
+                id: cloudsImageTStorm2
+                width:  sourceSize.width / 1.88
+                height: sourceSize.height / 1.88
+                smooth: true
+                opacity:{
+                    if(clouds === "Rain showers")
+                        1
+                    else
+                        0
+                }
+                state: mainImage.state
+                x: parent.width / 2
+                y: if (state === "Shown")
+                       parent.width / 2
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2
+                Behavior on y{NumberAnimation{duration: 1400;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_tstorm_2.png"
+                }
+            Image {
+                id: hangerCloudTStorm2
+                height: sourceSize.height /2
+                opacity: cloudsImageTStorm2.opacity
+                source: "artwork/"+"cloud_tstorm_2_line.png"
+                y: cloudsImageTStorm2.y - cloudsImageTStorm2.sourceSize.height -(cloudsImageTStorm2.sourceSize.height / 1.14)
+                x:cloudsImageTStorm2.x + cloudsImageTStorm2.width / 2.25
+            }
+            // End cloudsImageTStorm2
+
+
+
+            //cloudsImageTStorm3
+            Image {
+                id: cloudsImageTStorm3
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if(clouds === "Rain showers")
+                        1
+                    else
+                        0
+                }
+                smooth: true
+                state: mainImage.state
+                x: parent.width / 50
+                y: if (state === "Shown")
+                       parent.width / 2.66
+                else if (state === "Hidden")
+                       -parent.width
+                else
+                       parent.width / 2.66
+                Behavior on y{NumberAnimation{duration: 700;easing.type: Easing.OutBack}}
+                source: "artwork/" + "cloud_storm_3.png"
+                }
+            Image {
+                id: hangerCloudTStorm3
+                opacity: cloudsImageTStorm3.opacity
+                height: sourceSize.height /2
+                source: "artwork/"+"cloud_storm_3_line.png"
+                y: cloudsImageTStorm3.y - cloudsImageTStorm3.sourceSize.height -(cloudsImageTStorm3.sourceSize.height + cloudsImageTStorm3.height /2)
+                x:cloudsImageTStorm3.x + cloudsImageTStorm3.width / 2.25
+            }
+            // End cloudsImageTStorm3
+
+
+
+
+
+
+//////////////// Particals and ShaderEffects for snow and rain
+
+            //Snow
+            ImageParticle {
+                id:snowImagePartical
+                opacity: {
+                    if (clouds === "Snow" && mainImage.state === "Shown" )
+                        1
+                    else
+                        0
+                }
+                Behavior on opacity{NumberAnimation{duration:400}}
+                width: parent.width
+                height: parent.width
+                x: parent.width / 20
+                y: parent.width / 1.58
+                system: snowSystem
+                source: "artwork/"+"snow_flake_01.png"
+                color: "#FFFAFA"
+                clip: true
+                alpha: 0.8
+            }
+            ParticleSystem {
+                id: snowSystem
+//                opacity: rainImagePartical.opacity
+            }
+            Emitter {
+                system: snowSystem
+                width: parent.width
+                height: parent.width
+                emitRate: 22
+                lifeSpan: 9000
+                size: parent.width / 30
+                sizeVariation:parent.width / 9
+                velocity: AngleDirection {
+                    angleVariation: 90;
+                    magnitude: 9
+                }
+                maximumEmitted: 100
+                startTime: 4000
+            }
+
+            //////////////////////////Rain
+            ImageParticle {
+                id:rainImagePartical
+                opacity: {
+                    if (clouds === "Rain" && mainImage.state === "Shown"
+                    || clouds === "Rain showers" && mainImage.state === "Shown"
+                    || clouds === "Heavy rain" && mainImage.state === "Shown")
+                        1
+                    else
+                        0
+                }
+                Behavior on opacity{NumberAnimation{duration:400}}
+                width: parent.width
+                height: parent.width / 12
+                x: parent.width / 20
+                y: parent.width / 1.58
+                system: rainSystem
+                source: "artwork/"+"rain_01.png"
+                color: "grey"
+                clip: false
+                alpha: 0.8
+            }
+            ParticleSystem {
+                id: rainSystem
+            }
+            Emitter {
+                system: rainSystem
+                width: parent.width
+                y:parent.width / 1.5
+                height: parent.width / 4
+                emitRate:{
+                    if(clouds === "Rain")
+                        120
+                    else if (clouds === "Rain showers")
+                        140
+                    else if (clouds === "Heavy rain")
+                        170
+                    else
+                        120
+                }
+                lifeSpan: 900
+                size: tab.width
+                sizeVariation:tab.width
+                velocity: AngleDirection {
+                    angleVariation: 90;
+                    magnitude: 9
+                }
+                maximumEmitted: 100
+                startTime: 4000
+            }
+
+
+
+
+
+
+
+
+
+//            ImageParticle {anchors.fill: parent ;system: particles1 ;source: "art/" ;color: "gray" ;clip: true; alpha: 0.8}
+//            ImageParticle {anchors.fill: parent ;system: particles2 ;source: "" ;color: "gray" ;clip: true; alpha: 1}
+//            ImageParticle {anchors.fill: parent ;system: particles3 ;source: "ar" ;color: "gray" ;clip: true; alpha: 0.8}
+//            ImageParticle {anchors.fill: parent ;system: particles4 ;source: "a" ;color: "gray" ;clip: true; alpha: 0.8}
+//            ImageParticle {anchors.fill: parent ;system: particles5 ;source: "a" ;color:"gray"; clip: true; alpha: .5}
+//            ImageParticle {anchors.fill: parent ;system: particles6 ;source: "art" ;color:"gray"; clip: true; alpha: .5*/}
+
+
+
+
+
+
+//            ParticleSystem { id: particles1 }Emitter {system: particles1; anchors.fill: parent ;emitRate: 1;lifeSpan: 8000 ;size: 24 ;sizeVariation: 50 ;velocity: AngleDirection { angleVariation: 180; magnitude: 10} maximumEmitted: 10 ;startTime: 2000}
+//            ParticleSystem { id: particles2 }Emitter {system: particles2; anchors.fill: parent ;emitRate: 3;lifeSpan: 10000 ;size: 24 ;sizeVariation: 50 ;velocity: AngleDirection { angleVariation: 180; magnitude: 12 } maximumEmitted: 9 ;startTime: 5000}
+//            ParticleSystem { id: particles3 }Emitter {system: particles3; anchors.fill: parent ;emitRate: 15;lifeSpan: 9000 ;size: 24 ;sizeVariation: 50 ;velocity: AngleDirection { angleVariation: 180; magnitude: 7 } maximumEmitted: 20 ;startTime: 5000}
+//            ParticleSystem { id: particles4 }Emitter {system: particles4; anchors.fill: parent ;emitRate: 2;lifeSpan: 9000 ;size: 24 ;sizeVariation: 25 ;velocity: AngleDirection { angleVariation: 180; magnitude: 7 } maximumEmitted: 20 ;startTime: 5000}
+//            ParticleSystem { id: particles5 }Emitter {system: particles5; anchors.fill: parent ;emitRate: 2;lifeSpan: 4000 ;size: 32 ;sizeVariation: 40 ;velocity: AngleDirection { angleVariation: 180; magnitude: 12 } maximumEmitted: 17 ;startTime: 5000}
+//            ParticleSystem { id: particles6 }Emitter {system: particles6; anchors.fill: parent ;emitRate: 2;lifeSpan: 4000 ;size: 32 ;sizeVariation: 40 ;velocity: AngleDirection { angleVariation: 180; magnitude: 12 } maximumEmitted: 4 ;startTime: 5000}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//////////////////////////////////// This is Details
+            Rectangle{
+                id:detailsSlider
+                width: separator1.width
+                height: separator1.width * 1.5
+                color: "#88000000"
+                state: "Hidden"
+                x: state === "Hidden" ? -separator1.width * 2 : 0
+                Behavior on x{NumberAnimation{duration: 1200; easing.type: Easing.OutBack}}
+                Text {
+                    id: conditions
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Conditions: </b>"+clouds
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:detailsSlider.top
+                        topMargin:40  //detailsSlider.width / 2
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+                Text {
+                    id: humidityText
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Wind Speed: </b>" + windSpeed + "  \("+ windSpeedMPS +" Miles Per Second \) "
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:conditions.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }Text {
+                    id: dewPointTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Wind Direction: </b>" + windDirection
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:humidityText.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+
+                Text {
+                    id: presureTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Pressure: </b>"+pressure
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:dewPointTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }  Text {
+                    id: timeFromTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Staring Observation Time: </b>"+timeFrom
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:presureTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }  Text {
+                    id: timeToTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Ending Observation Time: </b>"+timeTo
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:timeFromTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+                Text {
+                    id: sunRiseTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Sun Rise: </b>"+sunRise
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:timeToTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+                Text {
+                    id: sunSetTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Sun Set: </b>"+sunSet
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:sunRiseTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+                UbuntuShape{
+                    id:saveButton
+                    width: separator1.width / 3
+                    height: separator1.width / 8
+                    color:"grey"
+                    x: 0
+                    y: parent.width + (height*1.3)
+                }Text {
+                    id:detailsSaveButtonTxt
+                    color:"#92FFFFFF"
+                    anchors.centerIn: saveButton
+                    text: "Save as Favorite"
+                }MouseArea{
+                    anchors.fill: detailsSaveButtonTxt
+                    onClicked: {
+                        DataBase.createInitHomeTable()
+                        DataBase.truncateHome()
+                        DataBase.insertIntoTable()
+                        console.log(
+                                      DataBase.homeCountry() + "\n"
+                                    + DataBase.homeState() + "\n"
+                                    + DataBase.homeCity() +"\n"
+                                    + serie.countryName + "\n"
+                                    + serie.adminName1 +"\n"
+                                    + serie.name
+
+                                    )
+                    }
+
+             }
+
+            }
+
+
+
+
+            // Details Button
+            UbuntuShape{
+                id:detailsButton
+                width: separator1.width / 3
+                height: separator1.width / 8
+                color:"grey"
+                x: parent.width - width
+                y: parent.width + (height*1.3)
+            }Text {
+                id:detailsButtonTxt
+                color:"#92FFFFFF"
+                anchors.centerIn: detailsButton
+                text: "details"
+            }MouseArea{
+                anchors.fill: detailsButtonTxt
+                onClicked: {
+                    if (detailsSlider.state === "Hidden"){
+                        detailsSlider.x = 0
+                        detailsSlider.state = "Shown"
+                    } else{
+                        detailsSlider.x = -separator1.width * 2
+                        detailsSlider.state = "Hidden"
+                    }
+
+
+                }
+            }
+
+
+        }//Item
+
+
+
+
+
+
+    }//ListView
+    XmlListModel {
+        id: homeModel
+        function loadthis(){
+         return "http://www.yr.no/place/"+DataBase.homeCountry()+"/"+DataBase.homeState()+"/"+DataBase.homeCity()+"/forecast.xml"
+        }
+        source:loadthis()
+        query: "/weatherdata"
+        XmlRole { name: "timezone"; query: "location/type/string()"}
+        XmlRole { name: "timeFrom"; query: "forecast/tabular/time[1]/@from/string()"}
+        XmlRole { name: "timeTo"; query: "forecast/tabular/time[1]/@to/string()"}
+        XmlRole { name: "observationTime"; query: "forecast/tabular/time[1]/string()"}
+        XmlRole { name: "temperature"; query: "forecast/tabular/time[1]/temperature/@value/string()" }
+        XmlRole { name: "precipitation"; query: "forecast/tabular/time[1]/precipitation/@value/string()" }
+        XmlRole { name: "clouds"; query: "forecast/tabular/time[1]/symbol/@name/string()" }
+        XmlRole { name: "windDirection"; query: "forecast/tabular/time[1]/windDirection/@name/string()" }
+        XmlRole { name: "windSpeed"; query: "forecast/tabular/time[1]/windSpeed/@name/string()" }
+        XmlRole { name: "windSpeedMPS"; query: "forecast/tabular/time[1]/windSpeed/@mps/string()" }
+        XmlRole { name: "pressure"; query: "forecast/tabular/time[1]/pressure/@value/string()" }
+        XmlRole { name: "sunRise"; query: "sun/@rise/string()"  }
+        XmlRole { name: "sunSet"; query: "sun/@set/string()"  }
+        XmlRole { name: "weatherCondition"; query: "forecast/tabular/string()"}
+        XmlRole { name: "status"; query: "forecast/tabular/string()" }
+        XmlRole { name:"creditTXT"; query: "credit/link/@text/string()"}
+        XmlRole { name:"creditURL"; query: "credit/link/@url/string()"}
+        onStatusChanged: {
+            if (status == XmlListModel.Ready){
+                console.log("Home Loaded")
+            }
+            if (status == XmlListModel.Loading){
+                console.log("Home Loading")
+            }
+            if (status == XmlListModel.Error)
+                console.log("Home Error" + errorString());
+        }
+    }
+
+
+}//Item
 
=== added file 'Main.qml'
--- Main.qml	1970-01-01 00:00:00 +0000
+++ Main.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,18 @@
+import QtQuick 2.0
+import Ubuntu.Components 0.1
+import "common" as Con
+FocusScope{
+    id:shellaroo
+    width: units.gu(50)
+    height: units.gu(75)
+    Rectangle {
+        objectName: "weather"
+        width: units.gu(50)
+        height: units.gu(75)
+        Con.Tabs {
+            id: tabs
+            anchors.fill: parent
+
+        }
+    }
+}
 
=== removed file 'README'
--- README	2013-02-12 16:18:48 +0000
+++ README	1970-01-01 00:00:00 +0000
@@ -1,1 +0,0 @@
-this is an example README file.
 
=== added file 'StartHere.qml'
--- StartHere.qml	1970-01-01 00:00:00 +0000
+++ StartHere.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,158 @@
+import QtQuick 2.0
+import "common"
+import "examples"
+import Ubuntu.Components 0.1
+import QtQuick.XmlListModel 2.0
+
+Rectangle {
+    id: page
+    width:  parent.width; height: parent.height
+    color: "transparent"
+    property string currentSearchString: ""
+//    Component.onCompleted: { searchBar.focus = true }
+    Text {
+        id: searchHeader
+        text: qsTr("  Location")
+        font.family: "Ubuntu"
+        color: "#92FFFFFF"
+        font.pixelSize: 22
+        opacity: searchBar.anchors.top === parent.bottom ? 0 : 1
+        Behavior on opacity{ NumberAnimation{duration: 1200 ;easing.type: Easing.OutQuart}}
+        anchors{
+            top: parent.top
+            topMargin:searchBar.height + 20
+        }
+    }
+    SearchBar {
+        id: searchBar
+        width: parent.width
+        height:80
+        KeyNavigation.down: listView
+        anchors{
+            top: searchHeader.bottom
+
+        }
+        onSearch: {
+            currentSearchString = text;
+            feedModel.newSearch(text);
+//            forTWC = text
+        }
+    }
+    GridView {
+        id: listView
+        width: parent.width -10
+        cacheBuffer: 687
+        anchors{
+            top: searchBar.bottom;
+            topMargin: 5
+            bottom: parent.bottom
+        }
+        contentHeight: 10
+        contentWidth: parent.width
+        cellHeight: parent.height / 4
+        cellWidth:parent.width
+        clip: true
+//        highlight: feedModel
+        model: GetLatLongModel {
+            id: feedModel;
+            source: ''
+            onStatusChanged: {
+                if (status == XmlListModel.Loading){
+                    progresDialog.text = "Searching '" + currentSearchString + "'";
+                    page.state = 'Loading';
+                } else {
+                    page.state = '';
+                }
+            }
+        }
+        delegate: GetLatLongDelegate {
+            id:feedDelegate
+            onClicked:  {
+                serieDelegate.loadDetails(countryName,adminName1,name);
+                page.state = 'Serie';
+            }
+        }
+    }
+    UbuntuShape{
+        id:backButton
+        width: parent.width / 3
+        height: parent.width / 8
+        color: "grey"
+        visible: searchBar.anchors.top === searchHeader.bottom ? false : true
+        anchors{
+            left:parent.left
+            bottom: parent.bottom
+        }
+    }
+    MouseArea{
+        id:backButtonMouseArea
+        anchors.fill: backButton
+        onClicked: {
+//            searchBar.anchors.top = searchHeader.bottom
+            page.state = 'base state'
+            serieDelegate.opacity = 0
+            searchBar.anchors.top = searchHeader.bottom
+
+        }
+    }
+    Text {
+        id: backButtonTxt
+        text: qsTr("back")
+        font.family: "Ubuntu"
+        color: "#92FFFFFF"
+        visible: backButton.visible === true ? true : false
+        anchors.centerIn: backButtonMouseArea
+    }
+    WeatherDelegate{
+        id: serieDelegate
+        opacity: 0.0
+        state: opacity === 0.0
+        anchors.fill: parent
+        Behavior on x { NumberAnimation { from:listView.currentItem.x; to: 0; duration: 1000 }}
+        Behavior on height { NumberAnimation { from: listView.currentItem.height; to: page.height; duration: 1000 }}
+    }
+
+    ProgressDialog {
+        id: progresDialog;
+        visible: false;
+        anchors {
+            horizontalCenter: parent.horizontalCenter
+            verticalCenter: parent.verticalCenter
+        }
+    }
+
+    states: [
+        State {
+            name: "Serie"
+            PropertyChanges {
+                target: serieDelegate
+                opacity: 1.0
+            }
+
+            PropertyChanges {
+                target: listView
+                opacity: 0.0
+            }
+            AnchorChanges {
+                target: searchBar
+                anchors.top: parent.bottom
+                //                anchors.top: parent.top
+            }
+        },
+        State {
+            name: "Loading"
+            PropertyChanges {
+                target: progresDialog
+                visible: true
+            }
+        }
+    ]
+
+    transitions: [
+        Transition {
+            PropertyAnimation { properties: "opacity"; duration: 300}
+            AnchorAnimation { duration: 300 }
+        }
+    ]
+}
+
 
=== added directory 'artwork'
=== added file 'artwork/[e-mail]'
 Binary files artwork/[e-mail]	1970-01-01 00:00:00 +0000 and artwork/[e-mail]	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/background_sheen.png'
 Binary files artwork/background_sheen.png	1970-01-01 00:00:00 +0000 and artwork/background_sheen.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/centigrades.png'
 Binary files artwork/centigrades.png	1970-01-01 00:00:00 +0000 and artwork/centigrades.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_1.png'
 Binary files artwork/cloud_1.png	1970-01-01 00:00:00 +0000 and artwork/cloud_1.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_1_line.png'
 Binary files artwork/cloud_1_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_1_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_2.png'
 Binary files artwork/cloud_2.png	1970-01-01 00:00:00 +0000 and artwork/cloud_2.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_2_line.png'
 Binary files artwork/cloud_2_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_2_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_3.png'
 Binary files artwork/cloud_3.png	1970-01-01 00:00:00 +0000 and artwork/cloud_3.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_3_line.png'
 Binary files artwork/cloud_3_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_3_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_rain_1.png'
 Binary files artwork/cloud_rain_1.png	1970-01-01 00:00:00 +0000 and artwork/cloud_rain_1.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_rain_1_line.png'
 Binary files artwork/cloud_rain_1_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_rain_1_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_rain_2.png'
 Binary files artwork/cloud_rain_2.png	1970-01-01 00:00:00 +0000 and artwork/cloud_rain_2.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_rain_2_line.png'
 Binary files artwork/cloud_rain_2_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_rain_2_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_rain_3.png'
 Binary files artwork/cloud_rain_3.png	1970-01-01 00:00:00 +0000 and artwork/cloud_rain_3.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_rain_3_line.png'
 Binary files artwork/cloud_rain_3_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_rain_3_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_storm_1.png'
 Binary files artwork/cloud_storm_1.png	1970-01-01 00:00:00 +0000 and artwork/cloud_storm_1.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_storm_1_line.png'
 Binary files artwork/cloud_storm_1_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_storm_1_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_storm_2.png'
 Binary files artwork/cloud_storm_2.png	1970-01-01 00:00:00 +0000 and artwork/cloud_storm_2.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_storm_2_line.png'
 Binary files artwork/cloud_storm_2_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_storm_2_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_storm_3.png'
 Binary files artwork/cloud_storm_3.png	1970-01-01 00:00:00 +0000 and artwork/cloud_storm_3.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_storm_3_line.png'
 Binary files artwork/cloud_storm_3_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_storm_3_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_tstorm_1.png'
 Binary files artwork/cloud_tstorm_1.png	1970-01-01 00:00:00 +0000 and artwork/cloud_tstorm_1.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_tstorm_1_line.png'
 Binary files artwork/cloud_tstorm_1_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_tstorm_1_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_tstorm_2.png'
 Binary files artwork/cloud_tstorm_2.png	1970-01-01 00:00:00 +0000 and artwork/cloud_tstorm_2.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cloud_tstorm_2_line.png'
 Binary files artwork/cloud_tstorm_2_line.png	1970-01-01 00:00:00 +0000 and artwork/cloud_tstorm_2_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cold_sun.png'
 Binary files artwork/cold_sun.png	1970-01-01 00:00:00 +0000 and artwork/cold_sun.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/cold_sun_line.png'
 Binary files artwork/cold_sun_line.png	1970-01-01 00:00:00 +0000 and artwork/cold_sun_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/division_line.png'
 Binary files artwork/division_line.png	1970-01-01 00:00:00 +0000 and artwork/division_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/fahrenheit.png'
 Binary files artwork/fahrenheit.png	1970-01-01 00:00:00 +0000 and artwork/fahrenheit.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/fog.png'
 Binary files artwork/fog.png	1970-01-01 00:00:00 +0000 and artwork/fog.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/haze.png'
 Binary files artwork/haze.png	1970-01-01 00:00:00 +0000 and artwork/haze.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/moon.png'
 Binary files artwork/moon.png	1970-01-01 00:00:00 +0000 and artwork/moon.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/moon_line.png'
 Binary files artwork/moon_line.png	1970-01-01 00:00:00 +0000 and artwork/moon_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/na_icon.png'
 Binary files artwork/na_icon.png	1970-01-01 00:00:00 +0000 and artwork/na_icon.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/na_icon_line.png'
 Binary files artwork/na_icon_line.png	1970-01-01 00:00:00 +0000 and artwork/na_icon_line.png	2013-02-18 17:43:29 +0000 differ
=== added directory 'artwork/pics'
=== added file 'artwork/pics/clear.png'
 Binary files artwork/pics/clear.png	1970-01-01 00:00:00 +0000 and artwork/pics/clear.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/indicator.png'
 Binary files artwork/pics/indicator.png	1970-01-01 00:00:00 +0000 and artwork/pics/indicator.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/lineedit-bg-focus.png'
 Binary files artwork/pics/lineedit-bg-focus.png	1970-01-01 00:00:00 +0000 and artwork/pics/lineedit-bg-focus.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/lineedit-bg.png'
 Binary files artwork/pics/lineedit-bg.png	1970-01-01 00:00:00 +0000 and artwork/pics/lineedit-bg.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/moreDown.png'
 Binary files artwork/pics/moreDown.png	1970-01-01 00:00:00 +0000 and artwork/pics/moreDown.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/moreDownW.png'
 Binary files artwork/pics/moreDownW.png	1970-01-01 00:00:00 +0000 and artwork/pics/moreDownW.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/moreUp.png'
 Binary files artwork/pics/moreUp.png	1970-01-01 00:00:00 +0000 and artwork/pics/moreUp.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/moreUpW.png'
 Binary files artwork/pics/moreUpW.png	1970-01-01 00:00:00 +0000 and artwork/pics/moreUpW.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/star_off.gif'
 Binary files artwork/pics/star_off.gif	1970-01-01 00:00:00 +0000 and artwork/pics/star_off.gif	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/pics/star_on.gif'
 Binary files artwork/pics/star_on.gif	1970-01-01 00:00:00 +0000 and artwork/pics/star_on.gif	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/rainDrop.png'
 Binary files artwork/rainDrop.png	1970-01-01 00:00:00 +0000 and artwork/rainDrop.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/rain_01.png'
 Binary files artwork/rain_01.png	1970-01-01 00:00:00 +0000 and artwork/rain_01.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/rain_02.png'
 Binary files artwork/rain_02.png	1970-01-01 00:00:00 +0000 and artwork/rain_02.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/rain_03.png'
 Binary files artwork/rain_03.png	1970-01-01 00:00:00 +0000 and artwork/rain_03.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/search_background.png'
 Binary files artwork/search_background.png	1970-01-01 00:00:00 +0000 and artwork/search_background.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/search_icon.png'
 Binary files artwork/search_icon.png	1970-01-01 00:00:00 +0000 and artwork/search_icon.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake.png'
 Binary files artwork/snow_flake.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_01.png'
 Binary files artwork/snow_flake_01.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_01.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_02.png'
 Binary files artwork/snow_flake_02.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_02.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_03.png'
 Binary files artwork/snow_flake_03.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_03.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_04.png'
 Binary files artwork/snow_flake_04.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_04.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_05.png'
 Binary files artwork/snow_flake_05.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_05.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_06.png'
 Binary files artwork/snow_flake_06.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_06.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_07.png'
 Binary files artwork/snow_flake_07.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_07.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_08.png'
 Binary files artwork/snow_flake_08.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_08.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/snow_flake_09.png'
 Binary files artwork/snow_flake_09.png	1970-01-01 00:00:00 +0000 and artwork/snow_flake_09.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/star_01.png'
 Binary files artwork/star_01.png	1970-01-01 00:00:00 +0000 and artwork/star_01.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/star_02.png'
 Binary files artwork/star_02.png	1970-01-01 00:00:00 +0000 and artwork/star_02.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/star_03.png'
 Binary files artwork/star_03.png	1970-01-01 00:00:00 +0000 and artwork/star_03.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/storm_01.png'
 Binary files artwork/storm_01.png	1970-01-01 00:00:00 +0000 and artwork/storm_01.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/storm_02.png'
 Binary files artwork/storm_02.png	1970-01-01 00:00:00 +0000 and artwork/storm_02.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/storm_03.png'
 Binary files artwork/storm_03.png	1970-01-01 00:00:00 +0000 and artwork/storm_03.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/storm_04.png'
 Binary files artwork/storm_04.png	1970-01-01 00:00:00 +0000 and artwork/storm_04.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/storm_05.png'
 Binary files artwork/storm_05.png	1970-01-01 00:00:00 +0000 and artwork/storm_05.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/sun.png'
 Binary files artwork/sun.png	1970-01-01 00:00:00 +0000 and artwork/sun.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/sun_line.png'
 Binary files artwork/sun_line.png	1970-01-01 00:00:00 +0000 and artwork/sun_line.png	2013-02-18 17:43:29 +0000 differ
=== added file 'artwork/thunder.png'
 Binary files artwork/thunder.png	1970-01-01 00:00:00 +0000 and artwork/thunder.png	2013-02-18 17:43:29 +0000 differ
=== removed file '[e-mail]'
 Binary files [e-mail]	2013-02-12 16:18:48 +0000 and [e-mail]	1970-01-01 00:00:00 +0000 differ
=== added directory 'common'
=== added file 'common/Tabs.qml'
--- common/Tabs.qml	1970-01-01 00:00:00 +0000
+++ common/Tabs.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,23 @@
+import QtQuick 2.0
+import Ubuntu.Components 0.1
+import Ubuntu.Components.ListItems 0.1 as ListItem
+Templets{
+    id:tempThis
+    showHeader: false
+    Tabs {
+        ItemStyle.class: "new-tabs"
+        id: tabs
+        Tab {
+            title: i18n.tr("Weather")
+            page: Qt.resolvedUrl("../Home.qml")
+        }
+        Tab {
+            title: i18n.tr("Search")
+            page: Qt.resolvedUrl("../StartHere.qml")
+        }
+        Tab{
+            title: "TWC"
+         page: Qt.resolvedUrl("../examples/TWC.qml")
+        }
+    }
+}
 
=== added file 'common/Templets.qml'
--- common/Templets.qml	1970-01-01 00:00:00 +0000
+++ common/Templets.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,88 @@
+/*
+ * Copyright 2012 Canonical Ltd.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU Lesser General Public License as published by
+ * the Free Software Foundation; version 3.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Lesser General Public License for more details.
+ *
+ * You should have received a copy of the GNU Lesser General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import QtQuick 2.0
+import Ubuntu.Components 0.1
+
+Rectangle {
+    id: template
+
+    width: units.gu(100)
+    height: units.gu(75)
+
+    property string title
+    default property Item content
+
+    property bool showHeader: true
+
+    onContentChanged: {
+        content.parent = page
+        content.anchors.top = header.bottom
+        content.anchors.bottom = page.bottom
+        content.anchors.left = page.left
+        content.anchors.right = page.right
+    }
+
+    color: "#C7C7C7"
+
+
+    Item {
+        id: page
+
+        parent: template
+        anchors {
+            fill: parent
+            margins: template.showHeader ? units.gu(4) : units.gu(2)
+        }
+
+        Binding {
+            target: content.anchors
+            property: "topMargin"
+            value: page.anchors.margins
+        }
+
+        Item {
+            id: header
+            height: visible ? childrenRect.height : 0
+            anchors {
+                left: parent.left
+                right: parent.right
+            }
+            visible: template.showHeader
+
+            Label {
+                id: title
+                ItemStyle.class: "title"
+                text: template.title
+            }
+
+            Rectangle {
+                id: underline
+
+                anchors {
+                    top: title.bottom
+                    topMargin: units.gu(0.5)
+                    left: parent.left
+                    right: parent.right
+                }
+                height: units.dp(1)
+                color: "#38772953"
+            }
+        }
+    }
+}
+
+
 
=== added file 'common/Utils.js'
--- common/Utils.js	1970-01-01 00:00:00 +0000
+++ common/Utils.js	2013-02-18 17:43:29 +0000
@@ -0,0 +1,155 @@
+.pragma library
+function nightOrDay(){
+    var now =  Qt.formatDateTime(new Date(),"hh")
+ if (now <= 17 && now >= 05)
+     return "day"
+ else
+     return "night"
+}
+var observationTime = ""
+var dir = "../artwork/"
+var homeDir = "artwork/"
+var x = "weatherCondition"
+var cutMe = observationTime.substring(observationTime.lastIndexOf(":")-5)
+
+function cut1ObTime(string){
+string.substring(string.lastIndexOf(":")-5)
+}
+
+function fromIso8601(date) {
+    var timestamp, struct, minutesOffset = 0;
+    var numericKeys = [ 1, 4, 5, 6, 7, 10, 11 ];
+
+    // ES5 §15.9.4.2 states that the string should attempt to be parsed as a Date Time String Format string
+    // before falling back to any implementation-specific date parsing, so that’s what we do, even if native
+    // implementations could be faster
+    //              1 YYYY                2 MM       3 DD           4 HH    5 mm       6 ss        7 msec        8 Z 9 ±    10 tzHH    11 tzmm
+    if ((struct = /^(\d{4}|[+\-]\d{6})(?:-(\d{2})(?:-(\d{2}))?)?(?:T(\d{2}):(\d{2})(?::(\d{2})(?:\.(\d{3}))?)?(?:(Z)|([+\-])(\d{2})(?::(\d{2}))?)?)?$/.exec(date))) {
+        // avoid NaN timestamps caused by “undefined” values being passed to Date.UTC
+        for (var i = 0, k; (k = numericKeys[i]); ++i) {
+            struct[k] = +struct[k] || 0;
+        }
+
+        // allow undefined days and months
+        struct[2] = (+struct[2] || 1) - 1;
+        struct[3] = +struct[3] || 1;
+
+        if (struct[8] !== 'Z' && struct[9] !== undefined) {
+            minutesOffset = struct[10] * 60 + struct[11];
+
+            if (struct[9] === '+') {
+                minutesOffset = 0 - minutesOffset;
+            }
+        }
+
+        timestamp = Date.UTC(struct[1], struct[2], struct[3], struct[4], struct[5] + minutesOffset, struct[6], struct[7]);
+        return new Date(timestamp);
+    }
+    else return null;
+}
+
+
+
+
+
+//Most of this is adopted from QtMediaHub and also from weather.qml
+var folder = "../../artwork/"
+function fahrenheit2celsius(f) {
+    return ((f-32)*5/9.0).toFixed(0);
+}
+
+//function mapToImages(weatherCondition)
+//     if (typeof weatherCondition != "undefined") {
+//         var map = {
+//             "light rain" : "rain_1.png",
+//             "sunny" : "sun.png",
+//             "mostly_sunny" : "MostlySunny.qml",
+//             "partly_cloudy" : "PartlyCloudy.qml",
+//             "mostly_cloudy" : "MostlyCloudy.qml",
+//             "chance_of_storm" : "Storm.qml",
+//             "showers" : "Rain.qml",
+//             "rain" : "Rain.qml",
+//             "chance_of_snow" : "na_icon.png",
+//             "cloudy" : "MostlyCloudy.qml",
+//             "mist" : "Mist.qml",
+//             "storm" : "Storm.qml",
+//             "thunderstorm" : "Thunderstorm.qml",
+//             "chance_of_tstorm" : "Thunderstorm.qml",
+//             "sleet" : "na_icon.png",
+//             "snow" : "na_icon.png",
+//             "icy" : "na_icon.png",
+//             "dust" : "na_icon.png",
+//             "fog" : "Fog.qml",
+//             "smoke" : "UnknownForecast.qml",
+//             "haze" : "haze.png",
+//             "flurries" : "na_icon.png"
+//         }
+//         var tmp = "UnknownForecast.qml";
+//         var slice = name.substring(weatherCondition.lastIndexOf("/")+1,weatherCondition.lastIndexOf("."));
+
+//         if (map[slice])
+//             tmp = map[slice]
+
+//         return "../forecasts/"+tmp;
+//     }
+//    return "../forecasts/UnknownForecast.qml";
+// }
+
+
+
+
+//function mapToFile(weatherCondition) {
+//    if (typeof weatherCondition != "undefined") {
+//        var map = {
+//            "chance_of_rain" : "Rain.qml",
+//            "sunny" : "Sunny.qml",
+//            "mostly_sunny" : "MostlySunny.qml",
+//            "partly_cloudy" : "PartlyCloudy.qml",
+//            "mostly_cloudy" : "MostlyCloudy.qml",
+//            "chance_of_storm" : "Storm.qml",
+//            "showers" : "Rain.qml",
+//            "rain" : "Rain.qml",
+//            "chance_of_snow" : "UnknownForecast.qml",
+//            "cloudy" : "MostlyCloudy.qml",
+//            "mist" : "Mist.qml",
+//            "storm" : "Storm.qml",
+//            "thunderstorm" : "Thunderstorm.qml",
+//            "chance_of_tstorm" : "Thunderstorm.qml",
+//            "sleet" : "UnknownForecast.qml",
+//            "snow" : "UnknownForecast.qml",
+//            "icy" : "UnknownForecast.qml",
+//            "dust" : "UnknownForecast.qml",
+//            "fog" : "Fog.qml",
+//            "smoke" : "UnknownForecast.qml",
+//            "haze" : "Haze.qml",
+//            "flurries" : "UnknownForecast.qml"
+//        }
+
+//        var tmp = "UnknownForecast.qml";
+//        var slice = name.substring(weatherCondition.lastIndexOf("/")+1,weatherCondition.lastIndexOf("."));
+
+//        if (map[slice])
+//            tmp = map[slice]
+
+//        return "../forecasts/"+tmp;
+//    }
+//   return "../forecasts/UnknownForecast.qml";
+//}
+
+//function stripLast5(string) {
+//    return (string.substr(0, string.length-5))
+//}
+
+//function loadForecastQml() {
+//    if (weatherMeasurements.count > 0) {
+//        forecastLoader.source = ""
+//        forecastLoader.source = mapToFile(weatherMeasurements.get(0).icon)
+//    }
+//}
+//if (typeof info != "undefined" && typeof info.current_date_time != "undefined") {
+//    var date_time = info.current_date_time;
+//    var slice = date_time.substring(date_time.indexOf(" ")+1,date_time.indexOf(":"));
+//    item.isDay = slice > 18 || slice < 6 ? false : true;
+//} else {
+//    item.isDay = true;
+//}
 
=== added file 'common/dbUtils.js'
--- common/dbUtils.js	1970-01-01 00:00:00 +0000
+++ common/dbUtils.js	2013-02-18 17:43:29 +0000
@@ -0,0 +1,243 @@
+//DataBase Stuff IE Adding and remove deleting database Functions
+//Table Options For DateBase IE add to table Select from table ect.
+var number = 1
+var text = ""
+var countryTXT = ""
+var locationTXT = ""
+var cityTXT = ""
+function homeDatabase() {
+     return LocalStorage.openDatabaseSync("weather_app_home", "1.0", "StorageDatabase", 1000000);
+}
+function createInitDatabase(){
+var db = homeDatabase();
+    db.transaction(
+                function(tx){
+                    tx.executeSql('CREATE database IF NOT EXISTS weather_app_home')
+                }
+    )
+}
+function insertIntoTable() {
+    var db = homeDatabase();
+    db.transaction(
+        function(tx) {
+            tx.executeSql('INSERT INTO weather_api_home VALUES(?, ?, ?, ?)', ['1',encodeURI(serie.countryName), encodeURI(serie.adminName1) ,encodeURI(serie.name) ]);
+        }
+    )
+}
+function createInitHomeTable() {
+    var db = homeDatabase();
+    db.transaction(
+        function(tx) {
+            tx.executeSql('CREATE TABLE IF NOT EXISTS weather_api_home(WD_1 INT ,Country TEXT,State TEXT,City TEXT)');
+        }
+    )
+}
+
+//function truncateWD(){
+//    var db = homeDatabase();
+//    db.transaction(
+//                function(tx){
+//                    tx.executeSql('DELETE WD_1 FROM weather_api_home WHERE WD_1=1')
+//                }
+//         )
+//}
+function truncateHome(){
+    var db = homeDatabase();
+    db.transaction(
+                function(tx){
+                    tx.executeSql('DELETE FROM weather_api_home WHERE WD_1=1')
+                }
+         )
+}
+//function truncateState(){
+//    var db = homeDatabase();
+//    db.transaction(
+//                function(tx){
+//                    tx.executeSql('DELETE State FROM weather_api_home WHERE WD_1=1')
+//                }
+//         )
+//}
+//function truncateCity(){
+//    var db = homeDatabase();
+//    db.transaction(
+//                function(tx){
+//                    tx.executeSql('DELETE City FROM weather_api_home WHERE WD_1=1')
+//                }
+//         )
+//}
+function homeCountry() {
+    var db = homeDatabase();
+    db.transaction(
+        function(tx) {
+            var rs = tx.executeSql('SELECT * FROM weather_api_home');
+            var r = ""
+            for(var i = 0; i < rs.rows.length; i++) {
+                r += rs.rows.item(i).Country
+            }
+            text = r }
+        )
+return text
+}
+
+function homeState() {
+    var db = homeDatabase();
+    db.transaction(
+        function(tx) {
+            var rs = tx.executeSql('SELECT * FROM weather_api_home');
+            var r = ""
+            for(var i = 0; i < rs.rows.length; i++) {
+                r += rs.rows.item(i).State }
+            text = r })
+    return text
+}
+
+
+function homeCity() {
+    var db = homeDatabase();
+    db.transaction(
+        function(tx) {
+            var rs = tx.executeSql('SELECT * FROM weather_api_home');
+            var r = ""
+            for(var i = 0; i < rs.rows.length; i++) {
+                r += rs.rows.item(i).City }
+            text = r })
+    return text
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+function showAllWeatherNoINT() {
+    var db = homeDatabase();
+    db.transaction(
+        function(tx) {
+            // Show all added greetings
+            var rs = tx.executeSql('SELECT Country,State,Cite FROM WEATHERAPI');
+            var r = ""
+            for(var i = 0; i < rs.rows.length; i++) {
+                r += rs.rows.item(i).salutation + ", " + rs.rows.item(i).salutee + "\n"
+            }
+            text = r
+        }
+    )
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/////////////////////////////////// FOR favorite
+//function createInitDatabase(){
+//var db = getDatabase();
+//    db.transaction(
+//                function(tx){
+//                    tx.executeSql('CREATE database IF NOT EXISTS weather_app')
+//                }
+//    )
+//}
+
+//function createInitTable() {
+//    var db = getDatabase();
+//    db.transaction(
+//        function(tx) {
+//            tx.executeSql('CREATE TABLE IF NOT EXISTS WEATHERAPI(Country TEXT,State TEXT,City TEXT)');
+//        }
+//    )
+//}
+
+//function insertIntoTable() {
+//    var db = getDatabase();
+//    db.transaction(
+//        function(tx) {
+//            tx.executeSql('INSERT INTO WEATHERAPI VALUES(?, ?, ?)', [countryTXT, locationTXT,cityTXT ]);
+//        }
+//    )
+//}
+
+
+//function truncateTable(){
+//    var db = getDatabase();
+//    db.transaction(
+//                function(tx){
+//                tx.executeSql('DELETE * FROM WEATHERAPI')
+//                }
+//         )
+//}
+
+//function showAllDbTable() {
+//    var db = getDatabase();
+//    db.transaction(
+//        function(tx) {
+//            // Show all added greetings
+//            var rs = tx.executeSql('SELECT * FROM WEATHERAPI');
+//            var r = ""
+//            for(var i = 0; i < rs.rows.length; i++) {
+//                r += rs.rows.item(i).salutation + ", " + rs.rows.item(i).salutee + "\n"
+//            }
+//            text = r
+//        }
+//    )
+//}
+
+//function showAllWeatherNoINT() {
+//    var db = getDatabase();
+//    db.transaction(
+//        function(tx) {
+//            // Show all added greetings
+//            var rs = tx.executeSql('SELECT Country,State,Cite FROM WEATHERAPI');
+//            var r = ""
+//            for(var i = 0; i < rs.rows.length; i++) {
+//                r += rs.rows.item(i).salutation + ", " + rs.rows.item(i).salutee + "\n"
+//            }
+//            text = r
+//        }
+//    )
+//}
 
=== removed directory 'debian'
=== removed file 'debian/changelog'
--- debian/changelog	2013-02-12 16:27:32 +0000
+++ debian/changelog	1970-01-01 00:00:00 +0000
@@ -1,5 +0,0 @@
-ubuntu-weather-app (0.1) raring; urgency=low
-
-  * Initial release
-
- -- Michael Hall <[e-mail]>  Mon, 11 Feb 2013 16:04:00 -0500
 
=== removed file 'debian/compat'
--- debian/compat	2013-02-12 16:18:48 +0000
+++ debian/compat	1970-01-01 00:00:00 +0000
@@ -1,1 +0,0 @@
-8
 
=== removed file 'debian/control'
--- debian/control	2013-02-12 16:27:32 +0000
+++ debian/control	1970-01-01 00:00:00 +0000
@@ -1,18 +0,0 @@
-Source: ubuntu-weather-app
-Priority: extra
-Maintainer: Ugo Riboni <[e-mail]>
-Build-Depends: debhelper (>= 8.0.0), 
-Standards-Version: 3.9.3
-Section: misc
-Homepage: https://launchpad.net/ubuntu-weather-app
-
-Package: ubuntu-weather-app
-Section: misc
-Architecture: any
-Depends: ${shlibs:Depends}, ${misc:Depends},
-         qmlscene,
-         qt-components-ubuntu,
-         qtdeclarative5-qtquick2-plugin
-Description: Weather application
- Core Weather application
-
 
=== removed file 'debian/copyright'
--- debian/copyright	2013-02-12 16:27:32 +0000
+++ debian/copyright	1970-01-01 00:00:00 +0000
@@ -1,45 +0,0 @@
-Format: http://dep.debian.net/deps/dep5
-Upstream-Name: ubuntu-weather-app
-Source:
-
-Files: *
-Copyright: 2013 Canonical Ltd.
-License: GPL-3.0
-
-Files: debian/*
-Copyright: 2013 Canonical Ltd.
-License: LGPL-3.0
-
-License: GPL-3.0
- This package is free software; you can redistribute it and/or
- modify it under the terms of the GNU General Public
- License as published by the Free Software Foundation; either
- version 3 of the License.
- .
- This package is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- General Public License for more details.
- .
- You should have received a copy of the GNU General Public License
- along with this program. If not, see <http://www.gnu.org/licenses/>.
- .
- On Debian systems, the complete text of the GNU General
- Public License can be found in "/usr/share/common-licenses/GPL-3".
-
-License: LGPL-3.0
- This package is free software; you can redistribute it and/or
- modify it under the terms of the GNU Lesser General Public
- License as published by the Free Software Foundation; either
- version 3 of the License.
- .
- This package is distributed in the hope that it will be useful,
- but WITHOUT ANY WARRANTY; without even the implied warranty of
- MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
- Lesser General Public License for more details.
- .
- You should have received a copy of the GNU General Public License
- along with this program. If not, see <http://www.gnu.org/licenses/>.
- .
- On Debian systems, the complete text of the GNU Lesser General
- Public License can be found in "/usr/share/common-licenses/LGPL-3".
 
=== removed file 'debian/docs'
=== removed file 'debian/rules'
--- debian/rules	2013-02-12 16:27:32 +0000
+++ debian/rules	1970-01-01 00:00:00 +0000
@@ -1,29 +0,0 @@
-#!/usr/bin/make -f
-# -*- makefile -*-
-# Sample debian/rules that uses debhelper.
-# This file was originally written by Joey Hess and Craig Small.
-# As a special exception, when this file is copied by dh-make into a
-# dh-make output file, you may use that output file without restriction.
-# This special exception was added by Craig Small in version 0.37 of dh-make.
-
-# Uncomment this to turn on verbose mode.
-#export DH_VERBOSE=1
-
-# Work-around for some machines where INSTALL_ROOT is not set properly by
-# dh_auto_install
-override_dh_auto_install:
-	dh_auto_install -- INSTALL_ROOT=$(CURDIR)/debian/tmp
-
-# Workaround a bug in that debhelper package version
-override_dh_install:
-	mkdir -p $(CURDIR)/debian/tmp/usr/share/applications/
-	mkdir -p $(CURDIR)/debian/tmp/usr/bin/
-	mkdir -p $(CURDIR)/debian/tmp/usr/share/ubuntu-weather-app/
-	cp ubuntu-weather-app.desktop $(CURDIR)/debian/tmp/usr/share/applications/
-	cp ubuntu-weather-app $(CURDIR)/debian/tmp/usr/bin/
-	cp -r *.qml *.png $(CURDIR)/debian/tmp/usr/share/ubuntu-weather-app/
-	
-	dh_install --sourcedir=debian/tmp --fail-missing
-
-%:
-	dh $@
 
=== removed directory 'debian/source'
=== removed file 'debian/source/format'
--- debian/source/format	2013-02-12 16:18:48 +0000
+++ debian/source/format	1970-01-01 00:00:00 +0000
@@ -1,1 +0,0 @@
-3.0 (native)
 
=== removed file 'debian/ubuntu-weather-app.install'
--- debian/ubuntu-weather-app.install	2013-02-12 16:27:32 +0000
+++ debian/ubuntu-weather-app.install	1970-01-01 00:00:00 +0000
@@ -1,3 +0,0 @@
-usr/share/applications
-usr/bin
-usr/share/ubuntu-weather-app
 
=== added directory 'examples'
=== added directory 'examples/Browsers'
=== added directory 'examples/Browsers/youtube'
=== added file 'examples/Browsers/youtube/BrowserHeader.qml'
--- examples/Browsers/youtube/BrowserHeader.qml	1970-01-01 00:00:00 +0000
+++ examples/Browsers/youtube/BrowserHeader.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,150 @@
+/****************************************************************************
+**
+** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
+** All rights reserved.
+** Contact: Nokia Corporation ([e-mail])
+**
+** This file is part of the QtDeclarative module of the Qt Toolkit.
+**
+** $QT_BEGIN_LICENSE:LGPL$
+** GNU Lesser General Public License Usage
+** This file may be used under the terms of the GNU Lesser General Public
+** License version 2.1 as published by the Free Software Foundation and
+** appearing in the file LICENSE.LGPL included in the packaging of this
+** file. Please review the following information to ensure the GNU Lesser
+** General Public License version 2.1 requirements will be met:
+** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
+**
+** In addition, as a special exception, Nokia gives you certain additional
+** rights. These rights are described in the Nokia Qt LGPL Exception
+** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
+**
+** GNU General Public License Usage
+** Alternatively, this file may be used under the terms of the GNU General
+** Public License version 3.0 as published by the Free Software Foundation
+** and appearing in the file LICENSE.GPL included in the packaging of this
+** file. Please review the following information to ensure the GNU General
+** Public License version 3.0 requirements will be met:
+** http://www.gnu.org/copyleft/gpl.html.
+**
+** Other Usage
+** Alternatively, this file may be used in accordance with the terms and
+** conditions contained in a signed written agreement between you and Nokia.
+**
+**
+**
+**
+**
+** $QT_END_LICENSE$
+**
+****************************************************************************/
+
+import QtQuick 2.0
+//import "../../common"
+Image {
+    id: header
+
+    property alias editUrl: urlInput.url
+    property bool urlChanged: false
+
+    source: "../../common/artwork/scrollbar.png"; fillMode: Image.TileHorizontally
+
+    x: webView.contentX < 0 ? -webView.contentX : webView.contentX > webView.contentWidth-webView.width
+       ? -webView.contentX+webView.contentWidth-webView.width : 0
+    y: {
+        if (webView.progress < 1.0)
+            return 0;
+        else {
+            webView.contentY < 0 ? -webView.contentY : webView.contentY > height ? -height : -webView.contentY
+        }
+    }
+//    Column {
+//        width: parent.width
+
+//        Item {
+//            width: parent.width; height: 20
+//            Text {
+//                anchors.centerIn: parent
+//                text: webView.title; font.pixelSize: 14; font.bold: true
+//                color: "white"; styleColor: "black"; style: Text.Sunken
+//            }
+//        }
+
+//        Item {
+//            width: parent.width; height: 40
+
+//            Button {
+//                id: backButton
+//                action: webView.back; image: "pics/go-previous-view.png"
+//                anchors { left: parent.left; bottom: parent.bottom }
+//            }
+
+//            Button {
+//                id: nextButton
+//                anchors.left: backButton.right
+//                action: webView.forward; image: "pics/go-next-view.png"
+//            }
+
+//            UrlInput {
+//                id: urlInput
+//                anchors { left: nextButton.right; right: reloadButton.left }
+//                image: "pics/display.png"
+//                onUrlEntered: {
+//                    webBrowser.urlString = url
+//                    webBrowser.focus = true
+//                    header.urlChanged = false
+//                }
+//                onUrlChanged: header.urlChanged = true
+//            }
+
+//            Button {
+//                id: reloadButton
+//                anchors { right: quitButton.left; rightMargin: 10 }
+//                action: webView.reload; image: "pics/view-refresh.png"
+//                visible: webView.progress == 1.0 && !header.urlChanged
+//            }
+//            Text {
+//                id: quitButton
+//                color: "white"
+//                style: Text.Sunken
+//                anchors.right: parent.right
+//                anchors.top: parent.top
+//                anchors.bottom: parent.bottom
+//                verticalAlignment: Text.AlignVCenter
+//                horizontalAlignment: Text.AlignHCenter
+//                font.pixelSize: 18
+//                width: 60
+//                text: "Quit"
+//                MouseArea {
+//                    anchors.fill: parent
+//                    onClicked: Qt.quit()
+//                }
+//                Rectangle {
+//                    width: 1
+//                    y: 5
+//                    height: parent.height-10
+//                    anchors.right: parent.left
+//                    color: "darkgray"
+//                }
+//            }
+
+//            Button {
+//                id: stopButton
+//                anchors { right: quitButton.left; rightMargin: 10 }
+//                action: webView.stop; image: "pics/edit-delete.png"
+//                visible: webView.progress < 1.0 && !header.urlChanged
+//            }
+
+//            Button {
+//                id: goButton
+//                anchors { right: parent.right; rightMargin: 4 }
+//                onClicked: {
+//                    webBrowser.urlString = urlInput.url
+//                    webBrowser.focus = true
+//                    header.urlChanged = false
+//                }
+//                image: "pics/go-jump-locationbar.png"; visible: header.urlChanged
+            }
+
+
+
 
=== added file 'examples/Browsers/youtube/BrowserScrollbars.qml'
--- examples/Browsers/youtube/BrowserScrollbars.qml	1970-01-01 00:00:00 +0000
+++ examples/Browsers/youtube/BrowserScrollbars.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,66 @@
+import QtQuick 2.0
+
+Item {
+    id: container
+
+    property variant scrollArea
+    property variant orientation: Qt.Vertical
+
+    opacity: 0
+
+    function position()
+    {
+        var ny = 0;
+        if (container.orientation == Qt.Vertical)
+            ny = scrollArea.visibleArea.yPosition * container.height;
+        else
+            ny = scrollArea.visibleArea.xPosition * container.width;
+        if (ny > 2) return ny; else return 2;
+    }
+
+    function size()
+    {
+        var nh, ny;
+
+        if (container.orientation == Qt.Vertical)
+            nh = scrollArea.visibleArea.heightRatio * container.height;
+        else
+            nh = scrollArea.visibleArea.widthRatio * container.width;
+
+        if (container.orientation == Qt.Vertical)
+            ny = scrollArea.visibleArea.yPosition * container.height;
+        else
+            ny = scrollArea.visibleArea.xPosition * container.width;
+
+        if (ny > 3) {
+            var t;
+            if (container.orientation == Qt.Vertical)
+                t = Math.ceil(container.height - 3 - ny);
+            else
+                t = Math.ceil(container.width - 3 - ny);
+            if (nh > t) return t; else return nh;
+        } else return nh + ny;
+    }
+
+    Rectangle { anchors.fill: parent; color: "Black"; opacity: 0.5 }
+
+    BorderImage {
+        source: "../common/artwork/scrollbar.png"
+        border { left: 1; right: 1; top: 1; bottom: 1 }
+        x: container.orientation == Qt.Vertical ? 2 : position()
+        width: container.orientation == Qt.Vertical ? container.width - 4 : size()
+        y: container.orientation == Qt.Vertical ? position() : 2
+        height: container.orientation == Qt.Vertical ? size() : container.height - 4
+    }
+
+    states: State {
+        name: "visible"
+        when: container.orientation == Qt.Vertical ? scrollArea.movingVertically : scrollArea.movingHorizontally
+        PropertyChanges { target: container; opacity: 1.0 }
+    }
+
+    transitions: Transition {
+        from: "visible"; to: ""
+        NumberAnimation { properties: "opacity"; duration: 600 }
+    }
+}
 
=== added file 'examples/Browsers/youtube/ButtonBackground.qml'
--- examples/Browsers/youtube/ButtonBackground.qml	1970-01-01 00:00:00 +0000
+++ examples/Browsers/youtube/ButtonBackground.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,49 @@
+/*
+ * This file is part of unity-2d
+ *
+ * Copyright 2010-2011 Canonical Ltd.
+ *
+ * This program is free software; you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation; version 3.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+
+import QtQuick 2.0
+
+Item {
+    id: background
+
+    property string state
+
+    opacity: ( state == "selected" || state == "pressed"
+              || state == "hovered" ) ? 1.0 : 0.0
+    Behavior on opacity {NumberAnimation {duration: 100}}
+
+    Rectangle {
+
+        /* FIXME: */
+        anchors.fill: parent
+        anchors.bottomMargin: 1
+        anchors.rightMargin: 1
+
+        color: background.state == "pressed" ? "#ffffffff" : "#00000000"
+        border.color: "#cccccc"
+        border.width: 1
+        radius: 3
+
+        Image {
+            fillMode: Image.Tile
+            anchors.fill: parent
+            source: "artwork/button_background.png"
+            smooth: false
+        }
+    }
+}
 
=== added file 'examples/Browsers/youtube/FlicableWebView.qml'
--- examples/Browsers/youtube/FlicableWebView.qml	1970-01-01 00:00:00 +0000
+++ examples/Browsers/youtube/FlicableWebView.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,194 @@
+/****************************************************************************
+ **
+ ** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
+ ** All rights reserved.
+ ** Contact: Nokia Corporation ([e-mail])
+ **
+ ** This file is part of the QtDeclarative module of the Qt Toolkit.
+ **
+ ** $QT_BEGIN_LICENSE:LGPL$
+ ** GNU Lesser General Public License Usage
+ ** This file may be used under the terms of the GNU Lesser General Public
+ ** License version 2.1 as published by the Free Software Foundation and
+ ** appearing in the file LICENSE.LGPL included in the packaging of this
+ ** file. Please review the following information to ensure the GNU Lesser
+ ** General Public License version 2.1 requirements will be met:
+ ** http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html.
+ **
+ ** In addition, as a special exception, Nokia gives you certain additional
+ ** rights. These rights are described in the Nokia Qt LGPL Exception
+ ** version 1.1, included in the file LGPL_EXCEPTION.txt in this package.
+ **
+ ** GNU General Public License Usage
+ ** Alternatively, this file may be used under the terms of the GNU General
+ ** Public License version 3.0 as published by the Free Software Foundation
+ ** and appearing in the file LICENSE.GPL included in the packaging of this
+ ** file. Please review the following information to ensure the GNU General
+ ** Public License version 3.0 requirements will be met:
+ ** http://www.gnu.org/copyleft/gpl.html.
+ **
+ ** Other Usage
+ ** Alternatively, this file may be used in accordance with the terms and
+ ** conditions contained in a signed written agreement between you and Nokia.
+ **
+ **
+ **
+ **
+ **
+ ** $QT_END_LICENSE$
+ **
+ ****************************************************************************/
+
+ import QtQuick 2.0
+ import QtWebKit 3.0
+
+ Flickable {
+     property alias title: webView.title
+     property alias icon: webView.icon
+     property alias progress: webView.progress
+     property alias url: webView.url
+     property alias back: webView.back
+     property alias stop: webView.stop
+     property alias reload: webView.reload
+     property alias forward: webView.forward
+     id: flickable
+//     width: parent.width
+     contentWidth: Math.max(parent.width,webView.width)
+     contentHeight: Math.max(parent.height,webView.height)
+     anchors.top: headerSpace.bottom
+     anchors.bottom: parent.top
+     anchors.left: parent.left
+     anchors.right: parent.right
+     pressDelay: 200
+
+     onWidthChanged : {
+         // Expand (but not above 1:1) if otherwise would be smaller that available width.
+         if (width > webView.width*webView.contentsScale && webView.contentsScale < 1.0)
+             webView.contentsScale = width / webView.width * webView.contentsScale;
+     }
+
+     WebView {
+         id: webView
+         transformOrigin: Item.TopLeft
+
+         function fixUrl(url)
+         {
+             if (url == "") return url
+             if (url[0] == "/") return "file://"+url
+             if (url.indexOf(":")<0) {
+                 if (url.indexOf(".")<0 || url.indexOf(" ")>=0) {
+                     // Fall back to a search engine; hard-code Wikipedia
+                     return "http://en.wikipedia.org/w/index.php?search="+url
+                 } else {
+                     return "http://"+url
+                 }
+             }
+             return url
+         }
+
+         url: fixUrl(webBrowser.urlString)
+         smooth: false // We don't want smooth scaling, since we only scale during (fast) transitions
+         focus: true
+
+         onAlert: console.log(message)
+
+         function doZoom(zoom,centerX,centerY)
+         {
+             if (centerX) {
+                 var sc = zoom*contentsScale;
+                 scaleAnim.to = sc;
+                 flickVX.from = flickable.contentX
+                 flickVX.to = Math.max(0,Math.min(centerX-flickable.width/2,webView.width*sc-flickable.width))
+                 finalX.value = flickVX.to
+                 flickVY.from = flickable.contentY
+                 flickVY.to = Math.max(0,Math.min(centerY-flickable.height/2,webView.height*sc-flickable.height))
+                 finalY.value = flickVY.to
+                 quickZoom.start()
+             }
+         }
+
+         Keys.onLeftPressed: webView.contentsScale -= 0.1
+         Keys.onRightPressed: webView.contentsScale += 0.1
+
+         preferredWidth: flickable.width
+         preferredHeight: flickable.height
+//         contentsScale: 1
+//         onContentsSizeChanged: {
+//             // zoom out
+//             contentsScale = Math.min(1,flickable.width / contentsSize.width)
+//         }
+         onUrlChanged: {
+             // got to topleft
+             flickable.contentX = 0
+             flickable.contentY = 0
+             if (url != null) { header.editUrl = url.toString(); }
+         }
+//         onDoubleClick: {
+//                         if (!heuristicZoom(clickX,clickY,2.5)) {
+//                             var zf = flickable.width / contentsSize.width
+//                             if (zf >= contentsScale)
+//                                 zf = 2.0*contentsScale // zoom in (else zooming out)
+//                             doZoom(zf,clickX*zf,clickY*zf)
+//                          }
+//                        }
+
+         SequentialAnimation {
+             id: quickZoom
+
+             PropertyAction {
+                 target: webView
+                 property: "renderingEnabled"
+                 value: false
+             }
+             ParallelAnimation {
+                 NumberAnimation {
+                     id: scaleAnim
+                     target: webView
+                     property: "contentsScale"
+                     // the to property is set before calling
+                     easing.type: Easing.Linear
+                     duration: 200
+                 }
+                 NumberAnimation {
+                     id: flickVX
+                     target: flickable
+                     property: "contentX"
+                     easing.type: Easing.Linear
+                     duration: 200
+                     from: 0 // set before calling
+                     to: 0 // set before calling
+                 }
+                 NumberAnimation {
+                     id: flickVY
+                     target: flickable
+                     property: "contentY"
+                     easing.type: Easing.Linear
+                     duration: 200
+                     from: 0 // set before calling
+                     to: 0 // set before calling
+                 }
+             }
+             // Have to set the contentXY, since the above 2
+             // size changes may have started a correction if
+             // contentsScale < 1.0.
+             PropertyAction {
+                 id: finalX
+                 target: flickable
+                 property: "contentX"
+                 value: 0 // set before calling
+             }
+             PropertyAction {
+                 id: finalY
+                 target: flickable
+                 property: "contentY"
+                 value: 0 // set before calling
+             }
+             PropertyAction {
+                 target: webView
+                 property: "renderingEnabled"
+                 value: true
+             }
+         }
+//         onZoomTo: doZoom(zoom,centerX,centerY)
+     }
+ }
 
=== added file 'examples/Browsers/youtube/Youtube.qml'
--- examples/Browsers/youtube/Youtube.qml	1970-01-01 00:00:00 +0000
+++ examples/Browsers/youtube/Youtube.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,74 @@
+import QtQuick 2.0
+import QtWebKit 3.0
+//import "../../common"
+//import"../../s/*y*/steminfo"
+
+
+Rectangle {
+    id: webBrowser
+    property string urlString : "https://www.youtube.com/tv"
+    width: parent.width; height: parent.height
+    color: "#343434"
+    FlicableWebView {
+        id: webView
+        url: webBrowser.urlString
+        onProgressChanged: header.urlChanged = false
+        anchors {
+            top: headerSpace.bottom;
+            left: parent.left;
+            right: parent.right;
+            bottom: parent.bottom
+        }
+    }
+
+    Item {
+        id: headerSpace;
+        width: parent.width;
+        height: 0
+    }
+
+//    SettingsMangerParser {
+//        visible: false
+//        icon: "/usr/share/pixmaps/mythtv.png"
+//        id:mythfrontend
+//        x: 900
+//        smooth: true
+//        desktopFile: "mythtv.desktop"
+//    }
+    BrowserScrollbars {
+        scrollArea: webView; width: 8
+        anchors { right: parent.right; top: header.bottom; bottom: parent.bottom }
+    }
+
+    BrowserScrollbars{
+        scrollArea: webView; height: 8; orientation: Qt.Horizontal
+        anchors { right: parent.right; rightMargin: 8; left: parent.left; bottom: parent.bottom }
+    }
+
+
+//    Row{
+//        id:testbutton
+//        PictureGlowButton{
+//            id:drendering
+//            text: "testing 1"
+//            onClicked: declarativeView.activeLens = activateQtvviewer
+//        }
+//        PictureGlowButton{
+//            id:fanart
+//            text: "Testing 2"
+//            onClicked: declarativeView.activeLens = activateVideffect
+//        }
+//        PictureGlowButton{
+//            id:showmythbuttons
+//            text: "Luanch Myth"
+//            onClicked: mythfrontend.visible = "" ? mythfrontend.visible = "" : mythfrontend.visible = true
+//        }
+    }
+    //    Header {
+    //        id: header
+    //        editUrl: webBrowser.urlString
+    //        width: headerSpace.width; height: headerSpace.height
+    //    }
+
+
+//}
 
=== added file 'examples/GetLatLongDelegate.qml'
--- examples/GetLatLongDelegate.qml	1970-01-01 00:00:00 +0000
+++ examples/GetLatLongDelegate.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,54 @@
+import QtQuick 2.0
+import QtQuick.XmlListModel 2.0
+import Ubuntu.Components 0.1
+Item {
+    id: series
+    signal clicked()
+    x: 15
+//    visible: west === "" ? false : true
+    width: listView.width - 3
+    height: listView.width / 3.33
+    Rectangle {
+        color: bannerImg.status === Image.Error ? "#66000000" : "transparent"
+        anchors.fill: parent
+        border.color: "#00000000"
+        border.width: 3
+        smooth: true
+    }
+    UbuntuShape {
+        id: bannerImg
+        anchors.fill: parent
+        color: "#22000000"
+    }
+    MouseArea {
+        anchors.fill: parent
+        onClicked:{series.clicked()}
+    }
+    Item {
+        id: topLayout
+        x: 20;
+        width: parent.width;
+        height: parent.height
+        anchors.verticalCenter: parent.verticalCenter
+        Text {
+            height: 20
+            id: titleLabel
+            text: "Name" +name+"\n"
++            adminName1+"\n"
+ +           adminName2+"\n"
+                  +"population:  "   +population+"\n"
+                  +countryName +"\n"
+                  +countryCode+"\n"
+                  + elevation +"\n"
+//                  +north+"\n"
+//                  +east+"\n"
+//                  +west+"\n"
+//                  +south
+            color: "white"
+            font.pixelSize: 12
+            font.bold: true;
+            wrapMode: Text.WordWrap
+
+        }
+    }
+}
 
=== added file 'examples/GetLatLongModel.qml'
--- examples/GetLatLongModel.qml	1970-01-01 00:00:00 +0000
+++ examples/GetLatLongModel.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,40 @@
+import QtQuick 2.0
+import QtQuick.XmlListModel 2.0
+
+XmlListModel {
+    id: seriesModel
+    function newSearch(text) {
+        console.log("Searching: " + text);
+        source ="http://api.geonames.org/search?q="+text+"&maxRows=10&username=bobweaver12345&style=FULL"
+        reload()
+    }
+    query: "//geonames/geoname"
+    XmlRole { name: "name"; query: "name/string()" }
+    XmlRole { name: "lat"; query: "lat/string()" }
+    XmlRole { name: "lng"; query: "lng/string()" }
+    XmlRole { name:"postalcode"; query: "postalcode/string()"}          //zip code
+    //    XmlRole { name:"stateName"; query: "adminName1/string()"}         //state
+    XmlRole { name:"countryName"; query: "countryName/string()"}        //country long name
+    XmlRole { name:"countryCode"; query: "countryCode/string()"}         //counrty short name
+    XmlRole { name:"geonameId"; query: "geonameId/string()"}            //site name ID
+    XmlRole { name:"fclName"; query: "fclName/string()"}                //Items a town ,city ,rural ,ect
+    XmlRole { name:"population"; query: "population/string()"}          //population of item
+    XmlRole { name:"elevation"; query: "elevation/string()"}            //elevation of Item
+    XmlRole { name:"adminName1"; query: "adminName1/string()"}          //long statename
+    XmlRole { name:"adminName2"; query: "adminName2/string()"}          // county in state USA
+    //    bbox top line of the east west south and north
+    XmlRole { name:"west";query: "bbox/west/string()"}
+    XmlRole { name:"north"; query: "bbox/north/string()"}
+    XmlRole { name:"east"; query: "bbox/east/string()"}
+    XmlRole { name:"south"; query: "bbox/south/string()"}
+
+//    XmlRole { name:"score" ; query:"score/string()" }                  // Have No clue
+    XmlRole { name:"totalResultsCount" ; query:"totalResultsCount/string()" }                  // For Debuging
+
+    onStatusChanged: {
+        if (status == XmlListModel.Ready) console.log("Loaded")
+        if (status == XmlListModel.Loading) console.log("Loading");
+//        if (status == XmlListModel.Error) console.log("Error: " + errorString );
+    }
+}
+
 
=== added file 'examples/NOAADelegate.qml'
--- examples/NOAADelegate.qml	1970-01-01 00:00:00 +0000
+++ examples/NOAADelegate.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,6 @@
+import QtQuick 2.0
+
+Rectangle {
+    width: 100
+    height: 62
+}
 
=== added file 'examples/NOAAModel.qml'
--- examples/NOAAModel.qml	1970-01-01 00:00:00 +0000
+++ examples/NOAAModel.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,6 @@
+import QtQuick 2.0
+
+Rectangle {
+    width: 100
+    height: 62
+}
 
=== added file 'examples/ProgressDialog.qml'
--- examples/ProgressDialog.qml	1970-01-01 00:00:00 +0000
+++ examples/ProgressDialog.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,55 @@
+import QtQuick 2.0
+Item {
+    id: progresDialog
+    width: parent.width
+    height: parent.height
+    property alias text: progresText.text
+    Rectangle {
+        id: background
+        anchors.fill: parent
+        border.color: "#55FFFFFF"
+        radius: 4
+        border.width: 0
+        gradient: Gradient {
+            GradientStop { position: 0; color: "#77000000"}
+            GradientStop { position: 0.9; color: "#66808080"}
+            GradientStop { position: 1; color: "#77000000"}
+        }
+    }
+    Text {
+        id: progresText
+        text: ""
+        width: parent.width - 40
+        color: "white"
+        font.pixelSize: 20
+        anchors{
+            horizontalCenter: parent.horizontalCenter
+            top: parent.top
+            topMargin: 20
+        }
+    }
+
+    Image {
+        id: indicatorImg
+        width: 128
+        height: 128
+        smooth: true
+        //FIX ME
+        sourceSize.height:  height
+        sourceSize.width: width
+        source: "/usr/share/unity/5/launcher_bfb.png"
+        anchors{
+            verticalCenter:  parent.verticalCenter
+            horizontalCenter: parent.horizontalCenter
+        }
+        RotationAnimation {
+            target: indicatorImg;
+            running: true
+            loops: Animation.Infinite
+            duration: 1200
+            direction: RotationAnimation.Clockwise
+//            from: 0
+//            to: 360
+        }
+    }
+}
 
=== added file 'examples/SearchBar.qml'
--- examples/SearchBar.qml	1970-01-01 00:00:00 +0000
+++ examples/SearchBar.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,60 @@
+import QtQuick 2.0
+
+Rectangle {
+    id: searchBar
+    height: 70
+    color: "transparent"
+    width: parent.width - 100
+    signal search(string text);
+    BorderImage {
+        id: searchbar
+        source: "../artwork/search_background.png"
+        width: parent.width ; height: 70
+        border.left: 25; border.top: 25
+        border.right: 25; border.bottom: 25
+  }
+    Image {
+        id: magGlass
+        source: "../artwork/search_icon.png"
+        anchors{
+            left: searchbar.left
+            leftMargin: 12
+            verticalCenter:searchbar.verticalCenter
+        }
+    }
+    SearchBox{
+        id: searchBox
+        state: 'Show'
+        height: parent.height - 5
+//        focus: parent.focus === true ? true : false
+        anchors{
+            left: magGlass.right
+            leftMargin: 15
+            right: parent.right
+            rightMargin: 5
+        }
+        onReturnPressed: {
+            if (searchBox.text !== '') {
+                searchBar.search(searchBox.text);
+                searchBox.text = ""
+            }
+        }
+
+        states: [
+            State {
+                name: "Hide"
+                PropertyChanges {
+                    target: searchBox
+                    opacity: 0.0
+                }
+            },
+            State {
+                name: "Show"
+                PropertyChanges {
+                    target: searchBox
+                    opacity: 1.0
+                }
+            }
+        ]
+    }
+}
 
=== added file 'examples/SearchBox.qml'
--- examples/SearchBox.qml	1970-01-01 00:00:00 +0000
+++ examples/SearchBox.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,77 @@
+import QtQuick 2.0
+
+FocusScope {
+    id: focusScope
+    width: 250; height: textInput.height + 10
+    property alias text: textInput.text
+    signal returnPressed();
+
+    Text {
+        id: typeSomething
+        verticalAlignment: Text.AlignLeft
+        text: qsTr("Enter City")
+        anchors{
+            right: parent.right
+            rightMargin: 8
+            left: parent.left
+            verticalCenter: parent.verticalCenter
+        }
+        color: "#44FFFFFF"
+        font.pixelSize: 22
+        font.italic: true
+    }
+
+    MouseArea {
+        anchors.fill: parent
+        onClicked: { focusScope.focus = true; textInput.openSoftwareInputPanel(); }
+    }
+
+    TextInput {
+        id: textInput
+        smooth: true
+        anchors { left: parent.left; right: clear.left; rightMargin: 8; verticalCenter: parent.verticalCenter }
+        focus: true
+        selectByMouse: true
+        font.pixelSize: 28
+        font.bold: true
+        color: "#FFFFFF"
+
+        Keys.onPressed: {
+            if (event.key === Qt.Key_Enter || event.key === Qt.Key_Return)
+                returnPressed();
+        }
+    }
+
+    Image {
+        id: clear
+        height: parent.height
+        width: height
+        smooth: true
+        fillMode: Image.PreserveAspectFit
+        anchors { right: parent.right; rightMargin: 8; verticalCenter: parent.verticalCenter }
+        source: "../artwork/pics/clear.png"
+        opacity: 0
+
+        MouseArea {
+            anchors.fill: parent
+            onClicked: { textInput.text = ''; focusScope.focus = true; textInput.openSoftwareInputPanel(); }
+        }
+    }
+
+    states: State {
+        name: "hasText"; when: textInput.text != ''
+        PropertyChanges { target: typeSomething; opacity: 0 }
+        PropertyChanges { target: clear; opacity: 0 }
+    }
+
+    transitions: [
+        Transition {
+            from: ""; to: "hasText"
+            NumberAnimation { exclude: typeSomething; properties: "opacity" }
+        },
+        Transition {
+            from: "hasText"; to: ""
+            NumberAnimation { properties: "opacity" }
+        }
+    ]
+}
 
=== added file 'examples/TWC.qml'
--- examples/TWC.qml	1970-01-01 00:00:00 +0000
+++ examples/TWC.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,24 @@
+import QtQuick 2.0
+import QtWebKit 3.0
+WeatherDelegate{
+    property string forTWC: forTWC
+    id: weatherPasser
+    width: parent.width
+    height: parent.height
+    anchors.fill: parent
+Rectangle{
+    id: rootangel
+    color:"black"
+    width: parent.width
+    height: parent.height
+    anchors.fill: parent
+
+WebView {
+    url: "http://www.weather.com/search/enhancedlocalsearch?where="+ forTWC
+    height: rootangel.height
+    scale: 1
+    smooth: true
+}    MouseArea{anchors.fill: parent; onClicked: console.log(forTWC)}
+}
+
+}
 
=== added file 'examples/WeatherDelegate.qml'
--- examples/WeatherDelegate.qml	1970-01-01 00:00:00 +0000
+++ examples/WeatherDelegate.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,1091 @@
+import QtQuick 2.0
+import QtQuick.XmlListModel 2.0
+import QtQuick.Particles 2.0
+import Ubuntu.Components 0.1
+import QtQuick.LocalStorage 2.0
+import "../common/dbUtils.js" as DataBase
+import "../common/Utils.js" as Util
+Item {
+    id: serie
+    property string name:''
+    property string countryName:''
+    property string adminName1:''
+    //    property string south:''
+    property string folder: "../artwork"
+    property string forTWC: cityName.text
+
+    function translateX(x) {
+        return root.width/10.0 + (x/700*root.width);
+    }
+
+    function translateY(y) {
+        var tmp = y+root.height/5.0;
+        return tmp > 0 ? -20 : tmp;
+    }
+    function loadDetails(countryName,adminName1,name) {
+        serie.name = name
+        serie.countryName = countryName
+        serie.adminName1 = adminName1
+        serieModel.load(countryName,adminName1,name)
+    }
+
+    XmlListModel {
+        id: serieModel
+        function load(CountryName,AdminName1,Name) {
+            console.log("Loading Weather For ....... \n "+Name+"\n \n"
+                        + encodeURI("http://www.yr.no/place/"
+                                    + CountryName
+                                    + "/"
+                                    + AdminName1
+                                    + "/"
+                                    + Name
+                                    + "/forecast.xml"))
+            source = encodeURI("http://www.yr.no/place/"+CountryName+"/"+AdminName1+"/"+Name+"/forecast.xml")
+            reload()
+        }
+        query: "/weatherdata"
+        XmlRole { name: "timezone"; query: "location/type/string()"}
+
+        // Right Now
+        XmlRole { name: "timeFrom"; query: "forecast/tabular/time[1]/@from/string()"}
+        XmlRole { name: "timeTo"; query: "forecast/tabular/time[1]/@to/string()"}
+        XmlRole { name: "observationTime"; query: "forecast/tabular/time[1]/string()"}
+        XmlRole { name: "temperature"; query: "forecast/tabular/time[1]/temperature/@value/string()" }
+        XmlRole { name: "precipitation"; query: "forecast/tabular/time[1]/precipitation/@value/string()" }
+        XmlRole { name: "clouds"; query: "forecast/tabular/time[1]/symbol/@name/string()" }
+        XmlRole { name: "windDirection"; query: "forecast/tabular/time[1]/windDirection/@name/string()" }
+        XmlRole { name: "windSpeed"; query: "forecast/tabular/time[1]/windSpeed/@name/string()" }
+        XmlRole { name: "windSpeedMPS"; query: "forecast/tabular/time[1]/windSpeed/@mps/string()" }
+        XmlRole { name: "pressure"; query: "forecast/tabular/time[1]/pressure/@value/string()" }
+        XmlRole { name: "sunRise"; query: "sun/@rise/string()"  }
+        XmlRole { name: "sunSet"; query: "sun/@set/string()"  }
+
+
+        XmlRole { name: "weatherCondition"; query: "forecast/tabular/string()"}
+        XmlRole { name: "status"; query: "forecast/tabular/string()" }
+
+
+
+
+        //        XmlRole { name: "lastupdate"; query: "meta/lastupdate/string()" }
+        //        XmlRole { name: "nextupdate"; query: "meta/nextupdate/string()" }
+        XmlRole { name:"creditTXT"; query: "credit/link/@text/string()"}
+        XmlRole { name:"creditURL"; query: "credit/link/@url/string()"}
+        onStatusChanged: {
+            if (status == XmlListModel.Ready) console.log("Loaded")
+            if (status == XmlListModel.Loading) console.log("Loading");
+        }
+    }
+
+    Text {
+        id: cityName
+        color: "white"
+        height:22
+        font.bold: true
+        font.pixelSize: 28
+        text: serie.name
+        anchors{
+            top: parent.top
+            topMargin: 80
+        }
+    }
+
+    Rectangle{
+        id: separator1
+        color: "#44000000"
+        height: 3
+        width: parent.width
+        anchors{
+            top: cityName.bottom
+            topMargin: 10
+            left: parent.left
+        }
+    }
+    Text {
+        id: today
+        text: Qt.formatDate(new Date(), "MMMM dddd"+","+" d yyyy ")
+        color: "white"
+        font.pixelSize: 22
+        anchors{
+            top:separator1.bottom
+            topMargin: 2
+        }
+    }
+    ListView {
+        model: serieModel
+        delegate: Item{
+            property string temp: tempatureTxt.text.toString()
+            id: topLayout
+            width: parent.width;
+            height: parent.height
+
+            Text {
+                id: timeAroo
+                text:Qt.formatDateTime(new Date(), "hh"+":"+"mm")
+                height:22
+                state: "Milatary"
+                x:state === "Milatary" ? separator1.width - 88 : separator1.width - 115
+                Behavior on x{NumberAnimation{
+                        duration:  1200; easing.type: Easing.OutBounce}
+                }
+                color: "white"
+                font.bold: true
+                font.pixelSize: 22
+                anchors{
+                    top: parent.top
+                    topMargin: 86
+                    //
+                }
+            }
+            MouseArea{
+                anchors.fill: timeAroo
+                onClicked: if (timeAroo.text === Qt.formatDateTime(new Date(), "hh"+":"+"mm") ){
+                               timeAroo.text = Qt.formatDateTime(new Date(), "h:mm ap")
+                               timeAroo.state = "12-Hour"
+                           }else{
+                               timeAroo.text = Qt.formatDateTime(new Date(), "hh"+":"+"mm")
+                               timeAroo.state = "Milatary"
+                           }
+            }
+            Image {
+                id: fahrenheitImg
+                source: Util.dir+"fahrenheit.png"
+                width: sourceSize.width / 2
+                height: sourceSize.height / 2
+                opacity: tempatureTxt.state === "Celcius" ? 0 : 1
+                Behavior on opacity {NumberAnimation{duration: 200; easing.type: Easing.InQuad}}
+                y: tempatureTxt.state === "Celcius" ? separator1.height * 2 : separator1.width
+                Behavior on y {NumberAnimation{duration: 1200 ; easing.type: Easing.OutBack}}
+                x: tempatureTxt.width + tempatureTxt.height + 12
+            }
+            Image {
+                id: celciusImg
+                source:{if(tempatureTxt.state === "Celcius")
+                        Util.dir+"centigrades.png"
+                    else
+                        Util.dir+"fahrenheit.png"
+                }
+                height: sourceSize.height / 2
+                width: sourceSize.width / 2
+
+                opacity: tempatureTxt.state === "Celcius" ? 1 : 0
+                Behavior on opacity {NumberAnimation{duration:200;  easing.type: Easing.OutQuad}}
+                x: tempatureTxt.state === "Celcius" ? tempatureTxt.width :tempatureTxt.state === "Fahrenheit"? -separator1.width : tempatureTxt.width
+                Behavior on x{NumberAnimation{duration: 1200; easing.type: Easing.OutBack}}
+                anchors{
+                    top: tempatureTxt.top
+                }
+
+            }
+            Text {
+                id: tempatureTxt
+                text: temperature
+                color: "white"
+                width: separator1.width / 2
+                font.pixelSize: 64
+                font.bold: true
+                state: "Celcius"
+                x: state === "Celcius" ? (separator1.width / 1.22)-width : (separator1.width/1.22)-width
+                y: page.height / 1.44
+            }MouseArea{
+                anchors.fill: tempatureTxt
+                onClicked: {
+                    var f = (temperature * 9 / 5 + 32)
+                    if (tempatureTxt.state === "Celcius"){
+                        tempatureTxt.text = (temperature * 9 / 5 + 32)
+                        tempatureTxt.state = "Fahrenheit"
+                    }else{
+                        tempatureTxt.text = temperature
+                        tempatureTxt.state = "Celcius"
+
+                    }
+                }
+            }
+
+
+            Image {
+                id: hangerSunMoon
+                height:    sourceSize.height
+                source: "../artwork/na_icon_line.png"
+                y:mainImage.y - mainImage.sourceSize.height
+                anchors{
+                    horizontalCenter: mainImage.horizontalCenter
+                }
+            }
+
+            //This is only for MOON and Sun & fallback
+            Image {
+                id: mainImage
+                width: sourceSize.width / 1.04
+                height: sourceSize.height
+                smooth: true
+                state: "Shown"
+                x: page.width /2 - (width/2)
+                y: if (state === "Shown")
+                       page.height / 4.22
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height/ 5.44
+                Behavior on y{NumberAnimation{duration: 1200;easing.type: Easing.OutBounce}}
+                source: {
+
+                    if (Util.nightOrDay(new Date(),"hh") === "night" === true )
+                        Util.dir + "moon.png"
+                    else if (Util.nightOrDay(new Date(),"hh") === "night" !== true  && temperature > 5)
+                        Util.dir + "sun.png"
+                    else if (Util.nightOrDay(new Date(),"hh") === "night" !== true  && temperature < 5)
+                        Util.dir + "cold_sun.png"
+
+                    else if (weatherCondition === "light rain" && Util.nightOrDay(new Date(),"hh") === "night" !== true)
+                        Util.dir+"sun.png"
+
+
+                    else if (weatherCondition === "mist" && Util.nightOrDay(new Date(),"hh") === "night" !== true)
+                        Util.dir+"cold_sun.png"
+
+
+
+                    else
+                        Util.dir +"na_icon.png"
+                }
+
+            }MouseArea  {
+                id:mainImageMouseArea
+                anchors.fill: mainImage
+                onPressAndHold:{ mainImage.state = "Hidden" }
+                onReleased:{mainImage.state = "Shown"}
+                onClicked: {
+//                    observationTime.subString(observationTime.lastIndexOf("T")+1)+observationTime.subString(0,observationTime.indexOf(":")+)
+//                             sunSet) moon
+//observationTime.substring(observationTime.lastIndexOf("T")+1)+observationTime.substring(0,observationTime.indexOf(":"))
+                    var isUP = timeFrom.substring(timeFrom.lastIndexOf("T")+1)
+                    var isDown = sunSet.substring(sunSet.lastIndexOf("T")+1)
+                    var isSunUP = sunRise.substring(sunRise.lastIndexOf("T")+1)
+                    console.log(isUP.substring(0,isUP.indexOf(":"))  +"  ?  " + isDown.substring(0,isDown.indexOf(":"))
+                              + "\n"
+                              + isUP.substring(0,isUP.indexOf(":"))  +"  ?  " +isSunUP.substring(0,isSunUP.indexOf(":")))
+                }
+            }
+
+
+            //Start to add the clouds
+            // Ok this is how this works if there condtions call for the cloud then they are shown pelse they are not.
+            //each item has a string and the string is set to match the item that it is attached to. this makes it so
+            //so that each time the moon or sun is pressed and held each one will move up with animations and also on different durations
+            //It is imporant that we keep the states the same as "main Image" aka the sun or moon or cold sun
+
+  //////////////////////////cloudsImage1
+            Image {
+                id: cloudsImage1
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if (clouds === "Cloudy"||clouds ==="Snow")
+                        1
+                    else
+                        0
+                }
+                            smooth: true
+                state: mainImage.state
+                x: page.width / 20
+                y: if (state === "Shown")
+                       page.height / 2
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2
+                Behavior on y{NumberAnimation{duration: 1000;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_1.png"
+                }
+            Image {
+                id: hangerCloud1
+                height: sourceSize.height /2
+                         opacity: cloudsImage1.opacity
+
+                            source: Util.dir+"cloud_1_line.png"
+                y: cloudsImage1.y - cloudsImage1.sourceSize.height -(cloudsImage1.sourceSize.height / 1.844)
+                x:cloudsImage1.width / 1.844
+            }
+        // End cloudsImage1
+
+
+            //cloudsImage2
+            Image {
+                id: cloudsImage2
+                width:  sourceSize.width / 1.88
+                height: sourceSize.height / 1.88
+                opacity:{
+                    if (clouds === "Cloudy"||clouds ==="Snow"|| clouds == "Partly cloudy")
+                        1
+                    else
+                        0
+                }
+
+                            smooth: true
+                state: mainImage.state
+                x: page.width / 2
+                y: if (state === "Shown")
+                       page.height / 2
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2
+                Behavior on y{NumberAnimation{duration: 1400;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_2.png"
+                }
+            Image {
+                id: hangerCloud2
+                         opacity: cloudsImage2.opacity
+
+                            height: sourceSize.height /2
+                source: Util.dir+"cloud_2_line.png"
+                y: cloudsImage2.y - cloudsImage2.sourceSize.height -(cloudsImage2.sourceSize.height / 1.14)
+                x:cloudsImage2.x + cloudsImage2.width / 2.25
+            }
+            // End cloudsImage2
+
+
+
+            //cloudsImage3
+            Image {
+                id: cloudsImage3
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if (clouds === "Cloudy"||clouds ==="Snow"||clouds == "Partly cloudy")
+                        1
+                    else
+                        0
+                }
+                smooth: true
+                state: mainImage.state
+                x: page.width / 50
+                y: if (state === "Shown")
+                       page.height / 2.66
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2.66
+                Behavior on y{NumberAnimation{duration: 700;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_3.png"
+                }
+            Image {
+                id: hangerCloud3
+                opacity: cloudsImage3.opacity
+                            height: sourceSize.height /2
+                source: Util.dir+"cloud_3_line.png"
+                y: cloudsImage3.y - cloudsImage3.sourceSize.height -(cloudsImage3.sourceSize.height + cloudsImage3.height /2)
+                x:cloudsImage3.x + cloudsImage3.width / 2.25
+            }
+            // End cloudsImage3
+
+
+//////////////start rain clouds
+            //cloudsImageRain1
+            Image {
+                id: cloudsRainImage1
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if (clouds === "Rain")
+                        1
+                    else
+                        0
+                }
+
+                            smooth: true
+                state: mainImage.state
+                x: page.width / 20
+                y: if (state === "Shown")
+                       page.height / 2
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2
+                Behavior on y{NumberAnimation{duration: 1000;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_rain_1.png"
+                }
+            Image {
+                id: hangerCloudRain1
+                         opacity: cloudsRainImage1.opacity
+
+                            height: sourceSize.height /2
+                source: Util.dir+"cloud_rain_1_line.png"
+                y: cloudsRainImage1.y - cloudsRainImage1.sourceSize.height -(cloudsRainImage1.sourceSize.height / 1.844)
+                x:cloudsRainImage1.width / 1.844
+            }
+            // End cloudsImageRain1
+
+
+            //cloudsImageRain2
+            Image {
+                id: cloudsImageRain2
+                width:  sourceSize.width / 1.88
+                height: sourceSize.height / 1.88
+                smooth: true
+                state: mainImage.state
+                x: page.width / 2
+                opacity:{
+                    if (clouds === "Rain")
+                        1
+                    else
+                        0
+                }
+
+                            y: if (state === "Shown")
+                       page.height / 2
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2
+                Behavior on y{NumberAnimation{duration: 1400;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_rain_2.png"
+                }
+            Image {
+                id: hangerCloudRain2
+                height: sourceSize.height /2
+                source: Util.dir+"cloud_rain_2_line.png"
+                         opacity: cloudsImageRain2.opacity
+
+                            y: cloudsImageRain2.y - cloudsImageRain2.sourceSize.height -(cloudsImageRain2.sourceSize.height / 1.14)
+                x:cloudsImageRain2.x + cloudsImageRain2.width / 2.25
+            }
+            // End cloudsImageRain2
+
+
+
+            //cloudsImageRain3
+            Image {
+                id: cloudsImageRain3
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                smooth: true
+                opacity:{
+                    if (clouds === "Rain")
+                        1
+                    else
+                        0
+                }
+
+                            state: mainImage.state
+                x: page.width / 50
+                y: if (state === "Shown")
+                       page.height / 2.66
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2.66
+                Behavior on y{NumberAnimation{duration: 700;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_rain_3.png"
+                }
+            Image {
+                id: hangerCloudRain3
+                height: sourceSize.height /2
+                         opacity: cloudsImageRain3.opacity
+
+                            source: Util.dir+"cloud_rain_3_line.png"
+                y: cloudsImageRain3.y - cloudsImageRain3.sourceSize.height -(cloudsImageRain3.sourceSize.height + cloudsImageRain3.height /2)
+                x:cloudsImageRain3.x + cloudsImageRain3.width / 2.25
+            }
+            // End cloudsImageRain3
+
+
+////////////////////////start Storm Clouds
+
+            //cloudsImageStrom1
+            Image {
+                id: cloudsStormImage1
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if (clouds === "Heavy rain")
+                        1
+                    else
+                        0
+                }
+                smooth: true
+                state: mainImage.state
+                x: page.width / 20
+                y: if (state === "Shown")
+                       page.height / 2
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2
+                Behavior on y{NumberAnimation{duration: 1000;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_storm_1.png"
+                }
+            Image {
+                id: hangerCloudStorm1
+                height: sourceSize.height /2
+                         opacity: cloudsImageTStorm1.opacity
+
+                            source: Util.dir+"cloud_storm_1_line.png"
+                y: cloudsStormImage1.y - cloudsStormImage1.sourceSize.height -(cloudsStormImage1.sourceSize.height / 1.844)
+                x:cloudsStormImage1.width / 1.844
+            }
+            // End cloudsImageStrom1
+
+
+            //cloudsImageStrom2
+            Image {
+                id: cloudsImageStrom2
+                width:  sourceSize.width / 1.88
+                height: sourceSize.height / 1.88
+                opacity:{
+                    if (clouds === "Heavy rain")
+                        1
+                    else
+                        0
+                }
+
+                smooth: true
+                state: mainImage.state
+                x: page.width / 2
+                y: if (state === "Shown")
+                       page.height / 2
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2
+                Behavior on y{NumberAnimation{duration: 1400;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_storm_2.png"
+                }
+            Image {
+                id: hangerCloudStorm2
+                height: sourceSize.height /2
+                source: Util.dir+"cloud_storm_2_line.png"
+                         opacity: cloudsImageStrom2.opacity
+
+                            y: cloudsImageStrom2.y - cloudsImageStrom2.sourceSize.height -(cloudsImageStrom2.sourceSize.height / 1.14)
+                x:cloudsImageStrom2.x + cloudsImageStrom2.width / 2.25
+            }
+            // End cloudsImageStrom2
+
+
+
+            //cloudsImageStrom3
+            Image {
+                id: cloudsImageStrom3
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                smooth: true
+                opacity:{
+                    if (clouds === "Heavy rain")
+                        1
+                    else
+                        0
+                }
+
+                state: mainImage.state
+                x: page.width / 50
+                y: if (state === "Shown")
+                       page.height / 2.66
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2.66
+                Behavior on y{NumberAnimation{duration: 700;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_storm_3.png"
+                }
+            Image {
+                id: hangerCloudStorm3
+             opacity: cloudsImageStrom3.opacity
+                height: sourceSize.height /2
+                source: Util.dir+"cloud_storm_3_line.png"
+                y: cloudsImageStrom3.y - cloudsImageStrom3.sourceSize.height -(cloudsImageStrom3.sourceSize.height + cloudsImageStrom3.height /2)
+                x:cloudsImageStrom3.x + cloudsImageStrom3.width / 2.25
+            }
+            // End cloudsImageStrom3
+
+
+            //cloudsImageTStrom1
+            Image {
+                id: cloudsImageTStorm1
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if(clouds === "Rain showers")
+                        1
+                    else
+                        0
+                }                smooth: true
+                state: mainImage.state
+                x: page.width / 20
+                y: if (state === "Shown")
+                       page.height / 2
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2
+                Behavior on y{NumberAnimation{duration: 1000;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_tstorm_1.png"
+                }
+            Image {
+                id: hangerCloudTStorm1
+                height: sourceSize.height /2
+                source: Util.dir+"cloud_tstorm_1_line.png"
+                 opacity: cloudsImageTStorm1.opacity
+                y: cloudsImageTStorm1.y - cloudsImageTStorm1.sourceSize.height -(cloudsImageTStorm1.sourceSize.height / 1.844)
+                x:cloudsImageTStorm1.width / 1.844
+            }
+            // End cloudsImageTStorm1
+
+
+            //cloudsImageTStorm2
+            Image {
+                id: cloudsImageTStorm2
+                width:  sourceSize.width / 1.88
+                height: sourceSize.height / 1.88
+                smooth: true
+                opacity:{
+                    if(clouds === "Rain showers")
+                        1
+                    else
+                        0
+                }
+                state: mainImage.state
+                x: page.width / 2
+                y: if (state === "Shown")
+                       page.height / 2
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2
+                Behavior on y{NumberAnimation{duration: 1400;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_tstorm_2.png"
+                }
+            Image {
+                id: hangerCloudTStorm2
+                height: sourceSize.height /2
+                opacity: cloudsImageTStorm2.opacity
+                source: Util.dir+"cloud_tstorm_2_line.png"
+                y: cloudsImageTStorm2.y - cloudsImageTStorm2.sourceSize.height -(cloudsImageTStorm2.sourceSize.height / 1.14)
+                x:cloudsImageTStorm2.x + cloudsImageTStorm2.width / 2.25
+            }
+            // End cloudsImageTStorm2
+
+
+
+            //cloudsImageTStorm3
+            Image {
+                id: cloudsImageTStorm3
+                width:  sourceSize.width /2
+                height: sourceSize.height /2
+                opacity:{
+                    if(clouds === "Rain showers")
+                        1
+                    else
+                        0
+                }
+                smooth: true
+                state: mainImage.state
+                x: page.width / 50
+                y: if (state === "Shown")
+                       page.height / 2.66
+                else if (state === "Hidden")
+                       -page.height
+                else
+                       page.height / 2.66
+                Behavior on y{NumberAnimation{duration: 700;easing.type: Easing.OutBack}}
+                source: Util.dir + "cloud_storm_3.png"
+                }
+            Image {
+                id: hangerCloudTStorm3
+                opacity: cloudsImageTStorm3.opacity
+                height: sourceSize.height /2
+                source: Util.dir+"cloud_storm_3_line.png"
+                y: cloudsImageTStorm3.y - cloudsImageTStorm3.sourceSize.height -(cloudsImageTStorm3.sourceSize.height + cloudsImageTStorm3.height /2)
+                x:cloudsImageTStorm3.x + cloudsImageTStorm3.width / 2.25
+            }
+            // End cloudsImageTStorm3
+
+
+
+
+
+
+//////////////// Particals and ShaderEffects for snow and rain
+
+            //Snow
+            ImageParticle {
+                id:snowImagePartical
+                opacity: {
+                    if (clouds === "Snow" && mainImage.state === "Shown" )
+                        1
+                    else
+                        0
+                }
+                Behavior on opacity{NumberAnimation{duration:400}}
+                width: page.width
+                height: page.height
+                x: page.width / 20
+                y: page.height / 1.58
+                system: snowSystem
+                source: Util.dir+"snow_flake_01.png"
+                color: "#FFFAFA"
+                clip: true
+                alpha: 0.8
+            }
+            ParticleSystem {
+                id: snowSystem
+//                opacity: rainImagePartical.opacity
+            }
+            Emitter {
+                system: snowSystem
+                width: page.width
+                height: page.height
+                emitRate: 22
+                lifeSpan: 9000
+                size: page.width / 30
+                sizeVariation:page.width / 9
+                velocity: AngleDirection {
+                    angleVariation: 90;
+                    magnitude: 9
+                }
+                maximumEmitted: 100
+                startTime: 4000
+            }
+
+            //////////////////////////Rain
+            ImageParticle {
+                id:rainImagePartical
+                opacity: {
+                    if (clouds === "Rain" && mainImage.state === "Shown"
+                    || clouds === "Rain showers" && mainImage.state === "Shown"
+                    || clouds === "Heavy rain" && mainImage.state === "Shown")
+                        1
+                    else
+                        0
+                }
+                Behavior on opacity{NumberAnimation{duration:400}}
+                width: page.width
+                height: page.height / 12
+                x: page.width / 20
+                y: page.height / 1.58
+                system: rainSystem
+                source: Util.dir+"rain_01.png"
+                color: "grey"
+                clip: false
+                alpha: 0.8
+            }
+            ParticleSystem {
+                id: rainSystem
+            }
+            Emitter {
+                system: rainSystem
+                width: page.width
+                y:page.height / 1.5
+                height: page.height / 4
+                emitRate:{
+                    if(clouds === "Rain")
+                        120
+                    else if (clouds === "Rain showers")
+                        140
+                    else if (clouds === "Heavy rain")
+                        170
+                    else
+                        120
+                }
+                lifeSpan: 900
+                size: page.width
+                sizeVariation:page.width
+                velocity: AngleDirection {
+                    angleVariation: 90;
+                    magnitude: 9
+                }
+                maximumEmitted: 100
+                startTime: 4000
+            }
+
+
+
+
+
+
+
+
+
+//            ImageParticle {anchors.fill: parent ;system: particles1 ;source: "art/" ;color: "gray" ;clip: true; alpha: 0.8}
+//            ImageParticle {anchors.fill: parent ;system: particles2 ;source: "" ;color: "gray" ;clip: true; alpha: 1}
+//            ImageParticle {anchors.fill: parent ;system: particles3 ;source: "ar" ;color: "gray" ;clip: true; alpha: 0.8}
+//            ImageParticle {anchors.fill: parent ;system: particles4 ;source: "a" ;color: "gray" ;clip: true; alpha: 0.8}
+//            ImageParticle {anchors.fill: parent ;system: particles5 ;source: "a" ;color:"gray"; clip: true; alpha: .5}
+//            ImageParticle {anchors.fill: parent ;system: particles6 ;source: "art" ;color:"gray"; clip: true; alpha: .5*/}
+
+
+
+
+
+
+//            ParticleSystem { id: particles1 }Emitter {system: particles1; anchors.fill: parent ;emitRate: 1;lifeSpan: 8000 ;size: 24 ;sizeVariation: 50 ;velocity: AngleDirection { angleVariation: 180; magnitude: 10} maximumEmitted: 10 ;startTime: 2000}
+//            ParticleSystem { id: particles2 }Emitter {system: particles2; anchors.fill: parent ;emitRate: 3;lifeSpan: 10000 ;size: 24 ;sizeVariation: 50 ;velocity: AngleDirection { angleVariation: 180; magnitude: 12 } maximumEmitted: 9 ;startTime: 5000}
+//            ParticleSystem { id: particles3 }Emitter {system: particles3; anchors.fill: parent ;emitRate: 15;lifeSpan: 9000 ;size: 24 ;sizeVariation: 50 ;velocity: AngleDirection { angleVariation: 180; magnitude: 7 } maximumEmitted: 20 ;startTime: 5000}
+//            ParticleSystem { id: particles4 }Emitter {system: particles4; anchors.fill: parent ;emitRate: 2;lifeSpan: 9000 ;size: 24 ;sizeVariation: 25 ;velocity: AngleDirection { angleVariation: 180; magnitude: 7 } maximumEmitted: 20 ;startTime: 5000}
+//            ParticleSystem { id: particles5 }Emitter {system: particles5; anchors.fill: parent ;emitRate: 2;lifeSpan: 4000 ;size: 32 ;sizeVariation: 40 ;velocity: AngleDirection { angleVariation: 180; magnitude: 12 } maximumEmitted: 17 ;startTime: 5000}
+//            ParticleSystem { id: particles6 }Emitter {system: particles6; anchors.fill: parent ;emitRate: 2;lifeSpan: 4000 ;size: 32 ;sizeVariation: 40 ;velocity: AngleDirection { angleVariation: 180; magnitude: 12 } maximumEmitted: 4 ;startTime: 5000}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+//////////////////////////////////// This is Details
+            Rectangle{
+                id:detailsSlider
+                width: separator1.width
+                height: separator1.width * 1.5
+                color: "#88000000"
+                state: "Hidden"
+                x: state === "Hidden" ? -separator1.width * 2 : 0
+                Behavior on x{NumberAnimation{duration: 1200; easing.type: Easing.OutBack}}
+                Text {
+                    id: conditions
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Conditions: </b>"+clouds
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:detailsSlider.top
+                        topMargin: detailsSlider.width / 2
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+                Text {
+                    id: humidityText
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Wind Speed: </b>" + windSpeed + "  \("+ windSpeedMPS +" Miles Per Second \) "
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:conditions.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }Text {
+                    id: dewPointTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Wind Direction: </b>" + windDirection
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:humidityText.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+
+                Text {
+                    id: presureTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Pressure: </b>"+pressure
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:dewPointTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }  Text {
+                    id: timeFromTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Staring Observation Time: </b>"+timeFrom
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:presureTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }  Text {
+                    id: timeToTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Ending Observation Time: </b>"+timeTo
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:timeFromTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+                Text {
+                    id: sunRiseTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Sun Rise: </b>"+sunRise
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:timeToTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+                Text {
+                    id: sunSetTxt
+                    height: 20
+                    width: separator1.width
+                    text:"<b>Sun Set: </b>"+sunSet
+                    color: "white"
+                    font.pixelSize: 12
+                    anchors{
+                        top:sunRiseTxt.bottom
+                        topMargin: 1
+                        left: parent.left
+                        leftMargin: parent.width / 20
+
+                    }
+                }
+                UbuntuShape{
+                    id:saveButton
+                    width: separator1.width / 3
+                    height: separator1.width / 8
+                    color:"grey"
+                    x: page.width / 3
+                    y: page.height / 1.5
+                }
+                MouseArea{
+                                    id:saveButtonMouseArea
+                                    anchors.fill: saveButton
+                                    onClicked: {
+                                        DataBase.createInitHomeTable()
+                                        DataBase.truncateHome()
+                                        DataBase.insertIntoTable()
+                                        savedTXT.opacity = 1
+                                        savedTXT.scale = 1
+                                        console.log(
+                                                      DataBase.homeCountry() + "\n"
+                                                    + DataBase.homeState() + "\n"
+                                                    + DataBase.homeCity() +"\n"
+                                                    + serie.countryName + "\n"
+                                                    + serie.adminName1 +"\n"
+                                                    + serie.name
+
+                                                    )
+                                    }
+
+                             }
+
+                Text {
+                    id:detailsSaveButtonTxt
+                    color:"#92FFFFFF"
+                    anchors.centerIn: saveButtonMouseArea
+                    text: "Save"
+                }
+                Text {
+                    id: savedTXT
+                    text: qsTr("Saved")
+                    color: "white"
+                    font.bold: true
+                    font.pixelSize: 22
+                    scale: 0
+                    Behavior on scale {NumberAnimation{from:1;to:0;duration: 3700;easing.type: Easing.OutQuad}}
+                    opacity: 0
+                    Behavior on opacity {}
+                    x: (page.width / 2) - (width/2)
+                    anchors{
+                        top: detailsSaveButtonTxt.bottom
+                    }
+                }
+            }//Details Rec
+
+
+
+
+            // Details Button
+            UbuntuShape{
+                id:detailsButton
+                width: separator1.width / 3
+                height: separator1.width / 8
+                color:"grey"
+                x: page.width - width
+                y: page.height - height
+            }Text {
+                id:detailsButtonTxt
+                color:"#92FFFFFF"
+                anchors.centerIn: detailsButton
+                text: "details"
+            }MouseArea{
+                anchors.fill: detailsButtonTxt
+                onClicked: {
+                    if (detailsSlider.state === "Hidden"){
+                        detailsSlider.x = 0
+                        detailsSlider.state = "Shown"
+                    } else{
+                        detailsSlider.x = -separator1.width * 2
+                        detailsSlider.state = "Hidden"
+                    }
+
+
+                }
+            }
+
+
+        }//Item
+
+
+
+
+
+
+    }//ListView
+
+}//Item
 
=== added file 'examples/WeatherModel.qml'
--- examples/WeatherModel.qml	1970-01-01 00:00:00 +0000
+++ examples/WeatherModel.qml	2013-02-18 17:43:29 +0000
@@ -0,0 +1,21 @@
+import QtQuick 2.0
+import QtQuick.XmlListModel 2.0
+XmlListModel {
+    id: serieModel
+    function load(Name,North,South,East,West) {
+        console.log("Loading Weather For \n")
+//        source = "http://api.geonames.org/weatherXML?north="+North+"&south="+South+"&east="+East+"&west="+West+"&username=bobweaver12345"
+        reload()
+    }
+    source: ''
+    query: "//observation"
+    XmlRole { name: "observationTime"; query: "observationTime/string()" }
+    XmlRole { name: "temperature"; query: "temperature/string()" }
+    XmlRole { name: "dewPoint"; query: "dewPoint/string()" }
+    XmlRole { name: "humidity"; query: "humidity/string()" }
+    XmlRole { name: "clouds"; query: "clouds/string()" }
+    XmlRole { name: "weatherCondition"; query: "weatherCondition/string()"}
+    XmlRole { name: "status"; query: "Status/string()" }
+    XmlRole { name: "windDirection"; query: "windDirection/string()" }
+    XmlRole { name: "windSpeed"; query: "windSpeed/string()" }
+}
 
=== removed directory 'po'
=== removed file 'po/po.pro'
--- po/po.pro	2013-02-12 16:18:48 +0000
+++ po/po.pro	1970-01-01 00:00:00 +0000
@@ -1,48 +0,0 @@
-TEMPLATE = subdirs
-
-PROJECTNAME = $$system(basename ../*.qmlproject)
-PROJECTNAME = $$replace(PROJECTNAME,.qmlproject,)
-
-SOURCECODE = ../*.qml
-
-message("")
-message(" Project Name: $$PROJECTNAME ")
-message(" Source Code: $$SOURCECODE ")
-message("")
-message(" run 'make pot' to generate the pot file from source code. ")
-message(" run 'make translate' to create a new translation (po) based on pot. ")
-message(" run 'make mo' to generate the mo files from po files. ")
-message(" run 'qmake; make install' to install the mo files. ")
-message("")
-
-## generate pot file 'make pot'
-potfile.target = pot
-potfile.commands = xgettext -o $${PROJECTNAME}.pot --package-name $${PROJECTNAME} --qt --c++ --add-comments=TRANSLATORS --keyword=tr $${SOURCECODE}
-QMAKE_EXTRA_TARGETS += potfile
-
-## poedit target for new translations 'make translate'
-poedit.target = translate
-poedit.commands = cp messages.pot new_language.po; poedit new_language.po
-QMAKE_EXTRA_TARGETS += poedit
-
-## generate mo files 'make mo'
-mofiles.target = mo
-mofiles.commands = msgfmt *.po
-QMAKE_EXTRA_TARGETS += mofiles
-
-## Installation steps for mo files. 'make install'
-MO_FILES = $$system(ls *.mo)
-
-install_mo_commands =
-for(mo_file, MO_FILES) {
-  mo_name = $$replace(mo_file,.mo,)
-  mo_targetpath = $(INSTALL_ROOT)/usr/share/locale/$${mo_name}/LC_MESSAGES
-  mo_target = $${mo_targetpath}/$${PROJECTNAME}.mo
-  !isEmpty(install_mo_commands): install_mo_commands += &&
-  install_mo_commands += test -d $$mo_targetpath || mkdir -p $$mo_targetpath
-  install_mo_commands += && cp $$mo_file $$mo_target
-}
-
-install.commands = $$install_mo_commands
-QMAKE_EXTRA_TARGETS += install
-
 
=== removed file 'ubuntu-weather-app'
--- ubuntu-weather-app	2013-02-12 16:27:32 +0000
+++ ubuntu-weather-app	1970-01-01 00:00:00 +0000
@@ -1,2 +0,0 @@
-#!/bin/bash
-qmlscene /usr/share/ubuntu-weather-app/weather.qml
 
=== removed file 'ubuntu-weather-app.desktop'
--- ubuntu-weather-app.desktop	2013-02-12 16:27:32 +0000
+++ ubuntu-weather-app.desktop	1970-01-01 00:00:00 +0000
@@ -1,8 +0,0 @@
-[Desktop Entry]
-Encoding=UTF-8
-Version=1.0
-Type=Application
-Terminal=false
-Exec=/usr/bin/ubuntu-weather-app
-Icon=/usr/share/ubuntu-weather-app/weather64.png
-Name=Weather
 
=== removed file 'weather.qml'
--- weather.qml	2013-02-12 16:27:32 +0000
+++ weather.qml	1970-01-01 00:00:00 +0000
@@ -1,71 +0,0 @@
-import QtQuick 2.0
-import Ubuntu.Components 0.1
-
-/*!
-    \brief MainView with Tabs element.
-           First Tab has a single Label and
-           second Tab has a single ToolbarAction.
-*/
-
-MainView {
-    // objectName for functional testing purposes (autopilot-qt5)
-    objectName: "weather"
-    
-    width: units.gu(50)
-    height: units.gu(75)
-    
-    Tabs {
-        id: tabs
-        anchors.fill: parent
-        
-        // First tab begins here
-        Tab {
-            objectName: "Tab1"
-            
-            title: i18n.tr("Weather")
-            
-            // Tab content begins here
-            page: Page {
-                Column {
-                    anchors.centerIn: parent
-                    Label {
-                        text: i18n.tr("Swipe from right to left to change tab.")
-                    }
-                }
-            }
-        }
-        
-        // Second tab begins here
-        Tab {
-            objectName: "Tab2"
-            
-            title: i18n.tr("Optional Screen")
-            page: Page {
-                anchors.margins: units.gu(2)
-                
-                tools: ToolbarActions {
-                    Action {
-                        objectName: "action"
-                        
-                        iconSource: Qt.resolvedUrl("avatar.png")
-                        text: i18n.tr("Tap me!")
-                        
-                        onTriggered: {
-                            label.text = i18n.tr("Toolbar tapped")
-                        }
-                    }
-                }
-                
-                Column {
-                    anchors.centerIn: parent
-                    Label {
-                        id: label
-                        objectName: "label"
-                        
-                        text: i18n.tr("Swipe from bottom to up to reveal the toolbar.")
-                    }
-                }
-            }
-        }
-    }
-}
 
=== modified file 'weather.qmlproject'
--- weather.qmlproject	2013-02-12 16:27:32 +0000
+++ weather.qmlproject	2013-02-18 17:43:29 +0000
@@ -3,7 +3,7 @@
 import QmlProject 1.1
 
 Project {
-    mainFile: "weather.qml"
+    mainFile: "Main.qml"
 
     /* Include .qml, .js, and image files from current directory and subdirectories */
     QmlFiles {
 
=== added file 'weather.qmlproject.user'
--- weather.qmlproject.user	1970-01-01 00:00:00 +0000
+++ weather.qmlproject.user	2013-02-18 17:43:29 +0000
@@ -0,0 +1,203 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<!DOCTYPE QtCreatorProject>
+<!-- Written by Qt Creator 2.6.2, 2013-02-18T10:31:37. -->
+<qtcreator>
+ <data>
+  <variable>ProjectExplorer.Project.ActiveTarget</variable>
+  <value type="int">1</value>
+ </data>
+ <data>
+  <variable>ProjectExplorer.Project.EditorSettings</variable>
+  <valuemap type="QVariantMap">
+   <value type="bool" key="EditorConfiguration.AutoIndent">true</value>
+   <value type="bool" key="EditorConfiguration.AutoSpacesForTabs">false</value>
+   <value type="bool" key="EditorConfiguration.CamelCaseNavigation">true</value>
+   <valuemap type="QVariantMap" key="EditorConfiguration.CodeStyle.0">
+    <value type="QString" key="language">Cpp</value>
+    <valuemap type="QVariantMap" key="value">
+     <value type="QString" key="CurrentPreferences">CppGlobal</value>
+    </valuemap>
+   </valuemap>
+   <valuemap type="QVariantMap" key="EditorConfiguration.CodeStyle.1">
+    <value type="QString" key="language">QmlJS</value>
+    <valuemap type="QVariantMap" key="value">
+     <value type="QString" key="CurrentPreferences">QmlJSGlobal</value>
+    </valuemap>
+   </valuemap>
+   <value type="int" key="EditorConfiguration.CodeStyle.Count">2</value>
+   <value type="QByteArray" key="EditorConfiguration.Codec">UTF-8</value>
+   <value type="bool" key="EditorConfiguration.ConstrainTooltips">false</value>
+   <value type="int" key="EditorConfiguration.IndentSize">4</value>
+   <value type="bool" key="EditorConfiguration.KeyboardTooltips">false</value>
+   <value type="bool" key="EditorConfiguration.MouseNavigation">true</value>
+   <value type="int" key="EditorConfiguration.PaddingMode">1</value>
+   <value type="bool" key="EditorConfiguration.ScrollWheelZooming">true</value>
+   <value type="int" key="EditorConfiguration.SmartBackspaceBehavior">0</value>
+   <value type="bool" key="EditorConfiguration.SpacesForTabs">true</value>
+   <value type="int" key="EditorConfiguration.TabKeyBehavior">0</value>
+   <value type="int" key="EditorConfiguration.TabSize">8</value>
+   <value type="bool" key="EditorConfiguration.UseGlobal">true</value>
+   <value type="int" key="EditorConfiguration.Utf8BomBehavior">1</value>
+   <value type="bool" key="EditorConfiguration.addFinalNewLine">true</value>
+   <value type="bool" key="EditorConfiguration.cleanIndentation">true</value>
+   <value type="bool" key="EditorConfiguration.cleanWhitespace">true</value>
+   <value type="bool" key="EditorConfiguration.inEntireDocument">false</value>
+  </valuemap>
+ </data>
+ <data>
+  <variable>ProjectExplorer.Project.PluginSettings</variable>
+  <valuemap type="QVariantMap"/>
+ </data>
+ <data>
+  <variable>ProjectExplorer.Project.Target.0</variable>
+  <valuemap type="QVariantMap">
+   <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">5.0.0 stable</value>
+   <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">5.0.0 stable</value>
+   <value type="QByteArray" key="ProjectExplorer.ProjectConfiguration.Id">{47354fd8-a5b8-4631-a8c9-ed2cde418720}</value>
+   <value type="int" key="ProjectExplorer.Target.ActiveBuildConfiguration">-1</value>
+   <value type="int" key="ProjectExplorer.Target.ActiveDeployConfiguration">0</value>
+   <value type="int" key="ProjectExplorer.Target.ActiveRunConfiguration">0</value>
+   <value type="int" key="ProjectExplorer.Target.BuildConfigurationCount">0</value>
+   <valuemap type="QVariantMap" key="ProjectExplorer.Target.DeployConfiguration.0">
+    <valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
+     <value type="int" key="ProjectExplorer.BuildStepList.StepsCount">0</value>
+     <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Deploy</value>
+     <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
+     <value type="QByteArray" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Deploy</value>
+    </valuemap>
+    <value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">1</value>
+    <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Deploy locally</value>
+    <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
+    <value type="QByteArray" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.DefaultDeployConfiguration</value>
+   </valuemap>
+   <value type="int" key="ProjectExplorer.Target.DeployConfigurationCount">1</value>
+   <valuemap type="QVariantMap" key="ProjectExplorer.Target.RunConfiguration.0">
+    <value type="bool" key="Analyzer.Project.UseGlobal">true</value>
+    <valuelist type="QVariantList" key="Analyzer.Valgrind.AddedSuppressionFiles"/>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.CollectBusEvents">false</value>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.CollectSystime">false</value>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.EnableBranchSim">false</value>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.EnableCacheSim">false</value>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.EnableEventToolTips">true</value>
+    <value type="double" key="Analyzer.Valgrind.Callgrind.MinimumCostRatio">0.01</value>
+    <value type="double" key="Analyzer.Valgrind.Callgrind.VisualisationMinimumCostRatio">10</value>
+    <value type="bool" key="Analyzer.Valgrind.FilterExternalIssues">true</value>
+    <value type="int" key="Analyzer.Valgrind.NumCallers">25</value>
+    <valuelist type="QVariantList" key="Analyzer.Valgrind.RemovedSuppressionFiles"/>
+    <value type="bool" key="Analyzer.Valgrind.TrackOrigins">true</value>
+    <value type="QString" key="Analyzer.Valgrind.ValgrindExecutable">valgrind</value>
+    <valuelist type="QVariantList" key="Analyzer.Valgrind.VisibleErrorKinds">
+     <value type="int">0</value>
+     <value type="int">1</value>
+     <value type="int">2</value>
+     <value type="int">3</value>
+     <value type="int">4</value>
+     <value type="int">5</value>
+     <value type="int">6</value>
+     <value type="int">7</value>
+     <value type="int">8</value>
+     <value type="int">9</value>
+     <value type="int">10</value>
+     <value type="int">11</value>
+     <value type="int">12</value>
+     <value type="int">13</value>
+     <value type="int">14</value>
+    </valuelist>
+    <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName"></value>
+    <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">QML Scene</value>
+    <value type="QByteArray" key="ProjectExplorer.ProjectConfiguration.Id">QmlProjectManager.QmlRunConfiguration.QmlScene</value>
+    <value type="QString" key="QmlProjectManager.QmlRunConfiguration.MainScript">CurrentFile</value>
+    <value type="QString" key="QmlProjectManager.QmlRunConfiguration.QDeclarativeViewerArguments"></value>
+    <valuelist type="QVariantList" key="QmlProjectManager.QmlRunConfiguration.UserEnvironmentChanges"/>
+    <value type="uint" key="RunConfiguration.QmlDebugServerPort">3768</value>
+    <value type="bool" key="RunConfiguration.UseCppDebugger">false</value>
+    <value type="bool" key="RunConfiguration.UseMultiProcess">false</value>
+    <value type="bool" key="RunConfiguration.UseQmlDebugger">true</value>
+    <value type="bool" key="RunConfiguration.UseQmlDebuggerAuto">false</value>
+   </valuemap>
+   <value type="int" key="ProjectExplorer.Target.RunConfigurationCount">1</value>
+  </valuemap>
+ </data>
+ <data>
+  <variable>ProjectExplorer.Project.Target.1</variable>
+  <valuemap type="QVariantMap">
+   <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">5.0.1 </value>
+   <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">5.0.1 </value>
+   <value type="QByteArray" key="ProjectExplorer.ProjectConfiguration.Id">{85f07aa6-a0b3-43fd-9d37-16ccf05f78b5}</value>
+   <value type="int" key="ProjectExplorer.Target.ActiveBuildConfiguration">-1</value>
+   <value type="int" key="ProjectExplorer.Target.ActiveDeployConfiguration">0</value>
+   <value type="int" key="ProjectExplorer.Target.ActiveRunConfiguration">0</value>
+   <value type="int" key="ProjectExplorer.Target.BuildConfigurationCount">0</value>
+   <valuemap type="QVariantMap" key="ProjectExplorer.Target.DeployConfiguration.0">
+    <valuemap type="QVariantMap" key="ProjectExplorer.BuildConfiguration.BuildStepList.0">
+     <value type="int" key="ProjectExplorer.BuildStepList.StepsCount">0</value>
+     <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Deploy</value>
+     <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
+     <value type="QByteArray" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.BuildSteps.Deploy</value>
+    </valuemap>
+    <value type="int" key="ProjectExplorer.BuildConfiguration.BuildStepListCount">1</value>
+    <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName">Deploy locally</value>
+    <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName"></value>
+    <value type="QByteArray" key="ProjectExplorer.ProjectConfiguration.Id">ProjectExplorer.DefaultDeployConfiguration</value>
+   </valuemap>
+   <value type="int" key="ProjectExplorer.Target.DeployConfigurationCount">1</value>
+   <valuemap type="QVariantMap" key="ProjectExplorer.Target.RunConfiguration.0">
+    <value type="bool" key="Analyzer.Project.UseGlobal">true</value>
+    <valuelist type="QVariantList" key="Analyzer.Valgrind.AddedSuppressionFiles"/>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.CollectBusEvents">false</value>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.CollectSystime">false</value>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.EnableBranchSim">false</value>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.EnableCacheSim">false</value>
+    <value type="bool" key="Analyzer.Valgrind.Callgrind.EnableEventToolTips">true</value>
+    <value type="double" key="Analyzer.Valgrind.Callgrind.MinimumCostRatio">0.01</value>
+    <value type="double" key="Analyzer.Valgrind.Callgrind.VisualisationMinimumCostRatio">10</value>
+    <value type="bool" key="Analyzer.Valgrind.FilterExternalIssues">true</value>
+    <value type="int" key="Analyzer.Valgrind.NumCallers">25</value>
+    <valuelist type="QVariantList" key="Analyzer.Valgrind.RemovedSuppressionFiles"/>
+    <value type="bool" key="Analyzer.Valgrind.TrackOrigins">true</value>
+    <value type="QString" key="Analyzer.Valgrind.ValgrindExecutable">valgrind</value>
+    <valuelist type="QVariantList" key="Analyzer.Valgrind.VisibleErrorKinds">
+     <value type="int">0</value>
+     <value type="int">1</value>
+     <value type="int">2</value>
+     <value type="int">3</value>
+     <value type="int">4</value>
+     <value type="int">5</value>
+     <value type="int">6</value>
+     <value type="int">7</value>
+     <value type="int">8</value>
+     <value type="int">9</value>
+     <value type="int">10</value>
+     <value type="int">11</value>
+     <value type="int">12</value>
+     <value type="int">13</value>
+     <value type="int">14</value>
+    </valuelist>
+    <value type="QString" key="ProjectExplorer.ProjectConfiguration.DefaultDisplayName"></value>
+    <value type="QString" key="ProjectExplorer.ProjectConfiguration.DisplayName">QML Scene</value>
+    <value type="QByteArray" key="ProjectExplorer.ProjectConfiguration.Id">QmlProjectManager.QmlRunConfiguration.QmlScene</value>
+    <value type="QString" key="QmlProjectManager.QmlRunConfiguration.MainScript">CurrentFile</value>
+    <value type="QString" key="QmlProjectManager.QmlRunConfiguration.QDeclarativeViewerArguments"></value>
+    <valuelist type="QVariantList" key="QmlProjectManager.QmlRunConfiguration.UserEnvironmentChanges"/>
+    <value type="uint" key="RunConfiguration.QmlDebugServerPort">3768</value>
+    <value type="bool" key="RunConfiguration.UseCppDebugger">false</value>
+    <value type="bool" key="RunConfiguration.UseMultiProcess">false</value>
+    <value type="bool" key="RunConfiguration.UseQmlDebugger">true</value>
+    <value type="bool" key="RunConfiguration.UseQmlDebuggerAuto">false</value>
+   </valuemap>
+   <value type="int" key="ProjectExplorer.Target.RunConfigurationCount">1</value>
+  </valuemap>
+ </data>
+ <data>
+  <variable>ProjectExplorer.Project.TargetCount</variable>
+  <value type="int">2</value>
+ </data>
+ <data>
+  <variable>ProjectExplorer.Project.Updater.EnvironmentId</variable>
+  <value type="QString">{014596af-77d7-45e2-86ac-344cb0e4f934}</value>
+ </data>
+ <data>
+  <variable>ProjectExplorer.Project.Updater.FileVersion</variable>
+  <value type="int">12</value>
+ </data>
+</qtcreator>
 
=== removed file 'weather64.png'
 Binary files weather64.png	2013-02-12 16:27:32 +0000 and weather64.png	1970-01-01 00:00:00 +0000 differ